html, body {
			width: 100%;
			max-width: 100%;
			/* overflow-x: hidden;   */
		}

		body {
			overflow-x: hidden !important;
			position: relative;
		}

		/* Scoped search control styling */
		.hero-search .input-group {
			background: #ffffff;
			border: 1px solid #d8d8d8;
			border-radius: 12px;
			box-shadow: 0 2px 8px rgba(0,0,0,0.08);
			overflow: hidden;
			max-width: 420px;
		}

		.hero-search input#dictionarySearch {
			border: none;
			box-shadow: none !important;
			padding: 10px 14px;
			height: 42px;
/*			outline: none;*/
		}

		.hero-search .btn-icon {
			background: transparent;
			border: 0;
			height: 42px;
			width: 46px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			color: #111827;
		}

		.hero-search .btn-divider {
			border-left: 1px solid #e5e7eb;
		}

		.hero-search i {
			font-size: 18px;
		}

		@media (max-width: 576px) {
			.hero-search .input-group {
				max-width: 100%;
			}
		}

		.img-size {
			width: 100% !important;
		}

.carousel-innerr {
	width: 380px;
	height: 380px;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	margin: auto;
	background: transparent;
}

.carousel-track {
	display: flex;
	height: 100%;
	transition: transform 0.5s ease-in-out;
	will-change: transform;
	transform: translate3d(0,0,0);
	background: transparent;
}

.carousel-itemm {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: transparent;
}

	.carousel-itemm img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transform: translateZ(0);
	}

/* Mobile */
@media (max-width: 768px) {

	.carousel-innerr {
		width: 280px;
		height: 280px;
	}
}

.glass-box a {
	color: inherit;
	line-height: 1.2 !important;
}

		@media (max-width: 768px) {
			.about {
				width: 100%;
			}
		}

		@media (max-width: 768px) {
			.about-card-img {
				width: 100%;
				height: 180px;
				margin-bottom: 16px;
				border-radius: 8px;
			}
		}

	
        .button-bg {
		background-color: var(--button-primary);
		/* GIGW: force white text so the pause/play glyph always has ≥4.5:1
		   contrast against the brand-coloured background in every theme.
		   Without this the glyph inherits nav-link's brand colour, giving
		   ~1:1 contrast (invisible) in some themes. */
		color: #ffffff !important;
		border: none;
	}
	.button-bg:hover,
	.button-bg:focus {
		background-color: var(--accent-color, #0d626e);
		color: #ffffff !important;
	}

	.important-note {
		background-color: var(--button-primary);
		height: 40px;
		border-radius: 4px 0 0 4px;
	}

.marquee-container {
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
	color: #000;
	padding: 6px 0;
	border-top: 2px solid #dedede;
	border-bottom: 2px solid #dedede;
	font-family: 'Sakal Marathi', 'SakalBharati', 'Noto Sans Devanagari', 'Mangal', 'Baloo 2', Arial, sans-serif !important;
	font-weight: bold;
}
.list-unstyled {
	font-size: 14px !important;
	font-family: 'Sakal Marathi', 'SakalBharati', 'Noto Sans Devanagari', 'Mangal', 'Baloo 2', Arial, sans-serif !important;
	font-weight: 400 !important;
	color: var(--secondary-color) !important;
}

	.marquee-text {
		display: inline-flex;
		animation: scroll-left 25s linear infinite;
		animation-play-state: running;
	}

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

		100% {
			transform: translateX(-100%);
		}
	}

	.paused {
		animation-play-state: paused !important;
	}

	.theme-link {
		color: #b87333;
		text-decoration: none;
	}

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

       .about-btn {
		color: var(--button-primary);
		text-decoration: none;
		font-weight: 500;
	}

	.about-us-footer a:hover {
		font-weight: bold;
	}


	/* Scoped styles for Employee Corner redesign */
	.employee-tiles .tile-card {
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 2px 10px rgba(0,0,0,.06);
		padding: 16px 10px;
		transition: transform .15s ease, box-shadow .15s ease;
		height: 100%;
	}

		.employee-tiles .tile-card:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 18px rgba(0,0,0,.12);
		}

	.employee-tiles .tile-icon {
		width: 48px;
		height: 48px;
		border-radius: 10px;
		background: #ffddb8;
		color: #815020;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.25rem;
		margin-bottom: 6px;
	}

	.employee-tiles .tile-label {
		color: #333;
		font-weight: 600;
		font-size: .95rem;
		text-align: center;
	}

	.info-card {
		background: #fff;
		border-radius: 14px;
		box-shadow: 0 2px 12px rgba(0,0,0,.07);
		padding: 18px 20px;
		height: 100%;
	}

		.info-card i {
			color: #815020;
			font-size: 1.2rem;
		}

	/* Keep all top tiles in one row on large screens */
	@media (min-width: 992px) {
		.employee-tiles {
			flex-wrap: nowrap !important;
		}

			.employee-tiles > [class^="col-"] {
				flex: 0 0 auto;
				width: auto;
			}
	}

	/* Keep middle info cards in a single row on large screens */
	@media (min-width: 992px) {
		.info-cards-row {
			flex-wrap: nowrap !important;
		}

			.info-cards-row > [class^="col-"] {
				flex: 0 0 20%;
				max-width: 20%;
			}
	}
    .service-btn.active {
		background-color: var(--nav-bg); /* Bootstrap blue */
		color: #fff;
	}
   .service-buttons {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	/* Fix service widget container */
	#serviceWidget {
		min-height: 442px;
		max-height: 518px; /* fixed maximum */
		height: 500px; /* lock height */
		overflow: hidden; /* no scrollbar */
	}

	#viewMoreBtn

	.card-body p {
		color: #374151;
		font-size: 1rem;
		margin-bottom: 15px;
	}

	.card-body ul {
		padding-left: 0px;
		margin: 0;
	}

	/* faq Wrapper card */
.faq-wrapper {
		background: rgba(255, 255, 255, 0.65);
		padding: 25px;
		border-radius: 16px;
		box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	}

	/* Section Titles */
	.faq-section-title {
		margin: 20px 0 12px;
		font-size: 1.3rem;
		font-weight: 600;
	}

	/* GRID auto-row layout */
	.faq-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		grid-gap: 14px;
	}

	/* Force exactly 5 columns for categories */
	.cat-grid {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 14px;
	}

	/* Make it responsive on mobile */
	@media (max-width: 768px) {
		.cat-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 480px) {
		.cat-grid {
			grid-template-columns: repeat(1, 1fr);
		}
	}


	/* Subcategory auto-width layout */
	.subcat-flex {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
	}

		.subcat-flex .faq-card-item {
			width: auto;
			padding: 12px 20px;
			white-space: nowrap; /* Card grows based on text */
			flex-shrink: 0;
		}



	/* Card item */
	.faq-card-item {
		padding: 14px 20px;
		background: #eef5ff;
		border-radius: 12px;
		border: 2px solid transparent;
		font-weight: 600;
		cursor: pointer;
		transition: 0.25s;
		text-align: center;
	}

		.faq-card-item:hover {
			transform: translateY(-3px);
			border-color: #4d99ff;
		}

	/* Questions block */
	.faq-question-block {
		border: 1px solid #ddd;
		border-radius: 12px;
		padding: 16px;
		margin-bottom: 12px;
		background: #fff;
	}

	.faq-question-title {
		font-weight: 700;
		cursor: pointer;
	}

	.faq-answer {
		margin-top: 12px;
		padding: 12px;
		background: #eaf3ff;
		border-radius: 10px;
		display: none;
	}

		/* Animation */
		.faq-answer.show {
			display: block;
			animation: fadeIn 0.3s ease-out;
		}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(-4px);
		}

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

	/* Selected Category */
	.faq-card-item.selected {
		border-color: #007bff;
		background: #dbeaff;
		color: #003f8a;
	}

	/* Selected Subcategory */
	.subcat-flex .faq-card-item.selected {
		background: #cfe5ff;
		border-color: #0066dd;
	}

	/* Selected Question */
	.faq-question-title.selected {
		color: #007bff;
		text-decoration: underline;
	}

    .faq-title {
				font-size: 2rem; /* adjust size */
				font-weight: 700;
			}
            .card-custom {
						width: 320px; /* increase this value */
						margin: 0 15px;
					}

					.card-gap {
						padding: 10px; /* creates space around each card */
					}
                    #external-link {
		padding: 20px 0;
		background-color: #ffff;
	}

	.section-heading {
		margin-bottom: 30px;
		text-align: left;
	}

		.section-heading h2 {
			font-size: 24px;
			font-weight: 600;
			color: #222;
			margin-bottom: 5px;
			position: relative;
		}

		.section-heading .underline {
			width: 204px;
			height: 3px;
			background-color: var(--border-color); /* Dark red or theme color */
			margin-top: 4px;
		}

	/* .container {
			  width: 90%;
			  margin: 0 auto;
			} */

	.link-box1 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 280px;
		background-color: #ffff;
		border: 1px solid #158081;
		border-radius: 15px;
		padding: 10px;
		margin-top: 30px;
		overflow: hidden;
	}

	.link-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-decoration: none;
		color: black;
		transition: transform 0.3s ease;
	}

		.link-item img {
			width: 137px;
			height: 75px;
		}

		.link-item span {
			margin-top: 10px;
			font-weight: bold;
		}

		.link-item:hover {
			transform: translateY(-5px);
		}
        #descModal.hidden {
		display: none !important;
	}

	.max-w-2xl {
		max-width: 54rem !important; /* 864px */
	}
     a#screenReader {
		font-size: 21px;
		color: white;
		text-decoration: none;
		cursor: pointer;
		margin-right: -10px;
		margin-bottom:-4px;
	}


		a#screenReader:hover {
			color: #0056b3;
		}
		.news-card .card-body {
    padding: 1.5rem;
		}