/* =========================
			ROOT VARIABLES
		========================= */
		:root {
			--font-primary: 'Inter', sans-serif;
			--font-secondary: "Poppins", sans-serif;
			--color-primary: #1B1251;
			--color-secondary: #C52020;
			--color-heading: #1F1F1F;
			--color-text: #5C5C5C;
			--border-color: #ddd;
			--color-white: #fff;
			scroll-behavior: smooth;
		}

		*,
		*::before,
		*::after {
			box-sizing: border-box !important;
			margin: 0;
			padding: 0;
			
		}

		body {
			font-family: var(--font-secondary);
			font-size: 1rem;
			line-height: 1.5;
			color: var(--color-text);
			overflow-x: hidden !important;
			background-color: var(--color-white);
		}


		h1,
		.h1,
		h2,
		.h2,
		h3,
		.h3,
		h4,
		.h4,
		h5,
		.h5,
		h6,
		.h6 {
			font-family: var(--font-primary);
			font-weight: 500;
			color: var(--color-heading);
			line-height: 1.3;
			margin-bottom: 0.5rem;
		}

		p {
			margin-bottom: 0.75rem;
		}

		p,
		span,
		a,
		li,
		td,
		th,
		button {
			font-family: var(--font-secondary);
			font-size: 1rem;
			color: var(--color-text);
		}

		a {
			transition: color 0.3s ease;
			font-size: 14px;
		}

		a:hover {
			color: var(--color-primary);
		}

		table {
			border-collapse: collapse;
			width: 100%;
		}

		th,
		td {
			border: 1px solid var(--border-color);
			padding: 0.5rem;
			text-align: left;
		}

		.shadow {
			box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px,
				rgba(60, 64, 67, 0.15) 0 2px 6px;
		}

		/* =========================
			TOP MENU BASE
		========================= */
		.top-menu-bg {
			background: var(--color-primary);
		}

		.top-menu-left {
			gap: 25px;
		}

		.top-menu-right {
			justify-content: flex-end;
		}

		.top-menu-left a,
		.top-menu-right a {
			position: relative;
			color: var(--color-white) !important;
			line-height: 16px;
			text-decoration: none;
			transition: all 0.3s ease;
		}


		.top-menu-left a::after,
		.top-menu-right a::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: -3px;
			width: 0%;
			height: 2px;
			background: var(--color-secondary);
			transition: width 0.3s ease;
		}

		.top-menu-left a:hover::after,
		.top-menu-right a:hover::after {
			width: 100%;
		}

		.top-menu-left a:hover,
		.top-menu-right a:hover {
			color: var(--color-secondary) !important;
		}

		.top-menu-right .nav-item {
			display: flex;
			align-items: center;
		}

		.top-menu-right .nav-item:not(:last-child)::after {
			content: "|";
			margin-left: 12px;
			color: var(--color-white);
			transition: color 0.3s ease;
		}

		.top-menu-right .nav-item:hover::after {
			color: var(--color-secondary);
		}

		.topbar-link {
			gap: 10px;
		}

		.top-menu-left img {
			width: 16px;
			height: 16px;
			object-fit: contain;
			transition: transform 0.3s ease, filter 0.3s ease;
		}

		.topbar-link:hover img {
			transform: translateY(-2px) scale(1.1);
			filter: brightness(1.2);
		}


		.topbar-menu {
			z-index: 1021;
		}

		.menu-alignment {
			display: flex;
			width: 100%;
		}


		.top-menu-right .navbar-nav {
			display: flex;
			align-items: center;
			gap: 5px;
		}


		@media (max-width: 992px) {

			.top-menu-mobile-view {
				border-top: 1px solid #676a6d;
			}

			.top-menu-mobile-view a {
				color: var(--color-heading);
			}

		}

		/* =========================
			HEADER
		========================= */
		.site-header {
			padding: 20px 0;
			background: var(--color-white);
		}


		.header-logo {
			max-width: 113px;
			height: auto;
			object-fit: contain;
			margin-right: 20px;
			transition: transform 0.3s ease;
		}

		.logo-link:hover .header-logo {
			transform: scale(1.05);
		}

		.header-college-name {
			margin-bottom: 2px;
			font-size: 20px;
			font-style: normal;
			font-weight: 800;
			text-transform: uppercase;
		}

		.header-tagline {
			font-size: 18px;
			font-style: normal;
			font-weight: 600;
		}

		.header-college-name,
		.header-tagline {
			line-height: 16px;
			letter-spacing: 0.6px;
			color: rgba(0, 0, 0, 0.62);
		}

		.header-subtitle {
			color: var(--color-primary);
			margin-bottom: 4px;
			font-size: 36px;
			font-style: normal;
			font-weight: 800;
			line-height: 60px;
		}

		.right-side-logo {
			max-width: 128px;
		}

		.site-header .container {
			padding: 0 70px;
		}

		/* =========================
			RESPONSIVE
		========================= */
		@media (max-width: 992px) {

			.site-header {
				text-align: center;
			}

			.header-logo {
				max-width: 80px;
				margin-right: 0;
				margin-bottom: 8px;
			}

			.title-holder {
				align-items: center;
			}

			.header-subtitle {
				font-size: 1.5rem;
				line-height: 28px;
			}

			.header-college-name {
				font-size: 0.95rem;
			}

			.header-tagline {
				font-size: 0.85rem;
			}

			.site-header .container {
				padding: 20px !important;
			}

		}

		@media (max-width: 576px) {

			.site-header {
				padding: 8px 0;
			}

			.header-subtitle {
				font-size: 1.3rem;
			}

			.header-tagline {
				font-size: 0.8rem;
			}

		}

		/* =========================
			NAVBAR
		========================= */
		.main-menu-bg {
			background-color: var(--color-primary);
			font-family: var(--font-secondary);
			margin-bottom: -7px;
			padding: 9px 11px !important;
		}

		.navbar-dark .navbar-nav.second-menu .nav-link {
			color: var(--color-white);
			font-family: var(--font-secondary);
			font-size: 12px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			padding: 5px 12px 5px 13px;
		}




		.main-menu .dropdown-menu a,
		.main-menu .dropdown-item:hover {
			color: black;
			background-color: white;
			cursor: pointer;
		}

		.main-menu .dropdown-item:hover {
			background-color: var(--color-secondary);
			color: #000000;
		}

		.navbar .navbar-nav .nav-link:hover,
		.navbar .navbar-nav .nav-link.active {
			font-weight: 600;
			color: var(--color-white);
		}

		.navbar-dark .navbar-nav .show>.nav-link,
		.navbar-dark .navbar-nav .nav-link.active {
			background-color: var(--color-secondary);
			font-weight: 600;
			color: #fff;
			border-radius: 20px;
		}

		.navbar-nav .dropdown-menu li a {
			border-bottom: 1px solid #cabe76;
			color: #000 !important;
		}

		.navbar-nav .dropdown-menu li a:hover {
			color: var(--color-white) !important;
		}

		.topbar-menu .navbar-nav .dropdown-menu li {
			border-bottom: 1px solid var(--color-secondary);
		}

		.navbar-nav .dropdown-menu li:last-child {
			border-bottom: 0px;
		}

		.top-menu #navbarNavDropdown {
			justify-content: end;
		}



		.dropdown-menu>li a:hover,
		.dropdown-menu>li.show {
			background-color: var(--color-secondary);
		}

		.navbar-expand-lg .navbar-nav .dropdown-menu {
			width: 300px !important;
			position: absolute;
			padding: 0;
		}

		/* Home slider start */


		/* =========================
			CAROUSEL BASE
		========================= */


		.banner-slider .carousel-item {
			position: relative;
			height: 696px;
			overflow: hidden;
		}

		.banner-slider img {
			height: 100%;
			object-fit: cover;
			display: block;
		}

		.carousel-item img:not(:first-child) {
			display: none;
		}

		.carousel-caption {
			z-index: 2;
			bottom: 0;
			text-align: left;
			background: rgba(27, 18, 81, 0.66);
			width: 50%;
			clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
			padding: 40px 60px 40px 6%;
			left: 0;
		}

		.caption-tiltline-2 {
			width: 2px;
			height: 81px;
			position: absolute;
			transform: rotate(40deg);
			background-color: #ffffff;
			right: 27px;
			top: 85px;
		}

		.caption-tiltline-1 {
			width: 2px;
			height: 81px;
			position: absolute;
			transform: rotate(141deg);
			background-color: #ffffff;
			right: 23px;
			top: 25px;
		}


		.carousel-caption:nth-of-type(2) {
			display: none;
		}


		.carousel-caption h5 {
			font-family: "Poppins";
			line-height: 16px;
			letter-spacing: 0.6px;
			text-transform: uppercase;
		}

		.carousel-caption p {
			color: var(--color-white);
			font-family: "Poppins";
			font-size: 36px;
			font-style: normal;
			font-weight: 600;
			line-height: 42px;
			padding: 0;
			margin: 0;
			text-transform: capitalize;
		}

		#header-carousel .carousel-control-prev,
		#header-carousel .carousel-control-next {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 2;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			background: var(--color-white);
			border-radius: 50%;
			border: none;
			opacity: 1;
			filter: drop-shadow(0.8px 2.4px 5.12px rgba(0, 0, 0, 0.25));

			transition: all 0.3s ease;
		}

		#header-carousel .carousel-control-prev {
			left: 20px;
		}

		#header-carousel .carousel-control-next {
			right: 20px;
		}

		#header-carousel .carousel-control-prev-icon,
		#header-carousel .carousel-control-next-icon {
			width: 20px;
			height: 20px;
			background-size: contain;
			background-repeat: no-repeat;
			background-color: transparent;
			border: none;
		}

		#header-carousel .carousel-control-prev-icon {
			background-image: url(../img/arrow-p.svg);
		}

		#header-carousel .carousel-control-next-icon {
			background-image: url(../img/arrow-n.svg);
		}

		#header-carousel .carousel-control-prev:hover,
		#header-carousel .carousel-control-next:hover {
			background: var(--color-secondary);
			transform: translateY(-50%) scale(1.1);
		}

		.carousel-dark .carousel-control-prev-icon,
		.carousel-dark .carousel-control-next-icon {
			filter: none !important;
		}


		.indicators-container {
			position: absolute;
			bottom: 25px;
			width: 100%;
			display: flex;
			justify-content: center;
			z-index: 2;
		}

		.indicators {
			display: flex;
			gap: 8px;
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.indicators li {
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.5);
			cursor: pointer;
			transition: all 0.3s ease;
		}

		.indicators li.active {
			width: 40px;
			height: 10px;
			border-radius: 20px;
			background: var(--color-secondary);
		}


		#header-carousel .carousel-item.active img {
			animation: zoomEffect 6s ease-in-out;
		}

		@keyframes zoomEffect {
			from {
				transform: scale(1);
			}

			to {
				transform: scale(1.08);
			}
		}


		/* =========================
			RESPONSIVE
		========================= */
		@media (max-width: 992px) {

			.banner-slider .carousel-item {
				height: 400px;
			}

			.carousel-caption {
				bottom: 0%;
				text-align: start;
				left: 30%;
				transform: translateX(-50%);
				width: 60%;
				padding: 25px 60px 25px 6%;
			}

			.carousel-caption p {
				font-size: 1.5rem;
				margin-bottom: 12px;
				line-height: 34px;
			}

			.carousel-caption h5 {
				font-size: 0.9rem;

			}

			.caption-tiltline-2 {
				width: 3px;
				height: 49px;
				position: absolute;
				transform: rotate(31deg);
				background-color: #ffffff;
				right: 11px;
				top: 72px;
			}

			.caption-tiltline-1 {
				width: 3px;
				height: 49px;
				position: absolute;
				transform: rotate(149deg);
				background-color: #ffffff;
				right: 11px;
				top: 31px;
			}

		}

		@media (max-width: 576px) {

			.banner-slider .carousel-item {
				height: 400px;
			}

			.carousel-caption {
				padding: 20px;
				width: 100%;
				bottom: 0;
				line-height: 28px;
				left: 50%;

			}

			.carousel-caption p {
				font-size: 1.2rem;
				line-height: 22px;
				margin-bottom: 10px;
			}

			.carousel-caption h5 {
				font-size: 0.8rem;

			}

			.caption-tiltline-2 {
				width: 2px;
				height: 35px;
				position: absolute;
				transform: rotate(28deg);
				background-color: #ffffff;
				right: 9px;
				top: 57px;
			}

			.caption-tiltline-1 {
				width: 2px;
				height: 35px;
				position: absolute;
				transform: rotate(152deg);
				background-color: #ffffff;
				right: 8px;
				top: 27px;
			}

		}

		/* news marquee start */

		.news-heading {
			color: #475569;
			font-family: Poppins;
			font-size: 22px;
			font-style: normal;
			font-weight: 400;
			line-height: 33px;
			/* 150% */
		}

		.news-wrapper {
			width: 290px;
			height: 323px !important;
			overflow: hidden;
			transition: transform 0.3s ease;
			border: 1px solid #eee;
			border-radius: 12px;
			background: #FFF;
			box-shadow: 0 1px 14.8px 0 rgba(121, 21, 41, 0.21);
			padding: 20px 20px;
			overflow: hidden !important;
		}

		.news-wrapper:hover {
			transform: translateY(-8px);
		}

		.news-description {
			color: #5C6970;
			font-family: Poppins;
			font-size: 15px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px;

		}

		.news-date {
			font-family: var(--font-secondary);
			color: #5C6970;
			font-family: Poppins;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 16px;
			/* 114.286% */
			letter-spacing: 0.6px;
		}



		.view-all {
			text-align: -webkit-right;
		}

		.news-custom-title {
			width: fit-content;
			background: #1a153e;
			color: #fff;
			padding: 4px 15px;
			border-radius: 8px;
			font-size: 12px;
			font-weight: 600;
			z-index: 10;

		}

		.news-container {
			overflow: hidden;
			transition: transform 0.3s ease;
			border: 1px solid #eee;
			border-radius: 12px;
			background: #FFF;
			box-shadow: 0 1px 14.8px 0 rgba(121, 21, 41, 0.21);
			margin: 10px;
		}

		/* .holder ul li {
			height: 88px;
			margin: 10px;
			border-radius: 6px;
		} */

		.holder ul li a {
			padding-bottom: 4px;
			text-decoration: none;
			color: #333;
			font-family: "Roboto", sans-serif;
			font-size: 16px;
			font-weight: 500;
			line-height: 24px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}

		.holder {
			display: block;
			height: 280px;
			overflow: hidden !important;
		}

		.holder ul {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: 100%;

		}

		.holder ul li {
			border-bottom: 1px solid #b2b2b28C;
			list-style: none;
			padding-bottom: 10px;
		}

		.holder-news {
			position: relative;
			height: 420px !important;
			/* overflow-y: scroll !important; */
		}

		.holder ul li a {
			padding: 10px 0px;
			overflow-wrap: anywhere;
		}

		.holder ul li i {
			color: var(--color-secondary);
			font-size: 15px;
			margin-right: 10px;
		}

		.holder ul li span {
			color: var(--color-heading);
			font-size: 15px;
		}

		.holder-news ul {
			padding: 0;
		}

		.holder {
			position: relative;
			height: 250px !important;
			left: 0px;
			width: auto;
		}

		.holder::-webkit-scrollbar {
			margin: 0px 10px;
			width: 5px;
			border-radius: 24px;
			background: #e0e0e0;
		}

		.holder::-webkit-scrollbar-thumb {
			width: 5px;
			border-radius: 24px;
			background: #a1a1a1;
		}

		.holder::-webkit-scrollbar {
			margin: 0px 10px;
			width: 5px;
			border-radius: 24px;
			background: #e0e0e0;
		}

		.holder::-webkit-scrollbar-thumb {
			width: 5px;
			border-radius: 24px;
			background: #a1a1a1;
		}

		/* events */

		.myTicker2 {
			position: relative;
			height: 375px !important;
			overflow: hidden !important;
		}

		.myTicker2 ul {
			display: flex;
			position: absolute;
			white-space: nowrap;
		}


		.events-details img {
			height: 165px !important;
			width: 100%;
		}

		figcaption span {
			color: #5e35a7;
			font-family: Poppins;
			font-size: 22px;
			font-style: normal;
			font-weight: 700;
			line-height: 33px;
			padding-bottom: 0px;
		}

		figcaption {
			padding: 10px 20px;
		}

		figure p {
			padding: 0;
			margin: 0;
			overflow: hidden;
			color: #333;
			text-overflow: ellipsis;
			font-family: var(--font-secondary);
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 24px;
		}

		/* .events-container {
			overflow: hidden;
			border-radius: 24px;
			background: #f0ebf8;
			width: 100%;
			height: 85%;
			margin: 0 10px;
		} */

		.event-view-btn a {
			color: white;
			border-radius: 12px;
			background: #5e35a7;
			display: flex;
			padding: 11px 24px;
			justify-content: center;
			align-items: center;
			gap: 10px;
			align-self: stretch;
		}

		/* =========================
			ABOUT SECTION WRAPPER
		============================ */
		.about-card {
			overflow: hidden;
			padding: 28px;
		}

		.about-image-wrapper {
			height: 540px;
		}

		.about-image-wrapper img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 15px;
		}

		.about-title {
			color: var(--color-primary);
			font-size: 12px;
			font-style: normal;
			font-weight: 600;
			line-height: 16px;
			letter-spacing: 2.4px;
		}

		.about-subtitle {
			color: var(--color-heading);
			font-family: "Poppins";
			font-size: 40px;
			font-style: normal;
			font-weight: 700;
			line-height: 48px;
		}

		.about-description {
			color: var(--color-text);
			font-family: "Poppins";
			font-size: 15px;
			font-style: normal;
			line-height: 25px;
		}

		.stats-grid {
			margin-top: 10px;
		}

		.stat-card {
			border-radius: 8px;
			background: #A6A1C9;
			padding: 18px 10px;
			text-align: center;
			height: 100%;
			transition: all 0.3s ease;
		}

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

		.stat-value {
			color: var(--color-primary);
			font-family: "Poppins";
			font-size: 21.9px;
			font-style: normal;
			font-weight: 700;
			line-height: 32px;

		}

		.stat-text {
			color: #000;
			font-family: "Poppins";
			font-size: 10px;
			font-style: normal;
			line-height: 16px;
		}


		.btn-primary-custom {
			display: inline-flex;
			padding: 10px 20px 9px 20px;
			justify-content: center;
			align-items: center;
			border-radius: 8px;
			background: var(--color-primary);
			font-family: var(--font-secondary);
			font-size: 14px;
			font-style: normal;
			font-weight: 600;
			line-height: 20px;
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
			color: var(--color-white);
			border: none;
			margin-top: 25px;
			transition: all 0.3s ease;
		}

		.btn-primary-custom:hover {
			background-color: #0d0630;
			box-shadow: 0 5px 15px rgba(26, 11, 94, 0.3);
			color: var(--color-white);
		}

		/* =========================
				RESPONSIVE
			========================= */
		@media (max-width: 991px) {
			.about-card {
				padding: 20px;
			}

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

			.about-image-wrapper {
				margin-bottom: 25px;
			}
		}

		/*======================
		VISSION MISSION
		========================  */
		.section-header {
			margin-bottom: 20px;
			margin-top: 30px;

		}

		.section-header__label {
			color: var(--color-primary);
			font-family: var(--font-secondary);
			font-size: 12px;
			font-style: normal;
			font-weight: 600;
			line-height: 16px;
			letter-spacing: 2.4px;
			text-transform: uppercase;
		}

		.span-lable {
			display: block !important;
		}

		.section-header__title {
			font-family: "Poppins";
			font-size: 40px;
			font-style: normal;
			font-weight: 700;
			line-height: 48px;
		}

		.section-header__description {
			color: #737373;
			font-family: "Poppins";
			font-style: normal;
			line-height: 28px;

		}

		.info-card {
			border-radius: 16px;
			background: rgba(255, 255, 255, 0.6);
			padding: 24px;
			position: relative;
			margin-bottom: 40px;
			box-shadow: 0 10px 30px rgba(27, 18, 81, 0.15);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
			border: 1px solid rgba(255, 255, 255, 0.3);
			transition: all 0.3s ease;
		}

		.info-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 20px 50px rgba(27, 18, 81, 0.25);
		}

		.info-card::before {
			content: "";
			position: absolute;
			inset: 0;
			border-radius: inherit;
			padding: 1px;
			background: linear-gradient(135deg, #4b35bb, #1a0b5e);
			-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			opacity: 0;
			transition: 0.3s;
		}

		.info-card:hover::before {
			opacity: 1;
		}

		.info-title {
			color: var(--color-heading);
			font-family: "Segoe UI";
			font-size: 20px;
			font-style: normal;
			font-weight: 700;
			line-height: 28px;
		}

		.info-description {
			color: #737373;
			font-family: "Poppins";
			font-size: 15px;
			font-style: normal;
			line-height: 22.75px;
		}

		.info-card-inner {
			border-radius: 15px;
			border: 3px solid var(--color-primary);
			padding: 30px;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			position: relative;
		}

		.card-icon-circle {
			position: absolute;
			bottom: -30px;
			width: 91px;
			height: 91px;
			background: linear-gradient(132deg, var(--color-primary) 21.2%, #5340C1 49.74%, var(--color-primary) 80.7%);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 8px 20px rgba(26, 11, 94, 0.3);
			padding: 16.214px 16.391px 17.568px 16.391px;
		}

		.card-icon-circle img {
			width: 64px;
		}

		/*  */

		/* =========================
			TRUSTEE CARD
		========================= */
		.trustee-card {
			text-align: center;
			margin-bottom: 40px;
			transition: transform 0.4s ease, box-shadow 0.4s ease;
			position: relative;
		}

		.trustee-card:hover {
			transform: translateY(-10px);
		}

		.trustee-card__media {
			position: relative;
			width: 100%;
			background: linear-gradient(rgba(197, 32, 32, 0.15) 0%, rgba(254, 226, 226, 0.3) 100%);
			overflow: hidden;
			margin-bottom: 20px;
			display: flex;
			align-items: flex-end;
			justify-content: center;
			border-radius: 60px;
			border: 1px solid rgba(224, 228, 235, 0.50);
			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
			aspect-ratio: 3 / 5;
			transition: all 0.4s ease;

		}

		.trusted-card-img1 {
			background: linear-gradient(180deg, rgba(26, 51, 102, 0.20) 0%, rgba(26, 51, 102, 0.05) 100%);
		}

		.trustee-card__image {
			width: 170px;
			height: 241.95px;
			object-fit: cover;
			filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.2));
			transition: transform 0.5s ease;
		}

		.trustee-card__miland-img {
			height: 290px;
			width: 212px;
		}

		.trustee-card__content {
			padding: 0 20px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		.trustee-card__name {
			color: #1A3366;
			font-family: "Poppins";
			font-size: 14px;
			font-style: normal;
			font-weight: 700;
			line-height: 24px;
			margin-bottom: 5px;
			transition: color 0.3s ease;

		}

		.trustee-card__designation {
			color: var(--color-secondary);
			font-family: "Source Sans 3";
			font-size: 14px;
			font-style: normal;
			font-weight: 500;
			line-height: 20px;
			text-align: center;
			transition: color 0.3s ease, letter-spacing 0.3s ease;
		}

		/* =========================
			RESPONSIVE
		========================= */
		@media (max-width: 991px) {
			.section-header__title {
				font-size: 2.2rem;
			}
		}

		.trustee-card:hover .trustee-card__image {
			transform: scale(1.08);
		}

		.trustee-card:hover .trustee-card__media {
			background: linear-gradient(180deg,
					rgba(197, 32, 32, 0.25) 0%,
					rgba(254, 226, 226, 0.4) 100%);
			box-shadow: 0 20px 40px rgba(27, 18, 81, 0.15);
			border-color: rgba(197, 32, 32, 0.4);
		}

		.trustee-card:hover .trustee-card__name {
			color: var(--color-primary);
		}

		.trustee-card:hover .trustee-card__designation {
			color: var(--color-primary);
			letter-spacing: 0.5px;
		}

		.trustee-card__media::after {
			content: "";
			position: absolute;
			top: 0;
			left: -75%;
			width: 50%;
			height: 100%;
			background: linear-gradient(120deg,
					transparent,
					rgba(255, 255, 255, 0.4),
					transparent);
			transform: skewX(-25deg);
			transition: 0.6s;
		}

		.trustee-card:hover .trustee-card__media::after {
			left: 130%;
		}

		/* ==============================
				COURSES SECTION
		============================== */
		.courses-section {
			background: #F0F3FC;
		}

		.courses-section .section-header {
			text-align: left;
		}

		.courses-section__subtitle {
			color: var(--color-primary);
			font-family: "Poppins";
			font-style: normal;
			line-height: 20px;
			position: relative;
			display: inline-block;
			padding-bottom: 12px;
		}

		.courses-section__subtitle::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: -4px;
			width: 48px;
			height: 2px;
			border-radius: 9999px;
			background: var(--color-primary);
		}

		.courses-section__cta {
			transition: 0.3s;
			padding: 10px 24px 10px 24px;
			border-radius: 8px;
			background: var(--color-primary);
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
			color: #FAFAFA;
			font-family: Poppins;
			font-style: normal;
			font-weight: 500;
			line-height: 20px;
		}

		.courses-section__cta:hover {
			background-color: #0d0630;
			color: var(--color-white);
		}


		.course-card {
			display: flex;
			height: 100%;
			overflow: hidden;
			transition: transform 0.3s ease;
			border-radius: 20px;
			background: var(--color-white);
			box-shadow: 4px 4px 12px 0 rgba(27, 18, 81, 0.48);
			backdrop-filter: blur(3px);
		}

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

		.course-card__content {
			padding: 40px;
			flex: 1;
		}

		.course-card__media {
			width: 45%;
			overflow: hidden;
			border-radius: 20px;
			border: 10px solid var(--color-white);
			filter: blur(0px);
			margin: 0;
		}

		.course-card__image {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.course-card__icon {
			margin-bottom: 20px;
			display: flex;
			width: 48px;
			height: 48px;
			padding: 12px;
			justify-content: center;
			align-items: center;
			border-radius: 12px;
			background: var(--color-primary);
		}

		.course-card__icon img {
			width: 24px;
			height: 24px;
		}

		.course-card__title {
			margin-bottom: 15px;
			color: var(--color-heading);
			font-family: "Poppins";
			font-size: 18px;
			font-style: normal;
			font-weight: 600;
			line-height: 28px;
		}

		.course-card__description {
			margin-bottom: 25px;
			color: #737373;
			font-family: "Poppins";
			font-size: 14px;
			font-style: normal;
			line-height: 22.75px;
		}

		.course-card__button {
			background: transparent;
			transition: 0.3s;
			padding: 9px 20.681px 9px 21px;
			align-items: center;
			border-radius: 9999px;
			border: 1px solid var(--color-primary);
			color: var(--color-primary);
			text-align: center;
			font-family: "Poppins";
			font-size: 14px;
			font-style: normal;
			font-weight: 500;
			line-height: 20px;
		}

		.course-card__button:hover {
			background: #212529;
			color: var(--color-white);
		}


		@media (max-width: 991px) {
			.course-card {
				flex-direction: column;
			}

			.course-card__media {
				width: 100%;
				height: 250px;
			}

			.courses-section__title {
				font-size: 2.2rem;
			}

			.courses-section__cta-wrapper {
				text-align: left !important;
				margin-top: 20px;
			}
		}


		/* =========================
			LEADERSHIP CONTAINER
		========================= */

		.leadership-container {
			background: var(--color-white);
			border-radius: 20px;
			box-shadow: 0 10px 30px rgba(27, 18, 81, 0.15);
			transition: transform 0.4s ease, box-shadow 0.4s ease;
			overflow: hidden;
			position: relative;
		}

		.leadership-container:hover {
			transform: translateY(-8px);
			box-shadow: 0 20px 50px rgba(27, 18, 81, 0.25);
		}

		.principal-section__description {
			color: #737373;
			font-family: "Poppins";
			font-style: normal;
			line-height: 27.2px;
		}

		.principal-section__name {
			color: #1F1F1F;
			font-family: "Segoe UI";
			font-size: 20px;
			font-style: normal;
			font-weight: 700;
			line-height: 28px;
		}

		.principal-section__designation,
		.principal-section__institution {
			color: #737373;
			font-family: "Poppins";
			font-style: normal;
			line-height: 24px;
			margin: 0;
		}

		.bg-gradient-soft {
			position: absolute;
			top: 40px;
			left: 0;
			width: 250px;
			height: 500px;
			background-image: url('../img/leader.jpg');
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			z-index: 0;
			opacity: 0.15;
			pointer-events: none;
			border-radius: 0 20px 20px 0;
		}

		.leadership-container::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 250px;
			height: 100%;
			background-image: url('../img/leader.jpg');
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			opacity: 0.15;
			z-index: 0;
			pointer-events: none;
			filter: blur(2px);
			border-radius: 20px 0 0 20px;
		}

		.principal-card {
			position: relative;
			background: transparent;
			border-radius: 24px;
			box-shadow: 0 10px 50px rgba(0, 0, 0, 0.05);
			overflow: hidden;
			z-index: 2;
			padding: 50px;
			border: none;
		}

		.image-wrapper {
			position: relative;
			overflow: hidden;
			left: 90px;
			top: 0;
			border-radius: 20px;
			background: var(--color-white);
			width: 369px;
			max-height: 479px;
			padding: 20px;
		}

		.principal-section__image {
			object-fit: cover;
			width: 100%;
			height: 100%;
			border-radius: 20px;
		}

		.content-section {
			padding-left: 20px;
		}

		/* =========================
			TESTIMONIAL LAYOUT
		========================= */
		.testimonial-row {
			position: relative;
		}

		.testimonial-sidebar {
			display: flex;
			flex-direction: column;
			/* height: 100%; */
		}

		.quote-icon {
			margin-bottom: 30px;
		}

		.quote-icon img {
			width: 36px;
		}

		.sidebar-heading {
			font-family: "Poppins";
			font-size: 24px;
			font-weight: 700;
			line-height: 33px;
			font-style: normal;
		}

		.sidebar-desc {
			font-family: "Poppins";
			color: var(--color-primary);
			line-height: 22.75px;
			font-style: normal;
		}

		.owl-nav {
			position: absolute;
			left: -303px;
			bottom: 30px;
			display: flex;
			gap: 10px;
			padding-left: 15px;
		}

		.owl-nav .owl-prev,
		.owl-nav .owl-next {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			background: var(--color-primary);
			border: 1px solid #E5E0DC;
			border-radius: 50%;
			font-size: 0;
			box-shadow: 0 4px 12px rgba(27, 18, 81, 0.2);
			transition: all 0.3s ease;
		}

		.owl-nav .owl-prev::before,
		.owl-nav .owl-next::before {
			content: "";
			width: 20px;
			height: 20px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			transition: transform 0.3s ease;
		}

		.owl-nav .owl-prev::before {
			background-image: url('../img/testimonal-arrow-prev.svg');
		}

		.owl-nav .owl-next::before {
			background-image: url('../img/testimonal-arrow-next.svg');
		}

		/* .owl-nav .owl-next {
			right: -51px;
		} */

		.owl-nav .owl-prev:hover,
		.owl-nav .owl-next:hover {
			background: var(--color-secondary);
			border-color: var(--color-secondary);
			transform: translateY(-3px);
		}

		.owl-nav .owl-prev:hover::before,
		.owl-nav .owl-next:hover::before {
			transform: scale(1.15);
		}

		.owl-carousel .owl-stage-outer {
			padding: 50px 0;
		}

		.carousel-alumni .owl-carousel .owl-stage-outer {
			padding: 0;
		}

		.carousel-alumni .owl-carousel .owl-stage-outer {}

		/* =========================
			OWL STRUCTURE FIX (Equal Height)
		========================= */
		/* .owl-slider,
		.owl-carousel,
		.owl-stage-outer,
		.owl-stage {
			height: 100%;
		} */

		/* .owl-item,
		.item {
			display: flex;
			height: 100%;
		} */

		.alumni-con {
			display: flex;
			flex-direction: column;
			height: 351px;
			/* width: 288px; */
			border-radius: 12px;
			background: rgba(255, 255, 255, 0);
			box-shadow: 0 2px 20px -4px rgba(0, 0, 0, 0.06);
			padding: 16px;
		}

		.alumni-con .card-text {
			flex-grow: 1;
			overflow: hidden;
		}

		.al-ip {
			margin-top: auto;
		}



		.alumni-con .card-text p {
			color: #1B1251;
			font-family: Poppins;
			font-size: 14px;
			font-style: italic;
			font-weight: 400;
			line-height: 22.75px;
			/* 162.5% */
		}

		.alumni-con .al-ip {
			border-top: 1px solid #E5E0DC;
			padding: 20px 0;
		}

		.al-name h5 {
			color: #1F1F1F;
			font-family: "Segoe UI";
			font-size: 14px;
			font-style: normal;
			font-weight: 700;
			line-height: 20px;
			/* 142.857% */
		}

		.al-name p {
			color: #737373;
			font-family: Inter;
			font-size: 12px;
			font-style: normal;
			font-weight: 400;
			line-height: 16px;
			/* 133.333% */
		}

		/* =========================
			RESPONSIVE
		========================= */
		@media (max-width: 991px) {
			.owl-nav {
				position: static;
				justify-content: center;
				margin-top: 20px;
			}
		}

		.alumni-con .almni-i .rounded-circle {
			border-radius: 50% !important;
			width: 40px !important;
			height: 40px;
		}

		.owl-stage {
			display: flex;
		}

		.owl-item {
			margin-right: 24px;
			/* keep your spacing */
		}

		/* REMOVE space after last visible card */
		.owl-item:last-child {
			margin-right: 0 !important;
		}

		.owl-stage-outer {
			overflow: hidden;
		}

		.owl-carousel .owl-stage {
			display: flex;
			align-items: stretch;
		}

		.col-lg-9 {
			padding-right: 0;
		}

		.owl-item {
			padding-right: 12px;
		}

		.owl-item:last-child {
			padding-right: 0;
		}

		/* Main Footer Styles */
		.footer {
			padding: 0;
		}

		.site-footer {
			background: linear-gradient(180deg, #0E0639 0%, #1B1251 100%);
			padding: 60px 0 30px 0;
		}

		.footer-college-name {
			color: #F8F8F8;
			font-family: "Poppins";
			font-style: normal;
			font-weight: 700;
			line-height: 24px;
		}

		.footer-logo {
			width: 85px;
		}

		.footer-description {
			margin: 30px 0;
			color: #D6D6D6;
			font-family: "Poppins";
			font-size: 14px;
			font-style: normal;
			line-height: 22.75px;
		}

		.footer-social-icons {
			margin: 15px 0;
		}

		.social-link {
			display: flex;
			width: 32px;
			height: 32px;
			background: rgba(255, 255, 255, 0.1);
			color: var(--color-white);
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			transition: 0.3s;
			border: 1px solid rgba(255, 255, 255, 0.20);
		}

		.footer-heading {
			margin-bottom: 12px;
			color: #F8F8F8;
			font-family: Poppins;
			font-size: 16px;
			font-style: normal;
			font-weight: 600;
			line-height: 24px;
		}


		.footer .btn.btn-link,
		.footer-course-list li a,
		.contact-text p,
		.footer-address span {
			margin-bottom: 5px;
			padding: 0;
			color: #D6D6D6;
			font-family: "Poppins";
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px;
			transition: 0.3s;
		}

		.social-link:hover {
			background: var(--color-white);
			color: #0f0b4a;
		}

		.footer-course-list {
			padding: 0;
		}

		.footer-course-list li {
			list-style: none;
		}

		.footer-map {
			border-radius: 10px;
			overflow: hidden;
			background: #e0e0e0;
		}

		.footer-map iframe {
			width: 100%;
			height: 150px;
			display: block;
		}

		.footer-column {
			padding-bottom: 15px;
		}

		.footer-bottom {
			border-color: rgba(255, 255, 255, 0.1) !important;
		}

		.footer-copy,
		.footer-copy a,
		.footer-link {
			color: rgba(214, 214, 214, 0.70);
			font-family: Poppins;
			font-size: 12px;
			font-style: normal;
			font-weight: 400;
			line-height: 16px;
		}

		.custom-nav-tabs .custom-nav-link {
			padding: 16px;
			border: none;
			color: #997bcf;
			font-weight: bold;
			background-color: #f0ebf8;
			clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%);
		}

		.custom-nav-tabs .custom-nav-link.active {
			background-color: #673ab7;
			color: #f0ebf8;
			border-radius: 0px;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
			clip-path: polygon(0 0, 76% 0, 100% 100%, 0% 100%);
		}

		.custom-tab-content {
			padding: 20px;
			background-color: #673ab7;
			border-radius: 0px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
			margin-top: 0px;
		}

		.contentclass {
			background-color: #f5f0ff;
			max-width: 600px;
			margin: 20px auto;
			padding: 20px;
			border-radius: 8px;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		}

		.contentclass ul {
			list-style: none;
			padding: 0;
			margin: 0;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 10px;
		}

		.contentclass li {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 16px;
			padding: 8px 12px;
			cursor: pointer;
			filter: drop-shadow(-1px 2px 15px rgba(0, 0, 0, 0.10));
			flex-shrink: 0;
			-webkit-filter: drop-shadow(-1px 2px 15px rgba(0, 0, 0, 0.10));
		}

		.contentclass li:hover {
			background-color: #eee;
		}

		.contentclass li::after {
			content: '>';
			color: #502a8d;
			position: absolute;
			right: 25px;
			font-family: 'Poppins';
			font-size: x-large;
		}

		@media (max-width: 480px) {
			.contentclass ul {
				grid-template-columns: 1fr;
			}

			.owl-nav .owl-prev {
				left: -10PX !important;
			}
		}

		.custom-nav-tabs .nav-item {
			flex: 1 !important;
		}




		/* home page quick links */

		.section-back {
			background-color: var(--color-primary);
		}

		.segment-item p {
			margin-bottom: 0px;
			color: white;
			font-size: 18px;
			font-weight: 500;
		}

		.segment-item img:hover {
			transform: rotateY(360deg);
		}

		.segment-item img {
			width: 65px;
			margin: auto;
			transition: all 0.9s;
		}

		.segment-item .icon-holder {
			border-radius: 50%;
			height: 79px;
			width: 79px;
			margin: auto;
			margin-bottom: auto;
		}



		/* Footer section end */


		.bred-img {
			position: relative;
			background-image: url(../img/bredCrumb.png);
			min-height: 140px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			background-color: var(--color-primary) !important;
			display: flex;
			align-items: center;
		}

		.bred-img::before {
			content: "";
			position: absolute;
			inset: 0;
			background: rgba(0, 0, 0, 0.45);
		}

		.bred-img .container {
			position: relative;
			z-index: 2;
		}

		.bred-head {
			color: var(--color-white);
			font-size: 34px;
			font-weight: 700;
			text-align: center;
			margin-bottom: 8px;
		}

		.breadcrumb {
			background: transparent;
			justify-content: center;
			margin: 0;
			padding: 0;
		}

		.breadcrumb-item {
			color: #ddd;
			font-size: 14px;
		}

		.breadcrumb-item a {
			color: var(--color-white);
			text-decoration: none;
		}

		.breadcrumb-item a:hover {
			color: #ffd700;
		}

		.breadcrumb-item+.breadcrumb-item::before {
			content: "›";
			color: var(--color-white);
			padding: 0 8px;
		}

		.breadcrumb-item.active {
			color: #ffd700;
		}

		/* Department breadcrumb */
		.bred-img1 {
			height: 200px !important;
			background-image: url(../img/bredCrumb.png) !important;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
		}
	.bred-img1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

		

		/* -End breadcrumb- */

		/* -Inner Page Style- */

		.about-info {
			padding: 0px 0px 0px 25px;
		}

		.about-info .page-insight {
			box-shadow: 2px 2px 4px #888888;
			padding: 5px 10px 20px 10px;
			background-color: #fff;
		}

		/* .page-headings {
			border-bottom: 3px solid #bbbbbb;
			margin-bottom: 20px !important;
			padding-bottom: 5px;
			padding-top: 5px;
			font-size: 25.6px !important;
			color: var(--color-primary);
			font-weight: 600 !important;
		} */
		.page-headings {
			position: relative;
			margin-bottom: 20px !important;
			padding-bottom: 8px;
			padding-top: 5px;
			font-size: 25.6px !important;
			color: var(--color-primary);
			font-weight: 600 !important;
		}

		.page-headings::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100px;
			height: 4px;
			background: linear-gradient(270deg,
					#1B1251,
					#4b3fa3,
					#C52020,
					#1B1251);
			background-size: 300% 300%;
			animation: gradientMove 4s ease infinite;
			border-radius: 2px;
		}

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

			50% {
				background-position: 100% 50%;
			}

			100% {
				background-position: 0% 50%;
			}
		}

		.page-section-title,
		.section-header .section-title,
		header h2 {
			position: relative;
			display: inline-block;
			font-family: var(--font-primary);
			font-size: 30px;
			font-weight: 700;
			color: var(--color-heading);
			margin-bottom: 24px;
			padding-bottom: 6px;
			background: rgba(27, 18, 81, 0.08);
			/* soft primary tint */
			padding: 8px 16px;
			border-radius: 6px;
		}

		/* Hidden underline initially */
		.page-section-title::after,
		.section-header .section-title::after,
		.section-header,
		header h2::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 3px;
			background: linear-gradient(90deg,
					var(--color-primary),
					var(--color-secondary));
			transform: scaleX(0);
			/* hidden */
			transform-origin: left;
			transition: transform 0.4s ease;
		}

		/* Hover effect */
		.page-section-title:hover::after,
		.section-header .section-title:hover::after,
		header h2:hover::after {
			transform: scaleX(1);
			/* slide left → right */
		}


		.sub-heading, 
		.section-header p {
			padding-bottom: 8px;
			color: var(--color-primary);
			font-family: "Blinker", sans-serif !important;
			font-size: 25px;
			font-weight: 600 !important;
			line-height: 38px;
			letter-spacing: 0.02em;

		}

		.about-page .about-info p {
			margin-bottom: 0px !important;
		}

		.page-back {
			background-color: #ffffff !important;
		}

		/* NAAC Pages */
		.naac-section a {
			display: block;
			border-bottom: 1px solid #ccc;
			padding: 10px 0px 10px 0px;
			text-decoration: underline;
		}

		.naac-section a:hover {
			text-decoration: none;
		}

		.naac-section a:before {
			content: "\f1c1";
			font-family: "Font Awesome 5 Free";
			color: var(--color-primary);
			width: 2.5% !important;
			display: inline-block;
			font-size: 19px;
			margin-right: 0px;
		}

		/* -End Naac Pages-- */

		/* accordian start*/

		.accordion-button:not(.collapsed) {
			color: var(--color-default);
			background-color: #dff5f9;
			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		}

		.accordion-button:focus {
			z-index: 3;
			border: none !important;
			outline: 0;
			box-shadow: none !important;
		}

		.accordion-button {
			color: #000 !important;
		}

		.accordion-item {
			border: 1px solid #a59a9a !important;
			margin-bottom: 5px;
		}

		.tab-horizontal1,
		.tab-horizontal2 {
			width: 100% !important;
		}

		.tab-horizontal1 ul {
			flex-direction: inherit !important;
		}

		.inner-accordion-header {
			border: 1px solid #a59a9a !important;
		}

		.inner-accordion-header .accordion-button:not(.collapsed) {
			background: #f8f8f8 !important;
		}

		/* accordian end */

		/* Styles added by Shruti J */
		.table th,
		table th {
			padding: 0.5rem 0.5rem;
			background: #ececec;
			border-color: #d9d9d9;
			box-shadow: inset 0 4px 3px -2px rgb(0 0 0 / 4%);
			text-align: center;
			font-weight: 700 !important;
		}

		.table .text-link {
			text-decoration: underline;
		}

		.table p {
			margin-bottom: 0px;
		}

		.table .text-link:hover {
			text-decoration: none;
			vertical-align: middle;
		}

		.text-link {
			text-decoration: underline;
		}

		.text-link:hover {
			text-decoration: none;
			cursor: pointer;
		}

		.table td,
		table td {
			border-color: #d9d9d9;
			padding: 0.5rem 0.5rem;
		}

		.table th.srno {
			width: 75px !important;
		}

		.table td.al-right,
		.table .srno {
			text-align: right;
		}

		.btn-primary:focus {
			color: var(--color-default);
			background-color: var(--color-secondary);
		}

		.content-holder {
			background: white;
			padding: 0 25px;
		}

		.subheader {
			padding: 0;
			margin: 0 0 5px 0;
			font-weight: 700 !important;
			font-family: var(--font-primary);
			font-style: normal;
			font-size: 18px;
		}

		@media only screen and (max-width: 980px) {
			
		}

		.vtabs .tabs-right {
			padding: 0;
		}

		.vtabs .tabs-right .tab-content {
			padding: 0;
		}

		.vtabs .tabsContent-holder {
			padding-left: 0;
		}

		.vtabs .tab-content {
			padding: 0.5rem;
		}

		.vtabs .accordion-item {
			border: 0 !important;
		}

		.sub-head {
			border-bottom: 3px solid #bbbbbb;
			margin-bottom: 8px;
			padding-bottom: 8px;
			font-family: var(--font-primary);
			font-weight: 700;
			font-style: normal;
		}

		.vtabs .accordion-body {
			padding: 0.5rem 1.25rem;
		}

		.vtabs .tabsName-holder {
			background-color: var(--color-primary);
			padding-left: 0;
			padding-right: 0;
			box-shadow: inset -11px 0px 8px -11px rgba(112, 108, 112, 1) !important;
		}

		.vtabs .nav-tabs .nav-link {
			color: #fff;
			margin-bottom: -1px;
			background: none;
			border: 1px solid #06406570;
			border-radius: 0;
		}

		.vtabs .nav-tabs .nav-link.active {
			background-color: var(--color-secondary);
			color: white;
		}

		.vtabs .accordion-button:not(.collapsed) {
			color: #064065;
			background: #dff5f9;
		}

		.vtabs .accordion-button:not(.collapsed) {
			color: #000 !important;
			background: #efe290;
			border: 1px solid #9d9355;
			padding-top: 0.8rem;
			padding-bottom: 0.8rem;
		}

		.vtabs .accordion-button:not(.collapsed):after {
			background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
		}

		.vtabs .nav-tabs .nav-link.active {
			background-color: #fff;
			color: #0b0a0a;
		}



		@media (max-width: 575px) {
			/* .owl-nav .owl-next {
				margin-left: 2px !important;
			} */


		}

		.link-active {
			background-color: #064065 !important;
			padding: 15px 10px !important;
		}

		.form-control:focus {
			box-shadow: 0 0 0 0.25rem rgb(6 64 101 / 18%);
		}

		/* ssr table */
		.ssr-table tr td:first-child {
			text-align: center;
		}

		.ssr-table th:nth-child(3) {
			width: 185px;
		}

		.ssr-table th:first-child {
			width: 100px;
			text-align: center;
		}

		/* styles added by pranali */

		.tabletext {
			vertical-align: middle;
		}

		#carousel-placement img {
			object-fit: contain;
			aspect-ratio: 3/2;
			padding: 4px 10px;
		}

		/* CMS Photo Gallery*/
		.list-horizontal {
			padding: 0;
			margin: 0;
		}

		.list-horizontal li {
			display: inline-block;
			margin-right: 10px;
		}

		.btn-year {
			border: 1px solid;
			padding: 6px 36px;
			border-radius: 5px;
			background-color: var(--color-primary);
			color: #fff;
			text-transform: uppercase;
			line-height: 40px;
		}

		.btn-year:hover {
			color: white;
		}

		.btn-year.active {
			background-color: var(--color-secondary);
		}

		a.btn-year.ng-binding {
			cursor: pointer;
		}

		a.btn-year.ng-binding.active {
			cursor: auto;
		}

		.gallery {
			position: relative;
			width: 302px;
			display: inline-block;
			overflow: hidden;
			z-index: 0;
		}

		.gallery .viewGallery {
			background-color: green;
			color: #fff;
			display: inline-block;
			padding: 5px 25px 0;
			text-decoration: none;
			position: absolute;
			left: 25%;
			transform: translateY(400px);
			transition: all 0.3s ease 0s;
		}

		.gallery .desc {
			padding: 15px;
			text-align: center;
		}

		.gallery:hover .viewGallery {
			transform: translateY(100px);
		}

		.stack,
		.nostack {
			border: 6px solid #fff;
			float: left;
			height: 175px;
			width: 240px;
			margin: 20px;
			position: relative;
			box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		}

		.stack img,
		.nostack img {
			width: 100%;
			height: 100%;
		}

		.stack:before,
		.stack:after {
			content: "";
			height: 175px;
			width: 240px;
			position: absolute;
			z-index: -1;
			box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
			border: 6px solid #fff;
		}

		.stack:before {
			background: #eff4de;
			top: 0px;
			left: -10px;
			transform: rotate(-5deg);
		}

		.stack:after {
			background: #768590;
			top: 5px;
			left: 0px;
			transform: rotate(4deg);
		}

		.firstImage:after {
			display: block;
			content: "View Gallery";
			padding: 8px 15px;
			margin: auto;
			background-color: var(--color-secondary);
			position: absolute;
			top: 29%;
			left: 24%;
			color: #fff;
			transform: translateY(400px);
			transition: all 0.3s ease 0s;
		}

		.firstImage:hover:after {
			transform: translateY(30px);
		}

		.firstImageForCollegeNews:after {
			display: block;
			content: "View Paper";
			padding: 8px 15px;
			margin: auto;
			background-color: var(--color-secondary);
			position: absolute;
			top: 29%;
			left: 24%;
			color: #fff;
			transform: translateY(400px);
			transition: all 0.3s ease 0s;
		}

		.firstImageForCollegeNews:hover:after {
			transform: translateY(30px);
		}

		.first-image:hover:after {
			transform: translateY(30px);
		}

		.link-active {
			background-color: #fdbd0f !important;
			padding: 15px 10px !important;
			color: #fff !important;
		}

		.main-whitePanel {
			background-color: #fff;
			box-shadow: 2px 2px 4px #888888;
		}

		/* fix blank or flashing items on carousel */
		.owl-carousel .item {
			position: relative;
			z-index: 100;
		}

		.carousel-wrap {
			margin: 90px auto;
			padding: 0 5%;
			width: 80%;
			position: relative;
		}

		.mydiv .owl-nav {
			display: flex;
			align-items: center;
			justify-content: space-between;
			position: absolute;
			width: 100%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 0 10px;
			pointer-events: none;
			box-sizing: border-box;
		}

		.mydiv .owl-nav .owl-prev,
		.mydiv .owl-nav .owl-next {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 !important;
			font-family: Arial !important;
			font-size: 22px !important;
			line-height: 1 !important;
			box-sizing: border-box;
			background: rgba(255, 255, 255, 0.85) !important;
			pointer-events: all;
		}

		.mydiv .owl-nav .owl-prev.disabled,
		.mydiv .owl-nav .owl-next.disabled {
			visibility: hidden;
		}

		/* Plan Of Action */

		.table-responsive.plan {
			padding: 8px 15px;
		}

		a.btn.btn-primary.naac-certificate {
			padding-bottom: 11px;
			margin-top: 18px;
		}

		img.img-fluid.naac {
			width: 450px;
			height: 500px;
		}

		.inner-category-gallery {
			border-bottom: 2px solid;
		}

		.gallery-category {
			position: relative;
			display: inline-block;
			overflow: hidden;
			z-index: 0;
		}

		.gallery-category .viewGallery {
			background-color: green;
			color: #fff;
			display: inline-block;
			padding: 5px 25px 0;
			text-decoration: none;
			position: absolute;
			left: 25%;
			transform: translateY(400px);
			transition: all 0.3s ease 0s;
		}

		.gallery-category .desc {
			padding: 15px;
		}

		.gallery-category:hover .viewGallery {
			transform: translateY(100px);
		}

		.btn-handy {
			border: 1px solid #b5b5b5;
			background: #f2f2f2;
			margin-right: 10px;
			text-decoration: none;
			padding: 3px 8px;
			box-shadow: 0px 2px 2px rgb(0 0 0 / 20%);
		}

		.container.main-whitePanel h4 span {
			font-size: 1.6rem !important;
			font-style: normal;
			display: inline-block;
			border-bottom: 2px solid var(--color-primary);
			padding-right: 16px;
		}

		.saftey {
			margin-top: 10px;
		}

		.section.row.host.saftey {
			margin-left: 0px;
		}

		.lib-text {
			text-align: center;
			padding-top: 10px;
			padding-bottom: 20px;
		}

		a.active.aqar-quickl {
			color: var(--color-secondary);
		}

		.yearHolder {
			background: #e7e7e7 !important;
			vertical-align: middle;
		}

		.noRecords {
			color: #babcc0;
		}

		.link-holder a {
			color: #333;
			text-decoration: underline !important;
		}

		.link-holder a:hover {
			color: #333;
			text-decoration: none !important;
		}

		.files-noMeric {
			padding: 15px 15px 15px 25px !important;
		}

		.faculty-text-center {
			text-align: center !important;
		}

		.text-justify {
			text-align: justify !important;
		}

		.dept-faculty {
			text-align: center !important;
		}

		.department-faculty-all-div {
			display: inline-table;
		}

		/*  End Departments Home Dept */

		/* Department start css */
		.newspannel {
			font-size: 26px;
			font-family: "Marcellus", serif;
			color: var(--mainColor);
			font-weight: 600 !important;
		}

		.newspanneltext {
			color: #babcc0;
			font-size: 16px;
			padding-right: 15px;
			font-weight: 400;
			margin: auto;
		}

		#newstext {
			font-size: 17px;
			margin: 0px;
		}

		.shareicon {
			text-align: right;
		}

		.bred-pos {
			margin-top: -125px !important;
			position: absolute;
		}

		#clickhere {
			text-decoration: underline;
			color: #fff;
			font-size: 16px;
			margin: 0px;
		}

		.goToSection {
			border: 1px solid;
		}

		.goToSectionmenu a {
			font-size: 22px;
			color: black;
			font-weight: 400 !important;
			padding: 0.75rem 1.5rem;
			margin: 0px;
			background-color: white;
		}

		.SectionmenuView {
			border-radius: 0px 0px 10px 10px;
			padding: 13px;
			background-color: white;
		}

		.goToSectionmenu a:hover {
			color: #fff;
			font-weight: 400 !important;
			background-color: var(--color-primary);
		}

		.goToSectionmenu .dropdown-item.active {
			color: #fff;
			font-weight: 400 !important;
			background-color: var(--color-primary);
		}

		.new-ui-margin {
			padding: 15px;
			border-bottom: 2px solid #cacaca;
		}

		.goToSectionmenu h4 {
			font-size: 26px;
			font-family: "Marcellus", serif;
			color: black;
			font-weight: 600 !important;
			padding: 0.75rem 1.5rem;

		}

		.categoriesmanu {
			padding: 0px;
			margin: 0px;
			color: #fff;
		}

		.newslist {
			padding: 10px 5px 5px 13px;
		}

		.category {
			width: 100%;
			padding: 3px;
			border-radius: 4px;
			margin: 3px;
			background-color: #ebebeb;
			font-size: 16.5px !important;
		}

		.quick-head-back {
			/* background-color: var(--color-primary); */
			margin-bottom: 0px;
			padding: 7px 7px 10px 20px !important;
			font-size: 20px !important;
			/* color: #fff; */
			border-radius: 10px 10px 0px 0px;

		}

		/* Department End css */

		.btn-lg-square {
			width: 48px;
			height: 48px;
		}



		/* .footer .btn.btn-link::before {
			position: relative;
			content: "\f105";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			margin-right: 10px;
		} */

		.footer .btn.btn-link:hover {
			color: var(--color-secondary);
			letter-spacing: 1px;
			box-shadow: none;
		}

		.back-to-top {
			position: fixed;
			display: none;
			right: 30px;
			bottom: 30px;
			z-index: 99;
		}

		/* Start Media Queries */

		@media only screen and (max-width: 1280px) {
			.naac-section a:before {
				margin-right: 5px;
			}

			.top-menu-hide {
				display: none;
			}
		}

		@media only screen and (max-width: 992px) {
			.events-program-box {
				padding-right: 0px;
				border-right: none;
				border-bottom: 2px dashed #8b7ed2;
			}

			.title-lines {
				margin-right: 0px !important;
			}

			.navbar-expand-lg .navbar-nav .dropdown-menu {
				position: static !important;
			}

			.quick-hover-section {
				display: none;
			}

			.quick-inner-top {
				margin-top: 25px;
			}

			.view-all a {
				margin-top: -2em;
			}

			.news-div .btn-news-down {
				margin-top: -0.7em;
			}

			.top-line {
				padding-bottom: 25px;
			}

			.header-logo {
				margin-top: 0px !important;
			}

			.site-header {
				text-align: center;
				padding-top: 0px !important;
				padding-bottom: 0px !important;
				width: 100%;
				max-width: 100%;
			}

			.holder {
				height: 210px;
				margin-top: 25px;
			}

			.quick-hover-section:hover {
				opacity: 1;
				border: 1px solid transparent;
				left: -63px;
			}

			.container.about-page {
				max-width: 100%;
				padding-right: 40px;
			}

			.photo-gallery-img {
				width: 210px !important;
			}
		}

		@media only screen and (max-width: 808px) {
			.header-row {
				margin-top: -61px !important;
			}

			.site-header img.logo {
				width: 100px;
			}

			.responsive-logo {
				display: inline-block;
			}

			.responsive-logo2 {
				display: none;
			}

			.site-header {
				text-align: center;
				padding-top: 0px !important;
				padding-bottom: 0px !important;
				max-width: 100% !important;
			}
		}

		@media only screen and (max-width: 768px) {
			.bred-img {
				height: auto;
			}

			.naac-section a:before {
				margin-right: 10px !important;
			}
		}

		@media only screen and (max-width: 767px) {
			/* .owl-nav .owl-next {
				right: -22px !important;
			} */

			.news-circular {
				height: auto !important;
			}

			.news-notice-block {
				height: auto !important;
			}

			.myTicker2 {
				height: auto !important;
			}

			.image-wrapper {
				left: 0px;
				width: auto;
			}

			.leadership-container::before {
				display: none;
			}

			.principal-card {
				padding: 10px;
			}
		}

		@media only screen and (max-width: 550px) {
			.header-row {
				margin-right: 0px !important;
				margin-left: 0px !important;
			}

			.about-info {
				padding: 0 !important;
			}
		}


		/* home news & event */
		/* home news & event */
		.news-events .news-notice-view a {
			border: 1px solid #ccc;
			padding: 10px;
			display: inline-block;
			float: right;
			margin-top: 25px;
		}

		.news-events {
			padding-top: 3rem;
			padding-bottom: 3rem;
		}

		.news-events .event-title {
			background-color: var(--main-color);
			margin-bottom: 0px;
			color: #fff;
			padding: 10px 15px;
		}

		.news-events .news-text-line {
			margin-top: 10px;
			background-color: white;
			color: black;
			max-height: 15em;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.news-events .card-img-overlay {
			padding: 0rem;
			top: 25px;
		}

		.news-events .event-title {
			background-color: #110069;
			margin-bottom: 0px;
			color: #fff;
			padding: 10px 15px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		p.event-date-overlay {
			margin-bottom: 0px;
			background-color: #110069;
			display: inline-block;
			padding: 10px;
			color: #fff;
			font-size: 15px;
			text-align: center;
		}

		.news-events .event-title a i {
			color: #fff !important;
		}

		a.view-event-link {
			color: white !important;
		}

		.news-events .card-img img {
			height: 270px;
			width: 100%;
		}

		/* .event-description {
				max-height: 3em; 
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
		} */

		/* home news & event */

		.view-all-event {
			text-align: end;
			margin-top: 18px;
			margin-left: 14px;
		}

		.view-all-event a {
			color: var(--color-default);
			text-decoration: underline;
			float: left;
			left: 10px;
			margin-top: -0.5em;
		}

		.view-all-event a {
			color: #ffffff !important;
			text-decoration: none;
			background-color: #ff9f2a;
			border-radius: 10px;
			padding: 7px 63px;
		}

		.view-all-event a:hover {
			text-decoration: none;
		}

		.event-div {
			background-color: white;
		}

		.event-div .btn-news {
			border: none;
			color: #ff9f2a;
			background-color: white;
			float: right;
		}

		.event-div .btn-news-down {
			border: none;
			color: #ff9f2a;
			background-color: white;
			float: right;
			margin-top: 0.5em;
		}

		/* home news & event */
		.news-events .news-notice-view {
			border: 1px solid #ccc;
			padding: 10px;
			display: inline-block;
			float: right;
			margin-top: 25px;
		}

		.news-events {
			padding-top: 3rem;
			padding-bottom: 3rem;
		}

		.news-events .event-title {
			background-color: var(--color-primary);
			margin-bottom: 0px;
			color: #fff;
			padding: 10px 15px;
		}

		.news-events .news-text-line {
			margin-top: 10px;
			background-color: var(--color-primary);
			color: #fff;
		}

		.news-events .card-img-overlay {
			padding: 0rem;
			top: 25px;
		}

		.news-events .event-title {
			background-color: var(--color-primary);
			margin-bottom: 0px;
			color: #fff;
			padding: 10px 15px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		p.event-date-overlay {
			margin-bottom: 0px;
			background-color: #ff9f2a;
			display: inline-block;
			padding: 10px;
			color: #fff;
			font-size: 15px;
			text-align: center;
		}

		.news-events .event-title a i {
			color: #fff;
		}

		.news-events .card-img img {
			height: 270px;
			width: 100%;
		}

		/* home news & event */

		.quick-inner-top {
			box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
				rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
			border-radius: 10px;
			/* position: fixed;
				top: 52%;
				left: 10%;
				right: 90%;
				width: 18%; /* Adjust width as needed */
			/* background-color: #fff; /* Background color of the fixed section */
			/* z-index: 999; Ensure it's above other content */
		}

		.quick-links .col-lg-3 {
			text-align: center;
		}

		.events-readmore {
			border: 1px solid #ccc;
			padding: 10px;
			display: inline-block;
			float: right;
			margin-top: 25px;
		}

		/* whatsaap popup */
		/* a:link,
		a:visited {
			text-decoration: none;
			transition: all 0.4s ease-in-out;
		} */

		/* CSS Multiple Whatsapp Chat */
		.whatsapp-name {
			font-size: 16px;
			font-weight: 600;
			padding-bottom: 0px;
			margin-bottom: 0px;
			line-height: 1.5;
			color: white;
		}

		#whatsapp-chat {
			box-sizing: border-box !important;
			outline: none !important;
			position: fixed;
			width: 350px;
			border-radius: 10px;
			box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
			bottom: 164px;
			right: 160px;
			overflow: hidden;
			z-index: 1103;
			animation-name: showchat;
			animation-duration: 1s;
			transform: scale(1);
		}

		a.blantershow-chat {
			/* background: #009688; */
			/* background: #fff; */
			color: #404040;
			position: fixed;
			display: flex;
			font-weight: 400;
			justify-content: center;
			z-index: 6;
			bottom: 90px;
			right: 107px;
			font-size: 15px;
			padding: 27px 20px;
			border-radius: 87px;
			/* box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); */
		}

		a.blantershow-chat svg {
			transform: scale(2.2);
			margin: 0 0px 0 0;
			background-size: cover;
		}

		.btn-whatsapp-pulse {
			background: #25d366;
			color: white;
			position: fixed;
			bottom: 20px;
			right: 20px;
			font-size: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 0;
			height: 0;
			padding: 35px;
			text-decoration: none;
			border-radius: 50%;
			animation-name: pulse;
			animation-duration: 1.5s;
			animation-timing-function: ease-out;
			animation-iteration-count: infinite;
			z-index: 9999;
		}

		@keyframes pulse {
			0% {
				box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
			}

			80% {
				box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
			}
		}

		.btn-whatsapp-pulse-border {
			bottom: 91px;
			right: 102px;
			animation-play-state: paused;
		}

		.btn-whatsapp-pulse-border::before {
			content: "";
			position: absolute;
			border-radius: 50%;
			padding: 0px;
			border: 16px solid #25d366;
			opacity: 0;
			animation-name: pulse-border;
			animation-duration: 1.8s;
			animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			animation-iteration-count: infinite;
		}

		@keyframes pulse-border {
			0% {
				padding: 25px;
				opacity: 0.75;
			}

			75% {
				padding: 50px;
				opacity: 0;
			}

			100% {
				opacity: 0;
			}
		}

		.header-chat {
			background: #009688;
			background: #095e54;
			color: #fff;
			padding: 20px;
		}

		.header-chat h3 {
			margin: 0 0 10px;
		}

		.header-chat p {
			font-size: 14px;
			line-height: 1.7;
			margin: 0;
		}

		.info-avatar {
			position: relative;
		}

		.info-avatar img {
			border-radius: 91%;
			width: 63px;
			height: 49px;
			float: left;
			margin: -2px 11px 2px 0px;
		}

		a.informasi {
			padding: 20px;
			display: block;
			overflow: hidden;
			animation-name: showhide;
			animation-duration: 0.5s;
		}

		a.informasi:hover {
			background: #f1f1f1;
		}

		.info-chat span {
			display: block;
		}

		#get-label,
		span.chat-label {
			font-size: 12px;
			color: #888;
		}

		#get-nama,
		span.chat-nama {
			margin: 5px 0 0;
			font-size: 15px;
			font-weight: 700;
			color: #222;
		}

		#get-label,
		#get-nama {
			color: #fff;
		}

		div#admission {
			z-index: 1043;
		}

		span.my-number {
			display: none;
		}

		/* .blanter-msg {
			color: #444;
			padding: 20px;
			font-size: 12.5px;
			text-align: center;
			border-top: 1px solid #ddd;
		} */
		textarea#chat-input {
			font-family: "Arial", sans-serif;
			width: 100%;
			height: 50px;
			padding: 10px;
			font-size: 14px;
		}

		a#send-it {
			width: 48px;
			/* margin-left: 10px; */
			font-weight: 900;
			padding: 12px 13px 5px;
			background: #dadada;
			/* border-radius: 10px;*/

			svg {
				fill: #a6a6a6;
				height: 24px;
				width: 24px;
			}
		}

		input.styles-module_input__2IYfc {
			background-color: #fefefe;
			border: none;
			outline: none;
			border-radius: 20px;
			min-height: 45px;
			padding: 0 10px;
			transition: box-shadow 0.2s ease-in-out;
			width: 100%;
		}

		.first-msg {
			background: transparent;
			padding: 30px;
			text-align: center;

			& span {
				background: #e2e2e2;
				color: #333;
				font-size: 14.2px;
				line-height: 1.7;
				border-radius: 10px;
				padding: 15px 20px;
				display: flex;
				padding: 10px;
				background: #dcdcdc;
			}
		}

		.start-chat .blanter-msg {
			display: flex;
			padding: 10px;
			background-color: #dadada;
		}

		#get-number {
			display: none;
		}

		a.close-chat {
			position: absolute;
			top: 5px;
			right: 15px;
			color: #fff;
			font-size: 30px;
		}

		@keyframes ZpjSY {
			0% {
				background-color: rgb(182, 181, 186);
			}

			15% {
				background-color: rgb(17, 17, 17);
			}

			25% {
				background-color: rgb(182, 181, 186);
			}
		}

		@keyframes hPhMsj {
			15% {
				background-color: rgb(182, 181, 186);
			}

			25% {
				background-color: rgb(17, 17, 17);
			}

			35% {
				background-color: rgb(182, 181, 186);
			}
		}

		@keyframes iUMejp {
			25% {
				background-color: rgb(182, 181, 186);
			}

			35% {
				background-color: rgb(17, 17, 17);
			}

			45% {
				background-color: rgb(182, 181, 186);
			}
		}

		@keyframes showhide {
			from {
				transform: scale(0.5);
				opacity: 0;
			}
		}

		@keyframes showchat {
			from {
				transform: scale(0);
				opacity: 0;
			}
		}

		@media screen and (max-width: 480px) {
			#whatsapp-chat {
				width: auto;
				left: 5%;
				right: 5%;
				font-size: 80%;
			}
		}

		.hide {
			display: none;
			animation-name: showhide;
			animation-duration: 0.5s;
			transform: scale(1);
			opacity: 1;
		}

		/* .show {
			display: block !important;
			animation-name: showhide;
			
			transform: scale(1);
			opacity: 1;
		} */

		.whatsapp-message-container {
			display: flex;
			z-index: 1;
		}

		.whatsapp-message {
			padding: 7px 14px 6px;
			background-color: rgb(255, 255, 255);
			border-radius: 0px 8px 8px;
			position: relative;
			transition: all 0.3s ease 0s;
			opacity: 0;
			transform-origin: center top 0px;
			z-index: 2;
			box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
			margin-top: 4px;
			margin-left: -54px;
			max-width: calc(100% - 66px);
		}

		.whatsapp-chat-body {
			padding: 20px 20px 20px 10px;
			background-color: rgb(230, 221, 212);
			position: relative;

			&::before {
				display: block;
				position: absolute;
				content: "";
				left: 0px;
				top: 0px;
				height: 100%;
				width: 100%;
				z-index: 0;
				opacity: 0.08;
				background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
				/* background-image: url('assets/images/whatsaap-bg.png'); */
			}
		}

		.dAbFpq {
			display: flex;
			z-index: 1;
		}

		.eJJEeC {
			background-color: rgb(255, 255, 255);
			width: 52.5px;
			height: 32px;
			border-radius: 16px;
			display: flex;
			-moz-box-pack: center;
			justify-content: center;
			-moz-box-align: center;
			align-items: center;
			margin-left: 10px;
			opacity: 0;
			transition: all 0.1s ease 0s;
			z-index: 1;
			box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
		}

		.hFENyl {
			position: relative;
			display: flex;
		}

		.ixsrax {
			height: 5px;
			width: 5px;
			margin: 0px 2px;
			border-radius: 50%;
			display: inline-block;
			position: relative;
			animation-duration: 1.2s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			top: 0px;
			background-color: rgb(158, 157, 162);
			animation-name: ZpjSY;
		}

		.dRvxoz {
			height: 5px;
			width: 5px;
			margin: 0px 2px;
			background-color: rgb(182, 181, 186);
			border-radius: 50%;
			display: inline-block;
			position: relative;
			animation-duration: 1.2s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			top: 0px;
			animation-name: hPhMsj;
		}

		.kAZgZq {
			padding: 7px 14px 6px;
			background-color: rgb(255, 255, 255);
			border-radius: 0px 8px 8px;
			position: relative;
			transition: all 0.3s ease 0s;
			opacity: 0;
			transform-origin: center top 0px;
			z-index: 2;
			box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
			margin-top: 4px;
			margin-left: -54px;
			max-width: calc(100% - 66px);

			&::before {
				position: absolute;
				background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
				background-position: 50% 50%;
				background-repeat: no-repeat;
				background-size: contain;
				content: "";
				top: 0px;
				left: -12px;
				width: 12px;
				height: 19px;
			}
		}

		.bMIBDo {
			font-size: 13px;
			font-weight: 700;
			line-height: 18px;
			color: rgba(0, 0, 0, 0.4);
		}

		.iSpIQi {
			font-size: 14px;
			line-height: 19px;

			margin-top: 4px;
			color: rgb(17, 17, 17);
		}

		.iSpIQi {
			font-size: 14px;
			line-height: 19px;
			margin-top: 4px;
			color: rgb(17, 17, 17);
		}

		.cqCDVm {
			text-align: right;
			margin-top: 4px;
			font-size: 12px;
			line-height: 16px;
			color: rgba(17, 17, 17, 0.5);
			margin-right: -8px;
			margin-bottom: -4px;
		}

		.limited-lines {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-line-clamp: 3;
			/* Limit to 3 lines */
		}

		/* Alumni Registration state */

		.autocomplete {
			position: relative;
		}

		.autocomplete-items {
			position: absolute;
			border: none !important;
			z-index: 99;
			top: 100%;
			left: 0;
			right: 0;
		}

		.autocomplete-items div {
			padding: 5px;
			cursor: pointer;
			background-color: #efeeee;
			border-bottom: 1px solid #d4d4d4;
		}

		.autocomplete-items div:hover {
			background-color: #e9e9e9;
		}

		.autocomplete-active {
			background-color: DodgerBlue !important;
			color: #ffffff;
		}

		/* admissiom form */

		.wizard,
		.wizard .nav-tabs,
		.wizard .nav-tabs .nav-item {
			position: relative;
		}

		.wizard .nav-tabs:after {
			content: "";
			width: 80%;
			border-bottom: solid 2px #ccc;
			position: absolute;
			margin-left: auto;
			margin-right: auto;
			top: 38%;
			z-index: -1;
		}

		.wizard .nav-tabs .nav-item .nav-link {
			width: 34px;
			height: 34px;
			margin-bottom: 2%;
			background: #110069;
			border: 2px solid #110069;
			color: #ccc;
			z-index: 10;
		}

		.wizard .nav-tabs .nav-item .nav-link:hover {
			color: #333;
			border: 2px solid #333;
		}

		.wizard .nav-tabs .nav-item .nav-link.active {
			background: #fdbd0f;
			border: 2px solid #fdbd0f;
			color: #110069 !important;
		}

		.wizard .nav-tabs .nav-item .nav-link:after {
			content: " ";
			position: absolute;
			left: 50%;
			transform: translate(-50%);
			opacity: 0;
			margin: 0 auto;
			bottom: 0px;
			border: 5px solid transparent;
			border-bottom-color: #0dcaf0;
			transition: 0.1s ease-in-out;
		}

		/* .nav-tabs .nav-item .nav-link.active:after {
			content: " ";
			position: absolute;
			left: 50%;
			transform: translate(-50%);
			opacity: 1;
			margin: 0 auto;
			bottom: 0px;
			border: 10px solid transparent;
			border-bottom-color: #931962;
		} */

		.wizard .nav-tabs .nav-item .nav-link svg {
			font-size: 25px;
		}

		.section-program {
			padding: 30px 15px;
			border-radius: 15px;
			background: #f5f5f5;
		}

		.admission-form-header {
			color: #000;
			font-family: "Roboto";
			font-size: 20px;
			font-style: normal;
			font-weight: 600 !important;
			line-height: normal;
			margin-bottom: 10px;
		}

		.modal-enquiryForm-section label {
			margin-bottom: 10px;
			color: #000;
			font-family: "Roboto", sans-serif;
			font-size: 16px;
			font-style: normal;
			line-height: 20px;
		}

		.modal-enquiryForm-section label em {
			margin-bottom: 10px;
			color: #ff0000;
			font-family: Poppins;
			font-size: 18px;
			font-style: normal;
			font-weight: 500;
			line-height: 20px;
		}

		.otp-linkHolder {
			display: flex;
			justify-content: center;
			gap: 7px;
			vertical-align: middle;
			align-items: center;
		}

		.otp-linkHolder a {
			text-decoration: underline;
		}

		.msg-OTPsent {
			display: block;
			color: black;
			font-size: 14px !important;
			margin-bottom: 15px;
			font-style: italic;
		}

		.email-id-group {
			margin: 0 auto;
			display: flow;
			text-align: center;
		}

		.email-varify-btn {
			color: #000000;
			text-align: center;
			font-family: "Rounded Mplus 1c";
			font-size: 18px;
			font-style: normal;
			font-weight: 600;
			line-height: 14px;
			width: 144px;
			height: 45px;
			border-radius: 40px;
			border: 1.333px solid #f1efff;
			background: var(--Neutral-Colors-White, #fff);
			box-shadow: 5px 3px 5px -2px rgb(199 192 244);
		}

		select.form-control {
			font-size: 14px;
			appearance: auto;
		}

		.adhar-input {
			padding: 6px;
		}

		.education-form-header {
			color: #460b2f;
			font-family: Poppins;
			font-size: 17px;
			font-style: normal;
			font-weight: 600 !important;
			line-height: normal;
		}

		.form-control {
			font-size: 14px !important;
			display: block;
			width: 100%;
			padding: 0.475rem 0.75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #ced4da;
			appearance: none;
			border-radius: 4px;
			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		}

		.admission-enquiryForm-header {
			color: #110069;
			font-family: Poppins;
			font-size: 23px;
			font-style: normal;
			font-weight: 600 !important;
			line-height: normal;
		}

		.wizard-count {
			margin: 0;
			color: white;
			font-family: Poppins;
			font-size: 25px;
			font-style: normal;
			font-weight: 600 !important;
			line-height: normal;
		}

		.wizard-titel {
			font-weight: 500;
		}

		.wizard .nav-tabs .nav-item .nav-link ::after {
			content: "";
			height: 2px;
			width: 100%;
			background-color: #000;
		}

		.email.varification.image {
			width: 300px;
		}

		.email-id-group .form-group .form-control {
			text-align: center;
			font-size: 14px !important;
			display: block;
			width: 100%;
			padding: 0.475rem 0.75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #ced4da;
			appearance: none;
			border-radius: 4px;
			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		}

		.btn-info {
			color: #ffffff;
			background-color: #110069 !important;
			border-color: #ffffff;
		}

		.btn-info:hover,
		.btn-info:focus {
			color: #110069 !important;
			background-color: #fdbd0f !important;
			border-color: #ffffff !important;
		}

		.btn-secondary {
			color: #ffffff !important;
			background-color: #110069 !important;
			border-color: #ffffff !important;
		}

		.form-control:focus {
			color: #525368;
			background-color: #fff;
			border-color: none !important;
			outline: 0;
			box-shadow: none !important;
		}

		.wizard .nav-tabs .nav-item .nav-link.active i {
			color: white !important;
		}

		.wizard .nav-tabs .nav-item .nav-link .active .wizard-count {
			color: #ffffff !important;
		}

		.wizard .nav-tabs .nav-item .nav-link.active p {
			color: #fff;
		}

		.verify-mail-box {
			margin: 0 auto;
			width: 400px;
		}

		.search-container {
			position: relative;
			display: inline-block;
		}

		.search-input {
			width: 200px;
			padding: 10px;
			display: none;
			position: absolute;
			top: 37px;
			right: -2px;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
			transition: all 0.3s ease;
			background-color: white;
		}

		.search-icon {
			cursor: pointer;
			font-size: 22px;
			color: #555;
			transition: color 0.3s ease;
			top: 6px;
			right: -8px;
			position: inherit;
		}

		.search-icon:hover {
			color: #000;
		}

		.fac-coll {
			padding: 0px;
			text-align: center;
			position: relative;
			flex-direction: column;
			min-width: 0;
			word-wrap: break-word;
			background-color: #f1f1f1;
			background-clip: border-box;
			border: 1px solid rgba(0, 0, 0, 0.125);
			border-radius: 18px;
		}

		.button-css {
			position: relative;
			height: 0px;
			width: 100px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 0px;
			background-color: transparent;
			border: none;
			top: 47px;
			left: 15px;
		}

		.staff-details-goback {
			height: 45px;
			width: auto;
			position: relative;
		}

		/* Skeleton Loader Container */
		.skeleton-loader {
			/* background-color: #f0f0f0; */
			border-radius: 4px;
			margin: 10px 0;
			overflow: hidden;
			position: relative;
		}

		/* Individual skeleton blocks (title, content) */
		.skeleton-title,
		.skeleton-content {
			background-color: #e0e0e0;
			background-image: linear-gradient(90deg,
					#e0e0e0 25%,
					#f0f0f0 50%,
					#e0e0e0 75%);
			background-size: 200% 100%;
			animation: shimmer 1.5s infinite;
			border-radius: 4px;
		}

		.skeleton-title {
			height: 20px;
			width: 60%;
			margin-bottom: 15px;
		}

		.skeleton-content {
			height: 15px;
			width: 100%;
			margin-bottom: 10px;
		}

		/* Shimmer Animation */
		@keyframes shimmer {
			0% {
				background-position: -200% 0;
			}

			100% {
				background-position: 200% 0;
			}
		}

		.skeleton-loader:empty {
			display: block;
			background-color: #bdc3c7 !important;
			border-color: #bdc3c7 !important;
			animation-name: skeletonAnimation;
			animation-duration: 1.5s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}

		.skeleton-loader:empty.others {
			height: 200px;
		}

		.skeleton-loader:empty.prod-name {
			height: 20px;
		}

		.skeleton-loader:empty.prod-description {
			width: 80%;
			height: calc(100% - 30px);
		}

		@keyframes skeletonAnimation {
			0% {
				opacity: 0.8;
			}

			50% {
				opacity: 0.4;
			}

			100% {
				opacity: 0.8;
			}
		}

		/*From here the styles are for demo purpose only*/
		.wrapper {
			margin: auto;
			display: flex;
			width: 80%;
			padding: 0 30px;
			border-radius: 6px;
			border: 1px solid lightgray;
			box-shadow: 0px 0px 18px -1px #2e2e2e;
			font-family: "Open Sans", sans-serif;
			flex-wrap: wrap;
		}

		.wrapper .row {
			width: 100%;
			margin: 30px 0;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
		}

		.wrapper .row .prod-img {
			border: 1px solid lightgray;
			width: 80px;
			height: 80px;
			border-radius: 50%;
		}

		.wrapper .row .details {
			width: calc(100% - 95px);
			height: 80px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-start;
		}

		.wrapper .row .details .prod-name {
			width: 100%;
		}

		.wrapper .row .others {
			width: 30%;
			margin-top: 30px;
		}

		.wc-footer-img {

			padding: 30px;
			height: 100%;
			top: -116px;
			left: -70px;
			position: absolute;
			background: url(../img/Rectangle\ 4163\ \(2\).svg);
			background-repeat: no-repeat;

		}

		.wc-footer {
			background-color: #FFE4B0;
			position: relative;
		}

		.address-box {
			margin-left: 100px;
		}

		.linkone {
			color: black !important;
		}

		.tynmce-css {
			padding: 29px 25px 10px 10px;
		}

		.testimonal-card {
			height: 353px;
		}

		.birthday-card {
			background: url("bdaycard-bg.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			border-radius: 10px;
			width: 100%;
			max-width: 500px;
			margin: auto;
			overflow: hidden;
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
			font-family: 'Segoe UI', sans-serif;
			position: relative;
		}


		.card-header {
			background: #666;
			color: white;
			padding: 10px 15px;
			font-weight: bold;
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 16px;
		}

		.card-body {
			padding: 20px;
			top: 30px;
			position: relative;
			text-align: center;
			background: #f8f8f8 url('birthday-text.png') no-repeat center/cover;

		}

		.greeting-image {
			margin: 0;
			padding: 0;
		}



		.school-name {
			font-weight: bold;
			color: #a10000;
			font-size: 18px;
			margin-top: 60px;
			text-decoration: underline;
		}

		.wish-text {
			margin: 10px 0;
			font-size: 14px;
			color: #555;
		}

		.student-name {
			background: none;
			color: #c96330;
			/* similar rich violet tone */
			font-weight: 500;
			font-size: 24px;
			text-align: center;
			display: inline-block;
			margin-top: 10px;
			font-family: 'Great Vibes', cursive;
		}





		.student-class {
			font-size: 14px;
			color: #333;
		}

		.student-image {
			margin-top: 15px;
			display: flex;
			justify-content: center;
			align-items: center;
		}


		.student-image img {
			/* border-radius: 50%;               /* Slightly bigger for better view */
			/* height: 120px; */
			object-fit: cover;
			/* Ensures the face fits well */
			border: 3px solid #fff;
			/* White border for a clean look */
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
			/* Soft shadow */
			background-color: #fff;
		}


		.quote-text {
			font-style: italic;
			margin-top: 15px;
			font-size: 13px;
			color: #444;
			padding: 0 10px;
		}

		.navigation {
			position: absolute;
			top: 50%;
			width: 100%;
			left: 0;
			transform: translateY(-50%);
			display: flex;
			justify-content: space-between;
			padding: 0 10px;
		}

		.nav-btn {
			background: #fff;
			border: 1px solid #999;
			border-radius: 50%;
			font-size: 18px;
			cursor: pointer;
			width: 30px;
			height: 30px;
			line-height: 26px;
			text-align: center;
		}

		/* 
		.confetti-left,
		.confetti-right,
		.cake-icon {
			font-size: 20px;
			position: absolute;
		}



		.confetti-left {
			top: 10px;
			left: 10px;
		}

		.confetti-right {
			top: 10px;
			right: 10px;
		}

		.cake-icon {
			bottom: 15px;
			right: 20px;
		}  */

		/* Birthday card animation */
		/* Position the emojis */
		/* Common confetti styling */
		.cardd-body {
			position: relative;
			padding: 1.5rem;
			background: #fffaf0;
			border-radius: 10px;
		}

		/* Confetti styles */
		.confetti-left,
		.confetti-right {
			top: 50%;
			transform: translateY(-50%);
			position: absolute;
			font-size: 2rem;
			z-index: 10;
			line-height: 1;
			/* ✅ ensures consistent vertical alignment */
		}


		.confetti-left {
			left: 10px;
		}

		.confetti-right {
			right: 10px;
		}

		/* Clean spacing and text styling */
		.school-name {
			font-weight: bold;
			color: #d32f2f;
		}

		.wish-text {
			font-size: 1.1rem;
			color: #555;
		}

		.student-name {
			font-weight: 600;
		}

		.student-class {
			color: #777;
		}

		.quote-text {
			font-style: italic;
			color: #666;
		}

		/* Animation keyframes */
		@keyframes burst-left {
			0% {
				transform: translateY(-50%) translate(0, 0) scale(1);
				opacity: 1;
			}

			100% {
				transform: translateY(-50%) translate(100px, -50px) scale(2);
				opacity: 0;
			}
		}

		@keyframes burst-right {
			0% {
				transform: translateY(-50%) translate(0, 0) scale(1);
				opacity: 1;
			}

			100% {
				transform: translateY(-50%) translate(-100px, -50px) scale(2);
				opacity: 0;
			}
		}

		/* When animation starts */
		.confetti-left.confetti-animate {
			animation: burst-left 1s ease-out;
			opacity: 1;
		}

		.confetti-right.confetti-animate {
			animation: burst-right 1s ease-out;
			opacity: 1;
		}

		.cake-rise-emoji {
			font-size: 60px;
			position: absolute;
			top: 85%;
			/* push below the text image */
			left: 50%;
			transform: translateX(-50%) scale(0.5);
			opacity: 0;
			z-index: 10;
			pointer-events: none;
		}



		.cake-rise-animate {
			animation: cake-rise 1.5s ease-in-out forwards;
		}

		@keyframes cake-rise {
			0% {
				transform: translateX(-50%) translateY(20px) scale(0.3) rotate(-10deg);
				opacity: 0;
			}

			50% {
				transform: translateX(-50%) translateY(-10px) scale(1.3) rotate(10deg);
				opacity: 1;
			}

			100% {
				transform: translateX(-50%) translateY(-20px) scale(1) rotate(0deg);
				opacity: 1;
			}
		}

		.party-emoji {
			position: absolute;
			font-size: 30px;
			z-index: 5;
			animation: confetti-burst 2s ease-out forwards;
			pointer-events: none;
			opacity: 0;
		}

		.confetti-animate {
			animation: confetti-burst 2s ease-out forwards;
		}

		@keyframes confetti-burst {
			0% {
				opacity: 0;
				transform: translateY(20px) scale(0.3) rotate(0deg);
			}

			50% {
				opacity: 1;
				transform: translateY(-10px) scale(1.3) rotate(15deg);
			}

			100% {
				opacity: 1;
				transform: translateY(0px) scale(1) rotate(0deg);
			}
		}

		.fa-chevron-right:before {
			content: "\f054";
			position: relative;
			margin-right: 107px;
		}

		.fa-chevron-left:before {
			content: "\f053";
			position: relative;
			margin-left: 100px;
		}




		/* Privacy modal improvements */
		.privacy-modal .modal-content.privacy-modal-content {
			border-radius: 10px;
			box-shadow: 0 10px 30px rgba(3, 37, 71, 0.12);
			overflow: hidden;
			border: 0;
		}

		.privacy-modal-header {
			background: var(--color-primary);
			color: #fff;
			padding: 14px 20px;
			border-bottom: 0;
		}

		.privacy-modal-header .modal-title {
			font-weight: 700;
			font-size: 1.1rem;
			margin: 0;
		}

		.privacy-modal-body {
			padding: 20px;
			max-height: 68vh;
			/* keep same as earlier but via CSS */
			overflow-y: auto;
			color: #333;
			background: #fff;
			line-height: 1.5;
		}

		.privacy-modal-body h6 {
			margin-top: 0.6rem;
			margin-bottom: 0.35rem;
			color: var(--color-primary);
			font-weight: 700;
			font-size: 0.98rem;
		}

		.privacy-modal-body p {
			margin-bottom: 0.9rem;
			color: #444;
			font-size: 0.95rem;
		}

		.privacy-modal-footer {
			padding: 12px 20px;
			background: #f8f9fa;
			border-top: 0;
		}

		/* small screens */
		@media (max-width: 576px) {
			.privacy-modal .modal-dialog {
				margin: 8px;
			}

			.privacy-modal-body {
				padding: 14px;
				max-height: 60vh;
			}

			.privacy-modal-header .modal-title {
				font-size: 1rem;
			}
		}

		.modal .modal-content {
			border-radius: 10px;
			box-shadow: 0 12px 30px rgba(3, 37, 71, 0.14);
			overflow: hidden;
			border: 0;
		}

		/* header */
		.modal .modal-header.modal-header-custom {
			background: var(--color-primary);
			color: #fff;
			padding: 14px 18px;
			border-bottom: 0;
			align-items: center;
		}

		.modal .modal-header.modal-header-custom .modal-title {
			font-weight: 700;
			font-size: 1.05rem;
			margin: 0;
		}

		/* white close button */
		.btn-close-white {
			filter: brightness(0) invert(1);
			opacity: 0.95;
			width: 1.5rem;
			height: 1.5rem;
		}

		/* body */
		.modal .modal-body {
			padding: 20px;
			max-height: 70vh;
			overflow-y: auto;
			background: #fff;
			color: #222;
			line-height: 1.5;
		}

		/* QR container */
		.qr-code-container {
			display: inline-block;
			margin: 0 auto;
			text-align: center;
		}

		.qr-code-container img {
			max-width: 250px;
			width: 100%;
			height: auto;
			border: 1px solid #e6e6e6;
			padding: 10px;
			background: #fff;
			border-radius: 6px;
			box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
		}

		/* registration details box */
		.registration-details {
			background: #f8f9fa;
			border-radius: 8px;
			padding: 14px;
			margin-top: 12px;
			border: 1px solid #ececec;
		}

		.registration-details h6 {
			color: var(--color-primary);
			font-weight: 700;
			margin-bottom: 10px;
			font-size: 0.98rem;
		}

		.registration-details p {
			margin: 4px 0;
			color: #333;
			font-size: 0.95rem;
		}

		/* info alert */
		.modal .alert-info {
			background: #eef7fb;
			border-color: #d9eef8;
			color: #184a6d;
			font-size: 0.92rem;
		}

		/* footer */
		.modal .modal-footer {
			border-top: 0;
			padding: 12px 18px;
			background: transparent;
		}

		/* center buttons group */
		.modal .d-flex.gap-2.justify-content-center {
			gap: 10px;
			flex-wrap: wrap;
		}

		/* small screens */
		@media (max-width: 576px) {
			.qr-code-container img {
				max-width: 200px;
			}

			.modal .modal-body {
				padding: 14px;
				max-height: 65vh;
			}
		}

		/* print: ensure QR image prints cleanly */
		@media print {
			.modal .modal-content {
				box-shadow: none;
				border-radius: 0;
			}

			.qr-code-container img {
				max-width: 180px;
			}
		}

		/* Mobile Menu Animations */
		@media (max-width: 991px) {

			/* Smooth Dropdown Transition */
			.dropdown-menu {
				display: block !important;
				/* Override Bootstrap's display property */
				max-height: 0;
				opacity: 0;
				overflow: hidden;
				transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, padding 0.4s ease;
				padding: 0;
				border: none;
				margin: 0;
				transform: none !important;
				/* Reset position for smooth flow */
				position: static !important;
			}

			.dropdown-menu.show {
				max-height: 100vh;
				/* Limit for animation */
				opacity: 1;
				padding: 0.5rem 0;
			}

			/* Navbar Toggler Button Reset */
			.navbar-toggler {
				border: 1px solid rgba(255, 255, 255, 0.2);
				padding: 8px !important;
				outline: none;
				box-shadow: none !important;
				background-color: rgba(255, 255, 255, 0.1);
				/* Subtle background */
				border-radius: 8px;
				transition: background-color 0.3s ease;
				z-index: 1055 !important;
				/* Ensure visibility */
			}

			.navbar-toggler:hover {
				background-color: rgba(255, 255, 255, 0.2);
			}

			/* Custom Hamburger Icon */
			.hamburger-icon {
				width: 30px;
				height: 24px;
				position: relative;
				transform: rotate(0deg);
				transition: .5s ease-in-out;
				cursor: pointer;
				z-index: 1060;
				/* Higher than button */
			}

			.hamburger-icon span {
				display: block;
				position: absolute;
				height: 4px;
				/* Increased thickness */
				width: 100%;
				background: #ffffff;
				/* White bars */
				border-radius: 9px;
				opacity: 1;
				left: 0;
				transform: rotate(0deg);
				transition: .25s ease-in-out;
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
			}

			/* Positioning the bars */
			.hamburger-icon span:nth-child(1) {
				top: 2px;
			}

			.hamburger-icon span:nth-child(2) {
				top: 11px;
			}

			.hamburger-icon span:nth-child(3) {
				top: 20px;
			}

			/* Animation when opened */
			.navbar-toggler:not(.collapsed) .hamburger-icon span:nth-child(1) {
				top: 11px;
				transform: rotate(135deg);
			}

			.navbar-toggler:not(.collapsed) .hamburger-icon span:nth-child(2) {
				opacity: 0;
				left: -60px;
			}

			.navbar-toggler:not(.collapsed) .hamburger-icon span:nth-child(3) {
				top: 11px;
				transform: rotate(-135deg);
			}

			/* Mobile Menu Item Styling */
			/* Top Level Items */
			.main-menu .navbar-nav .nav-item .nav-link {
				font-weight: 500;
				padding: 12px 15px !important;
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
				transition: all 0.3s;
			}

			.navbar-nav .nav-link.active,
			.navbar-nav .nav-link:hover,
			.navbar-nav .show>.nav-link {
				background-color: transparent !important;
				color: var(--color-secondary) !important;
				padding-left: 20px !important;
			}

			/* Dropdown Menus */
			.dropdown-menu {
				background-color: rgba(0, 0, 0, 0.1);
				margin-top: 0;
				padding-bottom: 10px;
			}

			.dropdown-menu .dropdown-item {
				color: #e0e0e0 !important;
				padding: 10px 15px 10px 30px !important;
				font-size: 0.95rem;
				border-bottom: none !important;
			}

			.dropdown-menu .dropdown-item:hover,
			.dropdown-menu .dropdown-item:active {
				background-color: transparent !important;
				color: var(--color-secondary) !important;
				padding-left: 35px !important;
			}

			/* Nested Dropdowns */
			.dropdown-menu .dropdown-menu .dropdown-item {
				padding-left: 50px !important;
				font-size: 0.9rem;
			}
		}

		/* =========================
			COMPONENTS
		========================= */
		.quick-img {
			display: flex;
			align-items: center;
			justify-content: center;

			padding: 0.3rem;
			border-radius: 4px;
			border: 1px solid rgba(0, 0, 0, 0.1);
			background: #fff;

			box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);

			transition: transform 0.4s ease;
		}

		.quick-img:hover {
			transform: scale(1.05);
		}

		.q-con img {
			width: 90px;
			height: 90px;
			object-fit: cover;
			margin-right: 10px;
		}

		.homePage-sectionHeading {
			color: var(--color-heading);
			font-size: 1.875rem;
			font-weight: 600 !important;
			line-height: normal;
		}

		.homePage-sectionHeading-white {
			color: #ffffff;
			font-size: 1.875rem;
			font-weight: 600 !important;
			line-height: normal;
		}

		.black-text-heading {

			color: #475569;
			font-family: Poppins;
			font-size: 22px;
			font-style: normal;
			font-weight: 400;
			line-height: 33px;

		}

		.blue-text-heading {
			color: #673AB7;
			font-family: Poppins;
			font-size: 36px;
			font-style: normal;
			font-weight: 700;
			line-height: 54px;
			/* 150% */
		}


		/*End Basic CSS */



		/* header */
		.events-container {
			width: 290px;
			overflow: hidden;
			transition: transform 0.3s ease;
			border: 1px solid #eee;
			border-radius: 12px;
			background: #FFF;
			box-shadow: 0 1px 14.8px 0 rgba(121, 21, 41, 0.21);
		}

		.events-details figure {
			margin: 0;
			position: relative;
			overflow: hidden;
		}

		.events-details figure::before {
			content: "Event";
			position: absolute;
			top: 15px;
			left: 15px;
			background: #1a153e;
			color: #fff;
			padding: 4px 15px;
			border-radius: 8px;
			font-size: 0.8rem;
			font-weight: 600;
			z-index: 10;
		}

		figcaption .ng-binding:first-child {
			color: var(--color-primary);
			font-family: "Segoe UI";
			font-size: 18px;
			font-style: normal;
			line-height: 24.75px;
			transition: color 0.3s ease;
		}

		.events-details p {
			color: #737373;
			font-family: "Poppins";
			font-size: 15px;
			font-style: normal;
			line-height: 22.75px;
			margin-top: 12px;

		}

		.event-view-btn a {
			display: flex;
			justify-content: start;
			gap: 10px;
			line-height: 16px;
		}

		.event-view-btn a {
			display: flex;
			justify-content: start;
			gap: 10px;
			line-height: 16px;
			background: unset;
			color: unset;
			padding: unset;
			border-radius: unset;
		}

		.view-all a {
			float: right;
			color: #1a153e;
			text-decoration: none;
			font-weight: 600;
			margin-top: -50px;
		}

		.view-all {
			display: none;
		}

		.events-container:hover {
			transform: translateY(-8px);
		}

		.events-container:hover figure img {
			transform: scale(1.08);
		}

		.events-container:hover figcaption .ng-binding:first-child {
			color: #a52a2a;
		}

		/* =========================
							Gallery Section
						========================= */
		.gallery-section {
			background: #fff;
			border-radius: 40px;
			padding: 60px;
			max-width: 1200px;
			width: 95%;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
		}

		.gallery__cta {
			background-color: #1a153e;
			color: #fff;
			padding: 12px 25px;
			border-radius: 10px;
			font-weight: 600;
			text-decoration: none;
			display: inline-block;
			transition: 0.3s ease;
		}

		.gallery__cta:hover {
			background-color: #2b2463;
		}

		/* =========================
							Image Grid
						========================= */
		.gallery__image-wrapper {
			border-radius: 25px;
			overflow: hidden;
		}

		.gallery__image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.5s ease;
		}

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

		/* Image Sizes */
		.gallery__image--large {
			height: 500px;
		}

		.gallery__image--small {
			height: 240px;
		}

		.gallery__image--wide {
			height: 244px;
		}

		/* =========================
							Responsive
						========================= */
		@media (max-width: 768px) {
			.gallery-section {
				padding: 30px;
				margin: 20px 0;
			}

			.gallery__title {
				font-size: 2rem;
			}

			.gallery__image--large,
			.gallery__image--small,
			.gallery__image--wide {
				height: 250px;
			}
		}

		/* =========================
INNER PAGE ENHANCEMENT
========================= */

		.inner-page {
			background: #f8f9fc;
		}

		/* Card Enhancement */
		.about-card {
			padding: 30px;
			transition: all 0.3s ease;
		}

		/* Section Header Improve */
		.section-header__title {
			position: relative;
			display: inline-block;
			padding-bottom: 10px;
		}

		.section-header__title::after {
			content: "";
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 60px;
			height: 3px;
			background: var(--color-primary);
			transform: translateX(-50%);
			border-radius: 10px;
		}

		/* Left align fix */
		.section-header.text-start .section-header__title::after {
			left: 0;
			transform: none;
		}

		/* Content spacing */
		.content-holder {
			line-height: 1.8;
			font-size: 15px;
		}

		.content-holder p {
			margin-bottom: 14px;
		}

		/* Image polish */
		.about-card img {
			border-radius: 12px;
			transition: 0.3s;
		}

		.about-card img:hover {
			transform: scale(1.02);
		}

		/* Info Card Enhancement */
		.info-card-inner {
			transition: all 0.3s ease;
		}

		.info-card:hover .info-card-inner {
			background: rgba(27, 18, 81, 0.03);
		}

		/* Value Cards spacing */
		.info-title {
			margin-bottom: 10px;
		}

		.info-description {
			font-size: 14px;
		}

		/* List styling */
		.about-card ul {
			padding-left: 18px;
		}

		.about-card ul li {
			margin-bottom: 8px;
			position: relative;
		}

		.about-card ul li::marker {
			color: var(--color-primary);
		}

		/* Signature section */
		.message-signature {
			border-top: 1px solid #eee;
			padding-top: 15px;
			margin-top: 20px;
		}

		/* Buttons / Links */
		.about-card a {
			/* color: var(--color-primary); */
			font-weight: 500;
			text-decoration: none;
			transition: 0.3s;
		}

		.about-card a:hover {
			color: var(--color-secondary);
			text-decoration: underline;
		}

		/* Table Enhancement */
		.table {
			border-radius: 10px;
			overflow: hidden;
		}

		.table th {
			background: var(--color-primary);
			color: #fff;
			font-size: 14px;
		}

		.table td {
			font-size: 14px;
		}

		.table tr:hover {
			background: rgba(27, 18, 81, 0.05);
		}

		/* Responsive spacing */
		@media (max-width: 768px) {
			.about-card {
				padding: 20px;
			}

			.section-header__title {
				font-size: 26px;
			}
		}

		.message-paragraphs {
			font-family: var(--font-secondary);
			color: var(--color-text);
			line-height: 1.8;
			font-size: 16px;
			background: var(--color-white);
			padding: 24px;
			border: 1px solid var(--border-color);
			border-radius: 10px;
			margin-bottom: 30px;
		}

		/* Paragraph spacing */
		.message-paragraphs p {
			margin-bottom: 16px;
		}

		/* Highlight important words */
		.message-paragraphs strong {
			color: var(--color-primary);
			font-weight: 600;
			opacity: 0.7;
		}

		/* First paragraph slightly emphasized */
		.message-paragraphs p:first-child {
			font-size: 17px;
			color: var(--color-heading);
		}

		/* Subtle left accent for whole block */
		.message-paragraphs {
			border-left: 4px solid var(--color-primary);
		}

		.gallery-carousel-img {
			height: 560px !important;
			object-fit: contain;
			border-radius: 16px;
		}

		.pdf-btn,
		td a,
		.document-item a,
		.document-list li a {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			font-family: var(--font-primary);
			font-size: 15px;
			font-weight: 600;
			color: var(--color-white);
			background: linear-gradient(135deg,
					var(--color-primary),
					var(--color-secondary));
			padding: 10px 16px;
			border-radius: 6px;
			text-decoration: none;
			transition: all 0.3s ease;
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: center;
		}

		/* Hover effect */
		.pdf-btn:hover,
		td a:hover,
		.document-item a:hover,
		.document-list li a:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
		}

		.page-section-sub-title {
			position: relative;
			font-family: var(--font-primary);
			font-size: 24px;
			font-weight: 600;
			color: var(--color-heading);
			margin-bottom: 16px;
			padding-left: 12px;
			letter-spacing: 0.3px;
		}

		/* Small accent line */
		.page-section-sub-title::before {
			content: "";
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 4px;
			height: 70%;
			background: var(--color-secondary);
			border-radius: 2px;
		}

		.span-block {
			display: block;
		}

		.btn.btn-link {
			display: block !important;
			text-align: left !important;
			font-family: var(--font-primary) !important;

		}

		table tr td:last-child {
			text-align: center;
		}

		.core-value-img {
			width: 100px !important;
			height: 100px;
		}

		.back-btn {
       display: inline-block;
       padding: 4px 10px;
       font-size: 13px;
       color: #666;
       text-decoration: none;
       border: 1px solid #666;
       border-radius: 6px;
       transition: all 0.2s ease;
			 margin-top: 30px;
    }

    .back-btn:hover {
       background-color: #666;
       color: #fff;
       text-decoration: none;
    }
		.owl-nav .owl-prev {
       left: 0px !important;
    }

    .owl-nav .owl-next {
      right: 0px !important;
    }
		.owl-nav>div{
			right: 0px !important	;
		}
		/*------inner page responcive code--------*/
		@media screen and (max-width: 550px) {
			
			.page-section-title, .section-header .section-title, header h2{
				font-size: 20px !important;
			}
			.message-paragraphs p:first-child {
        font-size: 15px;
      }
			.page-section-sub-title {
        font-size: 18px;
		  } 
			p, span, a, li, td, th, button{
				font-size: 15px;
			} 
			.pdf-btn, td a, .document-item a, .document-list li a {
				    font-size: 10px;
			}
			.main-whitePanel {
        padding: 10px !important;
      }
			
		}