* {
	transition: 0.5s;
}

@font-face {
	font-family: Poppins-regular;
	src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
	font-family: Poppins-semibold;
	src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
}

@font-face {
	font-family: Poppins-medium;
	src: url(../fonts/Poppins/Poppins-Medium.ttf);
}
html{
	height: 100%;
}
body {
	font-family: Poppins-regular;
	background: #fbfbfb;
	margin: 0;
	padding: 0;
	letter-spacing: 0.2px;
	/* for footer */
	display: flex;
    flex-direction: column;
    height: 100%;
}
/* #skip_to_main{
	flex: 1;
	
} */
.bihar_main{
flex: 1;
 }
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.text-justify {
	text-align: justify;
	line-height: 28px;
}

a,
a:hover {
	text-decoration: unset !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bs-font-sans-serif);
}

/* Technical GIF background */
.background-gif {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	pointer-events: none;
	opacity: 1;
	/* adjust as needed */
	object-fit: cover;
	background: transparent;
}

span {
	color: red;
}

.header-bar,
.nav-bar,
.nav-bar-top,
.main-hero,
.stats-row,
.footer {
	position: relative;
	z-index: 1;
}

.header-bar {

	background-image: url("../images/header_bg_img.png"), linear-gradient(to right, #0c2875, #0c2875);

}

.logo img {
	height: 65px;
}


.header-bar .search-box {
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 22px;
	padding: 2px 8px 2px 12px;
	background: #fff;
	height: 24px;
}

.data_lab {
	/* text-align: center; */
	color: #fff;
	/* width: 100%;
    margin-right: 230px; */
}

.data_lab h2 {
	border-bottom: 1px solid #adadad;
	padding-bottom: 3px;
	text-align: center;


}

.data_lab p {
	padding-top: 5px;
	text-align: center;
	margin: inherit;

}

.data_lab h2,
.data_lab p {
	margin: 0;
	margin: inherit;
}

.login__btn {
    
    float: right;
    text-align: center;
    width: 130px;
    background: linear-gradient(135deg, #1976d2 60%, #4fc3f7 100%);
    color: #fff;
    border-radius: 39px;
    transition: .5s;
    margin-top: 29px;
    margin-top: -2px;
	height: 41px;
	padding: 8px;
}

.login__btn a {
	color: #fff;
}

.login__btn:hover {
	background: #fff;
	color: #1976d2;
}

.login__btn:hover a {
	color: #1976d2;
}

/* .login__btn
{
    position: absolute; right: 32px; top: 50%; transform: translateY(-50%);
} */
.header-bar input[type="text"] {
	padding: 10px 15px;
	border: 1px solid #fff;
	border-radius: 4px 0 0 4px;
	outline: none;
	background: #f0f7ff;
	color: #183153;
}

.header-bar button {
	background: #fdb84f;
	border: none;
	padding: 10px 12px;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	color: #183153;
	font-weight: bold;
}

.nav-bar {
	background: #fff;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 5px 30px;
	box-shadow: 0px 4px 17px rgb(0 0 0 / 18%);
	height: 43px;
}

.nav-bar-top {
	background: #eaf6fd;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 5px 30px;
	box-shadow: 0px 4px 17px rgb(0 0 0 / 18%);
	height: 35px;
}

.nav-bar a {
	color: #000;
	text-decoration: none;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	height: 100%;
	transition: background 0.2s, color 0.2s;
}

.nav-bar-top a {
	color: #000;
	text-decoration: none;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	height: 100%;
	transition: background 0.2s, color 0.2s;
}

.nav-bar a:hover,
.nav-bar a:focus {
	background: #0c2875;
	color: #fff;
	border-radius: 4px;
}

.nav-bar-top a:hover,
.nav-bar-top a:focus {
	background: #0c2875;
	color: #fff;
	border-radius: 4px;
}

.main-hero {
	/* min-height: 418px; */
	min-height: 345px;
	background: transparent;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0 0 0;
	overflow: hidden;
}

.main-hero::before {
	content: none !important;
}

.main-hero-content {
	position: relative;
	z-index: 1;
	color: #f6f8f9;
	max-width: 650px;
	margin-left: 60px;
	margin-top: 60px;
}

.main-hero-content h1 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 1.1;
	color: #f7f8f9;
	letter-spacing: -2px;
}

.main-hero-content p {
	font-size: 1.2rem;
	margin-bottom: 18px;
	color: #d5e4f4;
}

.main-hero-content .highlight {
	color: #90d9fb;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.main-hero-buttons {
	display: flex;
	gap: 18px;
	margin-bottom: 32px;
	margin-top: 18px;
}

.main-hero-buttons a {
	background: #fdb84f;
	color: #fff;
	padding: 10px 40px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 600;
	transition: background 0.2s, color 0.2s;
	border: none;
	box-shadow: 0 2px 8px rgba(37, 99, 166, 0.12);
}

.main-hero-buttons a:hover {
	background: #fff;
	color: #4b4b4b;
}

/* Slider styles */
.hero-slider {
	position: relative;
	z-index: 1;
	margin-top: 60px;
	margin-right: 60px;
	width: 440px;
	min-width: 320px;
	max-width: 440px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 4px 24px rgba(24, 49, 83, 0.13);
	overflow: hidden;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 240px;
}

.slider-image {
	width: 100%;
	border-radius: 18px 18px 0 0;
	display: block;
	height: 244px;
}

.slider-caption {
	padding: 18px 18px 10px 18px;
	text-align: center;
	color: #2563a6;
	font-weight: bold;
	font-size: 1.1rem;
	background: #e3f2fd;
	min-height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.slider-controls {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	pointer-events: none;
	transform: translateY(-50%);
	z-index: 2;
}

.slider-btn {
	background: #2563a6;
	color: #fff;
	border: none;
	border-radius: 30%;
	width: 36px;
	height: 36px;
	font-size: 1.5rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
	opacity: 0.85;
}

h2.heading {
	padding: 10px 0 0 0;
	text-align: center;
}

h5.heading {
	padding: 20px 0 0 0;
	text-align: center;
	margin-top: -28px;

}

.slider-btn:hover {
	background: #4fc3f7;
	color: #183153;
}

.slider-btn.circle-btn {
	background: #bcbdc5;
	color: #222;
	border: none;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	font-size: 1.4rem;
	font-weight: bold;
	box-shadow: 0 2px 8px rgba(24, 49, 83, 0.13);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s, color 0.2s, box-shadow 0.2s;
	opacity: 0.98;
	outline: none;
	margin-top: 10px;
	margin-left: -2px;
	margin-right: -2px;
}

.slider-btn.circle-btn:hover {
	background: #4fc3f7;
	color: #183153;
	box-shadow: 0 4px 16px rgba(37, 99, 166, 0.18);
}

.stats-row {
	display: flex;
	gap: 28px;
	/* bigger gap */
	margin-top: -140px;
	/* less negative margin */

	z-index: 2;
	position: relative;
	flex-wrap: nowrap;
	overflow: hidden;
	background: transparent;
	padding-bottom: 18px;
	/* more padding */
	justify-content: center;
	align-items: stretch;
	width: calc(100vw - 20px);
	/* more width */
	max-width: 100vw;
	min-height: 180px;
	/* bigger min height */
}

.stat-card {
	background: #fff;
	border-radius: 28px;
	padding: 28px 28px 20px 28px;
	min-width: 270px;
	max-width: 340px;
	color: #183153;
	box-shadow: 0 4px 16px rgba(24, 49, 83, 0.13);
	flex: 0 0 300px;
	margin-bottom: 18px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: box-shadow 0.2s;
	margin-right: 28px;
}

.stat-card:last-child {
	margin-right: 0;
}


.stat-card div[style*="color:#888"] {
	font-size: 1.08rem !important;
	/* bigger description */
	margin-top: 6px;
}

/* Slider button styles for stats */
.stats-slider-btn {
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
	z-index: 3;
	background: #2563a6;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	font-size: 2rem;
	font-weight: bold;
	box-shadow: 0 2px 8px rgba(24, 49, 83, 0.13);
	cursor: pointer;
	opacity: 0.95;
	transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

#statsPrevBtn {
	left: 30px;
}

#statsNextBtn {
	right: 21px;
}

.stats-slider-btn:hover {
	background: #4fc3f7;
	color: #183153;
	box-shadow: 0 4px 16px rgba(37, 99, 166, 0.18);
}

@media (max-width: 1200px) {
	.stats-row {
		width: 98vw;
		margin-left: 0;
		gap: 18px;
		min-height: 160px;
	}

	.stat-card {
		min-width: 220px;
		max-width: 280px;
		flex: 0 0 240px;
		padding: 18px 16px;
	}
}

@media (max-width: 900px) {
	.stats-row {
		margin-left: 0;
		gap: 10px;
		padding-left: 4px;
		padding-right: 4px;
		min-height: 120px;
	}

	.stat-card {
		min-width: 140px;
		max-width: 180px;
		flex: 0 0 140px;
		padding: 10px 6px 8px 10px;
	}

	.stats-slider-btn {
		width: 36px;
		height: 36px;
		font-size: 1.4rem;
	}
}

@media (max-width: 700px) {
	.stats-row {
		flex-direction: column;
		gap: 10px;
		width: 100vw;
		min-height: unset;
	}

	.stat-card {
		min-width: 90vw;
		max-width: 95vw;
		flex: 0 0 95vw;
		padding: 10px 6vw 8px 6vw;
	}

	.stats-slider-btn {
		display: none;
	}
}

.footer {
	background: #183153;
	color: #fff;
	text-align: center;
	padding: 18px 0 10px 0;
	margin-top: 40px;
	font-size: 15px;
}

@media (max-width: 1100px) {
	.main-hero {
		flex-direction: column;
		align-items: flex-start;
	}

	.main-hero-content {
		margin-left: 24px;
		margin-top: 32px;
	}

	.hero-slider {
		margin: 32px auto 0 auto;
	}

	.stats-row {
		margin-left: 10px;
		gap: 16px;
	}

	.stat-card {
		min-width: 260px;
	}
}

@media (max-width: 900px) {
	.stats-row {
		margin-left: 0;
		gap: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.stat-card {
		min-width: 160px;
		padding: 18px 10px;
	}
}

@media (max-width: 700px) {

	.main-hero-content,
	.stats-row {
		margin-left: 10px;
	}

	.hero-slider {
		width: 98vw;
		min-width: unset;
		max-width: unset;
	}

	.stats-row {
		flex-direction: column;
		gap: 18px;
	}

	.stat-card {
		min-width: 220px;
		padding: 18px 16px;
	}

	.slider-btn {
		left: 0;
		right: 0;
	}
}

.slider-btn.circle-btn.slider-hover:hover,
.slider-btn.circle-btn.slider-hover:focus {
	background: #4fc3f7 !important;
	color: #183153 !important;
	box-shadow: 0 4px 16px rgba(37, 99, 166, 0.18);
	outline: 2px solid #2563a6;
	outline-offset: 2px;
	transition: background 0.2s, color 0.2s, box-shadow 0.2s;
	cursor: pointer;
}

.slider-btn.circle-btn {
	pointer-events: auto;
}

.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0px;
	width: 100vw;
	height: 100vh;
	overflow: auto;
	background: rgba(0, 0, 0, 0.35);
}

.modal-content {
	background: #fff;
	margin: 8% auto;
	border-radius: 12px;
	width: 90%;
	max-width: 420px;
	box-shadow: 0 8px 32px rgba(24, 49, 83, 0.18);
	position: relative;
	color: #183153;
	font-size: 1.08rem;
}

.close {
	color: #2563a6;
	position: absolute;
	top: 12px;
	right: 18px;
	font-size: 2rem;
	font-weight: bold;
	cursor: pointer;
	transition: color 0.2s;
}

.close:hover {
	color: #e53935;
}

.modal-heading-underline {
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
	color: #222;
	margin-bottom: 18px;
	text-align: center;
	width: 100%;
}

.modal-heading-underline::after {
	content: "";
	display: block;
	margin: 8px auto 0 auto;
	width: 60px;
	height: 6px;
	border-radius: 4px;
	background: #003399;
	box-shadow: 0 2px 8px #a89c9c;
}

.modal-heading-underline-exact {
	display: block;
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
	color: #222;
	margin-bottom: 18px;
	text-align: center;
	width: 100%;
}

.modal-heading-underline-exact::after {
	content: "";
	display: block;
	margin: 8px auto 0 auto;
	width: 80px;
	height: 6px;
	border-radius: 3px;
	background: linear-gradient(90deg, rgba(120, 100, 100, 0.08) 0%, #003399 35%, #003399 65%, rgba(120, 100, 100, 0.08) 100%);
	box-shadow: 0 2px 8px #a89c9c;
	max-width: 100%;
}

.modal-heading-underline-glance {
	display: block;
	position: relative;
	font-size: 2.2rem;
	font-weight: bold;
	color: #222;
	margin-bottom: 18px;
	text-align: center;
	width: 100%;
	letter-spacing: -1px;
}

.modal-heading-underline-glance::after {
	content: "";
	display: block;
	margin: 8px auto 0 auto;
	width: 120px;
	height: 6px;
	border-radius: 3px;
	background: linear-gradient(to right,
			rgba(120, 100, 100, 0.08) 0%,
			rgba(120, 100, 100, 0.18) 18%,
			#003399 35%,
			#003399 65%,
			rgba(120, 100, 100, 0.18) 82%,
			rgba(120, 100, 100, 0.08) 100%);
	box-shadow: 0 2px 8px #a89c9c;
	max-width: 100%;
}

.heading_division,
.heading_division_white {
	height: 4px;
	background: linear-gradient(91.99deg, rgb(1, 38, 133) 8.3%, rgb(5, 79, 184) 100%);
	width: 37px;
	margin: 10px auto 0px auto;
	position: relative;
}

.heading_division_white:before {
	content: '';
	position: absolute;
	left: -37px;
	height: 2px;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(to right, #FFF, #FDB84F);
}

.heading_division_white:after {
	content: '';
	position: absolute;
	left: 37px;
	height: 2px;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(to right, #FDB84F, #FFF);
}

.heading_division:before {
	content: '';
	position: absolute;
	left: -70%;
	height: 2px;
	width: 70%;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(to right, #8b6a6800, #FFF);
}

.heading_division:after {
	content: '';
	position: absolute;
	right: -70%;
	height: 2px;
	width: 70%;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(to right, #FFF, #8b6a6800);
}

.popup-theme {
	background: #e8ebed;
	border-radius: 18px;
	box-shadow: 0 4px 24px rgba(24, 49, 83, 0.13);
	color: #183153;
	max-width: 480px;
	width: 95%;
	font-size: 14px;
	text-align: justify;
	font-family: "Aptos", sans-serif;
	position: relative;
	margin-top: 60px;
	border: 4px solid #183153;
}

.popup-rect {
	border-radius: 0 !important;
	box-shadow: 0 4px 24px rgba(24, 49, 83, 0.13);
	border: 2px solid #183153;
	background: #d0e6f0;
	/* increased padding */
	max-width: 700px;
	/* increased max-width */
	width: 98%;
}

@media (max-width: 800px) {
	.popup-rect {
		padding: 18px 8px 18px 8px;
		max-width: 98vw;
	}
}

.state-highlevel-stats-footer {
	background: #f9fbfc;
	border-radius: 18px 18px 0 0;
	box-shadow: 0 -2px 12px rgba(24, 49, 83, 0.10);
	margin: 0;
	padding: 32px 24px 24px 24px;
	position: relative;
	z-index: 1;
	border-top: 2px solid #e3e8f0;
}

.state-stats-title-footer {
	font-size: 1.6rem;
	font-weight: bold;
	color: #183153;
	text-align: center;
	margin-bottom: 12px;
	letter-spacing: -1px;
	position: relative;
}

.state-stats-title-footer .heading_division {
	height: 4px;
	background: linear-gradient(91.99deg, rgb(1, 38, 133) 8.3%, rgb(5, 79, 184) 100%);
	width: 37px;
	margin: 8px auto 0 auto;
	border-radius: 2px;
	box-shadow: 0 2px 8px #a89c9c;
}

.state-stats-cards-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
	margin-top: 18px;
}

.state-stat-card-footer {
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(24, 49, 83, 0.08);
	padding: 22px 28px 16px 28px;
	min-width: 170px;
	max-width: 210px;
	flex: 1 1 170px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1.5px solid #e3e8f0;
	transition: box-shadow 0.2s, border 0.2s;
}

.state-stat-card-footer:hover {
	box-shadow: 0 4px 16px rgba(24, 49, 83, 0.16);
	border: 1.5px solid #2563a6;
}

.stat-label-footer {
	font-size: 1.05rem;
	color: #2563a6;
	font-weight: 600;
	margin-bottom: 6px;
	text-align: center;
}

.stat-value-footer {
	font-size: 1.7rem;
	font-weight: bold;
	color: #183153;
	margin-bottom: 4px;
	text-align: center;
}

.stat-desc-footer {
	font-size: 0.98rem;
	color: #888;
	text-align: center;
}

@media (max-width: 900px) {
	.state-highlevel-stats-footer {
		padding: 18px 4vw 12px 4vw;
	}

	.state-stats-cards-footer {
		gap: 14px;
	}

	.state-stat-card-footer {
		min-width: 120px;
		padding: 14px 8px 10px 8px;
	}
}

@media (max-width: 600px) {
	.state-stats-cards-footer {
		flex-direction: column;
		align-items: center;
	}

	.state-stat-card-footer {
		width: 98vw;
		max-width: 98vw;
		min-width: unset;
	}
}

.state-highlevel {
	background: #f9fbfc;
	border-radius: 18px 18px 0 0;
	box-shadow: 0 -2px 12px rgba(24, 49, 83, 0.10);
	padding: 30px 20px 0px 20px;
	max-width: 1300px;
	width: 100%;
	margin: 30px auto 0 auto;
	/* This centers left and right */
	position: relative;
	z-index: 1;
	border-top: 2px solid #e3e8f0;

}

.state_high_div {
	background-color: #ffffff;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 10px;
}

.state_map {
	background-color: #fdfdfd;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 25px;
}

.public_access_data {
	background-color: #fdfdfd;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 25px;
}

.box_vision,
.box_mission {

	margin: 0 auto;
	justify-content: center;
	align-items: center;

	height: 100%;
	width: 90%
}

.shs-header {
	font-size: 1.7rem;
	font-weight: bold;
	color: #183153;
	position: relative;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.shs-tabs {
	display: flex;
	gap: 18px;
	/*border-bottom: 1px solid #ddd;*/
}

.shs-tab {
	background: none;
	color: #fff;
	border: none;
	padding: 5px 15px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-family: Poppins-medium;
	transition: background 0.2s, color 0.2s;
}

.shs-tab.active,
.shs-tab:hover {
	background: #7cb342;
	color: #fff;
}

.shs-content {
	display: flex;
	justify-content: center;
	/* centers children horizontally */
	flex-wrap: wrap;
	gap: 32px;
	margin: 16px auto 0 auto;
	/* centers this container itself if width is set */
	/* optional */
	width: 100%;
	/* optional */
}

.shs-left {
	/*background: #fff;*/
	/*box-shadow: 0 2px 8px rgba(24, 49, 83, 0.08);*/
	border-radius: 12px;
	padding: 0 0 0 0;
	min-width: 900px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.shs-img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 12px 12px 0 0;
	margin-bottom: 0;
}

.shs-stats-row {
	display: flex;
	gap: 32px;
	padding: 24px 24px 0 24px;
	justify-content: flex-start;
	font-size: 10px;
}

.shs-stat {
	flex: 1 1 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.shs-stat-title {
	font-size: 0.95rem;
	color: #183153;
	font-weight: 600;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.shs-stat-value {
	font-size: 2.2rem;
	font-weight: bold;
	color: #ff9800;
	margin-bottom: 2px;
}

.shs-stat-value.orange {
	color: #ff9800;
}

.shs-stat-desc {
	font-size: 1rem;
	color: #888;
}

.shs-dataset-desc {
	font-size: 1.05rem;
	color: #444;
	padding: 18px 24px 18px 24px;
	border-radius: 0 0 12px 12px;
	background: #f9fbfc;
	margin-top: 12px;
}

.shs-right {
	flex: 1 1 340px;
	min-width: 320px;
	max-width: 480px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: relative;
}

.shs-search {
	width: 100%;
	max-width: 350px;
	padding: 10px 16px;
	font-size: 1.1rem;
	border-radius: 6px;
	border: 1.5px solid #d0d7e2;
	margin-bottom: 12px;
	background: #fff;
	color: #183153;
	outline: none;
}

.shs-map-label {
	font-size: 1.1rem;
	font-weight: bold;
	color: #222;
	background: #f3f6fa;
	padding: 6px 18px;
	border-radius: 6px;
	margin-bottom: 8px;
	display: inline-block;
}

.shs-map-img {
	width: 100%;
	max-width: 340px;
	height: 260px;
	object-fit: contain;
	border-radius: 12px;
	background: #f9fbfc;
	margin-bottom: 12px;
	border: 1.5px solid #e3e8f0;
}

.shs-legend {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 0.98rem;
	color: #444;
	margin-top: 8px;
	margin-left: 12px;
}

.shs-legend div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.shs-legend span {
	display: inline-block;
	width: 22px;
	height: 12px;
	border-radius: 2px;
	margin-right: 4px;
	border: 1px solid #eee;
}

@media (max-width: 1100px) {
	.state-highlevel-stats {
		max-width: 98vw;
		padding: 12px 2vw 12px 2vw;
	}

	.shs-content {
		gap: 18px;
	}


}

@media (max-width: 700px) {
	.shs-header {
		font-size: 1.2rem;
	}

	.shs-tabs {
		gap: 6px;
	}

	.shs-tab {
		font-size: 0.95rem;
		padding: 6px 8px;
	}

	.shs-content {
		gap: 8px;
	}


	.shs-img {
		height: 70px;
	}

	.shs-map-img {
		height: 120px;
	}
}

.modal-content.popup-theme.popup-rect {
	background: #f9f6ef;
	border-radius: 0 0 12px 12px;
	border: none;
	box-shadow: 0 8px 32px rgba(21, 101, 192, 0.18);
	color: #222;
	width: 98vw; 
	position: relative; 
	overflow: hidden;
}

.popup-orange-bar {
	background: #040e7d;
	width: 100%;
	position: relative;
}

.popup-close {
	color: #fff;
	border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    right: 0px;
    width: 30px;
    height: 30px;
    font-size: 1.5rem;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(21, 101, 192, 0.18);
	z-index: 10;
	transition: background 0.2s, color 0.2s, border 0.2s;
}

.popup-close:hover {
	background: #ffb300; 
}

.popup-heading {
	font-size: 1.5rem;
	font-weight: bold;
	color: #222;
	text-align: center;
	margin: 32px 0 0 0;
	letter-spacing: 1px;
	position: relative;
}

.popup-heading-underline {
	display: block;
	margin: 12px auto 0 auto;
	width: 90px;
	height: 6px;
	border-radius: 3px;
	background: #ff8800;
	position: relative;
}

.popup-content-inner {
	padding: 15px 30px;
}

@media (max-width: 700px) {
	.modal-content.popup-theme.popup-rect {
		max-width: 99vw;
		padding: 0 0 18px 0;
	}

	.popup-content-inner {
		padding: 0 10px 18px 10px;
	}

	.popup-heading {
		font-size: 1.2rem;
		margin-top: 18px;
	}

	.popup-heading-underline {
		width: 50px;
		height: 4px;
	}

	.popup-close {
		top: 4px;
		right: 8px;
		width: 28px;
		height: 28px;
		font-size: 1.3rem;
	}
}

.shs-dataset-row {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	padding: 0 24px 24px 24px;
}

.shs-graph-col {
	flex: 0 0 320px;
	max-width: 340px;
	min-width: 220px;
	background: #f9fbfc;
	border-radius: 10px;
	padding: 12px 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.shs-info-col {
	flex: 1 1 300px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(24, 49, 83, 0.06);
	padding: 18px 18px 18px 24px;
	font-size: 1.08rem;
	color: #183153;
	margin-left: 0;
	min-width: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.top-banners-outer {
	background-color: #c5e99d;
	padding: 5px;

}

@media (max-width: 900px) {
	.shs-dataset-row {
		flex-direction: column;
		gap: 12px;
		padding: 0 4vw 18px 4vw;
	}

	.shs-graph-col,
	.shs-info-col {
		max-width: 100vw;
		min-width: unset;
	}
}

/* --- Add below your existing CSS --- */
.nav-bar .search-box {
	display: flex;
	align-items: center;
	border: 1.5px solid #d0d7e2;
	border-radius: 22px;
	padding: 5px 10px 2px 11px;
	background: #f7fafc;
	box-shadow: 0 2px 8px rgba(24, 49, 83, 0.06);
	transition: box-shadow 0.2s, border 0.2s;
	margin-right: -8px;
	height: 43px;
}

.nav-bar .search-box:focus-within {
	box-shadow: 0 4px 16px rgba(37, 99, 166, 0.13);
	border: 1.5px solid #1976d2;
}

.nav-bar .search-box input[type="text"] {
	border: none;
	outline: none;
	background: transparent;
	font-size: 1rem;
	padding: 5px 8px;
	width: 150px;
	color: #183153;
	transition: width 0.3s;
}

.nav-bar .search-box input[type="text"]:focus {
	width: 180px;
	background: #e3f2fd;
}

.nav-bar .search-box button {
	background: linear-gradient(135deg, #1976d2 60%, #4fc3f7 100%);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	margin-left: 8px;
	cursor: pointer;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(24, 49, 83, 0.10);
	transition: background 0.2s, box-shadow 0.2s;
	margin-right: -10px;

}

.nav-bar .search-box button:hover {
	background: linear-gradient(135deg, #125ea2 60%, #1976d2 100%);
	box-shadow: 0 4px 16px rgba(37, 99, 166, 0.18);
}

/* .login-btn {
    padding: 5px 18px;
    background: linear-gradient(135deg, #1976d2 60%, #4fc3f7 100%);
    color: #fff;
    border-radius: 20px;
    font-weight: 600;
    text-decoration: none;
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(24,49,83,0.10);
    transition: background 0.2s, box-shadow 0.2s;
    border: none;
    display: flex;
    align-items: center;
    height: 22px;
}
.login-btn:hover {
    background: linear-gradient(135deg, #125ea2 60%, #1976d2 100%);
    box-shadow: 0 4px 16px rgba(37, 99, 166, 0.18);
    color: #fff;
} */

.footer-main {
	background: #0c2875;
	color: #fff;
	font-size: 1.1rem;
	margin-top: 40px;
	padding-top: 8px;
	border-top: 4px solid #e3e8f0;
}

.footer-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 0 0;
	/* Remove vertical padding for minimal height */
	min-height: 0;
}

.footer-links {
	flex: 1.2;
	min-width: 260px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	/* Reduce vertical gap */
}

.footer-links-title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.footer-links-underline {
	width: 60px;
	height: 5px;
	background: linear-gradient(90deg, #fdb84f 60%, #fff 100%);
	border-radius: 2px;
	margin-bottom: 18px;
}

.footer-links-list {
	display: flex;
	gap: 48px;
}

.footer-links-list a {
	color: #fff;
	text-decoration: none;
	font-size: 1.08rem;
	line-height: 2.1;
	transition: color 0.2s;
}

.footer-links-list a:hover {
	color: #fdb84f;
	text-decoration: underline;
}

.footer-info {
	flex: 2;
	min-width: 320px;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1.2;
	margin-top: 0;
	padding: 0 4px;
	min-width: 200px;
}

.footer-logos {
	flex: 1.2;
	min-width: 220px;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
	align-items: flex-start;
	margin-top: 0;
}

.footer-logos-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 80px;
	margin-top: 0;
}

.footer-logos-left img {
	height: 36px;
	margin-bottom: 0;
}

.footer-logos img,
.footer-logos-left img {
	/* Remove background, border-radius, padding, box-shadow */
	background: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	height: 36px;
	/* Increase logo size */
	margin-bottom: 0;
	margin-right: -37px;
}

.footer-bottom {
	background: #eaf6fd;
	color: #222;
	font-size: 0.85rem;
	padding: 4px 17px 4px 30px;
	margin-top: 10px;
	border-top: 1.5px solid #b6d6f2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 22px;
}

.left_links {
	display: flex;
}

ul.last_sec li {
	margin: 0.25em;
	overflow: hidden;
}

.left_links ul li {
	padding: 2px 0;
}

.active_menu {
	background: #0c2875;
	color: #fff !important;
	border-radius: 4px;

}

.text-blue {
	color: #0c2875 !important;
}

.nav-bar a:hover::after,
.nav-bar a:focus::after {
	width: 80%;
}


#about_us {
	margin: 50px 97px;
	border-radius: 3px;
	text-align: center;
	min-height: calc(100vh - 523px);
}


.aims_heading {
	text-align: left;
	margin-top: 10px;
	font-size: 3rem;
}

.box_dataLab {
	padding: 25px 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	margin-left: 28px;
}

.heading_division_footer {
	height: 4px;
	background: rgb(1, 38, 133);
	width: 40px;
	position: relative;
	text-align: start;
	margin-bottom: 1em;
}

.about_datalab_heading_line.heading_division_footer:after {
	background: #cdcdcd !important;
}

.heading_division_footer:after {
	content: '';
	position: absolute;
	right: -95%;
	height: 2px;
	width: 95%;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;

}

.mediabox_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
}

.mediabox_column {
	overflow: hidden;
	max-height: 185px;
}

.mediabox_grid img {
	width: 100%;
	height: 100%;
	min-height: 185px;
	object-fit: cover;
	object-position: top;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.gallery img {
	width: 150px;
	height: 100px;
	object-fit: cover;
	cursor: pointer;
	border: 2px solid #ccc;
	transition: 0.3s;
}

.gallery img:hover {
	border-color: #ff4d4d;
}

/* Lightbox styles */
.lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	justify-content: center;
	align-items: center;
	z-index: 1000;
	flex-direction: column;
}

.lightbox img {
	max-width: 90%;
	max-height: 80vh;
	margin-bottom: 20px;
}

.lightbox .controls {
	display: flex;
	gap: 20px;
}

.lightbox button {
	background: #fff;
	border: none;
	padding: 10px 15px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 5px;
}

.lightbox .close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 30px;
	color: white;
	cursor: pointer;
}


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

.u_table th,
.u_table td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.u_table th {
	background-color: #fff6ed;
	color: black;
}

.u_table tr:nth-child(even) {
	background-color: #f9f9f9;
}

.u_table tr:hover {
	background-color: #f1f1f1;
}

.download__a {
	text-decoration: none;
}

.bihar_planning_form_inner {
	max-width: 700px;
	margin: 0 auto;
}

.datalab_shadow_box1 
{
	background: #FFFFFF;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 7px;
	padding: 30px;
	text-align: center;
	margin-left: 38%;
	margin-right: 38%;
}

@media (max-width: 600px) {
	table {
		font-size: 14px;
	}
}

@media (max-width: 900px) {
	.footer-top {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
		padding: 0 12px;
	}

	.footer-logos {
		justify-content: flex-start;
	}

	.footer-bottom {
		flex-direction: column;
		gap: 8px;
		padding: 10px 12px;
	}
}



/* 09-06-2025 */
.user__box {
	background: #F9F9F9;
	box-shadow: 0px 0px 33px rgba(121, 121, 121, 0.12);
	border-radius: 3px 3px 0px 0px;
	width: max-content;
	position: absolute;
	right: 15px;
	transform: translateY(15px);
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}

.user_dropdown:hover .user__box {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}

img.user_icon {
	height: 40px;
}

.sign__out {
	height: 20px !important;
	margin-right: 5px;
}

.head-sticky {
	position: sticky;
	top: 0;
	z-index: 10;
}

.header-bar {
	z-index: 9;
}

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

.user__box ul li:first-child {
	background: #fdb84f;
	color: #fff;
	padding: 10px 20px;
	border-radius: 3px 3px 0px 0px;
	text-align: center;
	font-family: Poppins-medium;
}

.user__box ul li:hover i {
    filter: invert(1);
}

.user__box ul li:first-child:hover {
    cursor: unset;
    background: #fdb84f;
}

.user__box ul li {
	background: #ffffff;
	padding: 10px 20px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: .5s;
}

.user__box ul li:hover {
	background: #0c2875;
}

.user__box ul li:hover a {
	color: #fff;
}

.user__box ul li:last-child:hover .sign__out {
	filter: invert(1);
}

.user__box ul li span {
	margin-top: -3px;
}

.user__box ul li a {
	color: #0c2875
}

.lab_heading span {
	color: #0c2875;
	font-family: Poppins-semibold;
}

img.heading_bar {
	width: 150px;
	margin-top: 2px;
}

/* Sidebar CSS*/

img.arrow {
	margin: 0 0 0 auto;
}

.full_width {
	display: flex;
	width: 100%;
	background: #f5f8ff;
}

aside.lab_sidebar {
	position: fixed;
	top: 80px;
	left: 0;
	width: 300px;
	height: 85%;
	max-height: calc(100% - 40px);
	overflow: auto;
	transition: all 0.5s ease;
	background: #fff;
	padding: 15px;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
}

.lab_data_container {
	position: relative;
	    left: 300px;
	    padding: 30px;
	    min-height: calc(100vh - 120px);
	    width: calc(100% - 300px);
	    transition: all 0.5s ease;
}

.p_menu {
	display: flex;
	text-align: center;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #edecec;
	background: rgba(36, 34, 32, 0.04);
	position: relative;
	margin-bottom: 10px;
}

.lab_sub_menu {
	margin-left: 40px;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-top: -5px;
	display: none;
	position: relative;
}

.lab_sub_menu:before {
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
	width: 1px;
	height: calc(100% - 5px);
	background-color: #333;
}

.lab_sub_menu li {
	position: relative;
	padding: 0 !important;
	background: transparent !important;
	border: unset !important;
	margin: 0 !important;
	font-size: 14px;
}

.lab_sub_menu li:after {
	content: '';
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translate(0, -50%);
	height: .1px;
	width: 10px;
	background-color: #333;
}

aside.lab_sidebar li:hover .lab_sub_menu {
	display: block;
}

.lab_sub_menu a {
	color: #333;
}

.p_menu.menu_active,
.p_menu:hover {
	background: rgba(96, 165, 250, 0.20) !important;
	border-left: 3px solid #0c2875 !important;
	color: #0c2875;
	transform: scale(1.05);
}

.p_menu.menu_active {
	transform: unset;
}

.grad {
	position: absolute;
	opacity: 0.48;
	background: radial-gradient(50% 50% at 50% 50%, rgba(0, 136, 255, 0.54) 0%, rgba(0, 64, 255, 0.00) 100%);
	filter: blur(20px);
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
}

aside.lab_sidebar ul li span {
	padding-left: 9px;
	color: #333;
}

aside.lab_sidebar ul li:hover span {
	color: #0c2875;
}

.expand_icon {
	display: none;
}

.footer_inner {
	position: sticky;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 14px;
	background-color: #0c2875;
	text-align: center;
	color: #fff;
}

/* Sidebar Collapse CSS */
.lab_collapse .lab_sidebar {
	width: 75px;
}

.lab_sidebar span {
	transition: all 1s ease;
}

.lab_collapse .lab_sidebar span {
	transition: all 1s ease;
	display: none;
}

.lab_collapse .lab_data_container {
	left: 75px;
	width: calc(100% - 75px);
}

.lab_collapse aside.lab_sidebar ul li {
	justify-content: center;
}

.lab_collapse .collapse_icon {
	display: none;
}

.lab_collapse .expand_icon {
	display: block;
}

.lab_collapse .collapse_bar {
	left: 75px !important;
}

.collapse_bar {
	position: fixed;
	left: 300px;
	top: 90px;
	cursor: pointer;
	z-index: 10;
}

/* Tiles CSS */
.tiles_box {
	border-top: 7px solid #0c2875;
	background: #FFFFFF;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 15px;
	padding: 10px 15px;
	transition: .5s;
	height: 100%;
	min-height: 190px;
	position: relative;
}

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

.tiles_head {
	justify-content: space-between;
	align-items: center;
	color: #0c2875;
}

.tiles_head h6,
.tiles_kpis h5 {
	font-family: Poppins-semibold;
}

.tiles_kpis {
	justify-content: space-between;
	align-items: center;
}

.tiles_kpis p,
.tiles_head h6,
.tiles_kpis h5 {
	margin: 0;
}

.tiles_kpis h5 {
	color: #0c2875;
	font-size: 15px;
}

.tiles_box hr {
	margin: 10px 0px;
}

.tiles_footer li {
	padding: 2px 7px;
	background: #d7e2ff;
	margin-right: 5px;
	border-radius: 4px;
	font-size: 14px;
	font-family: Poppins-medium;
}

.tiles_footer button {
	background: #0c2875;
	background: linear-gradient(to left, #0c2875 50%, #fdb84f 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 1s ease;
	color: #fff;
	border: unset;
	border-radius: 3px;
	padding: 3px 10px 5px 20px;
	font-size: 15px;
	transition: .5px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 15px;
}

.tiles_footer button a {
	color: #fff;
}

.tiles_footer button:hover {
	background-position: left bottom;
}

.tiles_footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}

.single {
	margin-top: 25px;
}

.tiles_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ddd;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 15px;
}

/* 09-06-2025 CSS End */

/* 10-06-2025 Slider CSS Start */
.stats_container {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.stats_row {
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%;
	max-width: 100vw;
}

.stats_row::-webkit-scrollbar {
	display: none;
}

.stat_card {
	min-width: 24%;
	box-sizing: border-box;
	padding: 20px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #f9f9f9;
	flex-shrink: 0;
}

.stat_card:hover {
	opacity: 90%;
	transform: scale(1.03);
	border-radius: 10px;
}

.hero-slider:hover {

	transform: scale(1.03);
}

.stat-title {
	font-family: Poppins-medium;
	color: #183153;
}

.stat-value {
	font-family: Poppins-semibold;
}

.yrs {
	font-size: 13px;
	color: #999999;
	margin-bottom: 7px;
	font-family: Poppins-medium;
}

.stats-slider_bihar-Btn_bihar {
	position: absolute;
	width: 30px;
	height: 30px;
	padding: 0;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	z-index: 1;
	background-color: #ffffff94;
	border: 1px solid #ababab;
	cursor: pointer;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.stats-slider_bihar-Btn_bihar span {
	font-family: Poppins-semibold;
	font-size: 20px;
}

#statsPrevBtn,
#statsNextBtn {
	cursor: pointer;
	opacity: 1;
	visibility: visible;
}

#statsPrevBtn_bihar {
	left: -15px;
}

#statsNextBtn_bihar {
	right: 0;
}

.low_rate {
	color: red;
}

.growth_rate {
	color: #388e3c;
}

.ul_datalab li {
	margin-bottom: 15px;
}

.data_logs .tiles_footer {
	margin-top: 10px;
	border: unset;
	position: inherit;
}

/* .data_logs .tiles_footer button {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: unset;
    background: linear-gradient(to bottom, #0c2875 50%, #fdb84f 50%);
    background-size: 100% 200%;
    background-position: top left;
    padding-left: 10px;
}

.data_logs .tiles_footer button:hover {
    background-position: bottom left;
} */

.data_logs:hover {
	transform: unset;
	box-shadow: 0px 4px 17px rgb(0 0 0 / 50%);
}

.tiles_box.data_logs {
	min-height: auto;
	padding-bottom: 0px;
	padding-right: 0px;
	border-radius: 8px;
	background: linear-gradient(108deg, #cfdcff 5.44%, rgba(205, 225, 255, 0.56) 48.42% 48.42%);
	border: 1px solid #bdcfff;
	border-top: 3px solid #0c2875;
}

.tiles_box.data_logs td {
	line-height: 20px;
	padding-left: 10px;
}


.delay {
	background: #fdeded;
	border: 1px solid #ffc6c6;
}

.on_time {
	background-color: #f4fff4;
	border: 1px solid #75fb9e;
}


.pending {
	background-color: #fdfaf0;
	border: 1px solid #fddd69;
}

.wwd {
	background-color: #fcffe0;
	border: 1px solid #e6f375;
}

.delay .tiles_footer button {
	background: #d15d5d;
}

.on_time .tiles_footer button {
	background: #31a955;
}

.pending .tiles_footer button {
	background: #cd9f07;
}

.wwd .tiles_footer button {
	background: #a2ad3f;
}

.view_data_logs .tiles_footer {
	position: inherit;
}

.tiles_box.view_data_logs {
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 10px;
	min-height: auto;
}

.view_data_logs .tiles_footer button {
	padding-left: 20px;
}

.tiles_box {
	font-size: 14px;
}

/* 12-06-25 Swez*/
.chart-container {
	 text-align: start;
	margin: 0 auto 20px;
	background-color: #f1f1f5;
}

.chart-container canvas {
	width: 70% !important;
	height: auto !important;
	aspect-ratio: 1/1;
}

.agri_graph {
	width: 100%;
}

.kpmg_logo {
	height: 20px;
	;
}

/*Added by Ashu on 13/06/2025*/
iframe {
	border: none;
	width: 100%;
	height: 100%;
	display: block;
}

/* Optional: Make it responsive inside a container */
.iframe-container {
	position: relative;
	width: 100%;
	height: 100vh;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
}

.active_menu {
	background: #0c2875;
	color: #fff !important;
	border-radius: 4px;
}

/*By Swez on 18th June*/
#statsslider_bihar {
	padding-right: 34px;
	scroll-behavior: smooth;
}


.stat_card {
	flex: 0 0 auto;
	width: 240px;
	margin-right: 21px;
	box-sizing: border-box;
}

#statsslider_bihar::after {
	content: '';
	flex: 0 0 16px;
}

.spacer_card {
	flex: 0 0 auto;
	width: 24px;
	background: transparent;
}

/*By Ashu 18th June */



.box_datalab_content {
	padding: 13px 20px;
	text-align: left;
}

.box__dataLab {
	position: relative;
	height: 100%;
	padding: 15px 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	display: flex;
	flex-direction: column;
	transition: 0.3s ease-in-out;
	width: 100%;
	pointer-events: all;
}

.dataLab_container {
	padding: 0 12em;
}

body {
	margin: 0;
	font-family: var(--bs-font-sans-serif);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

.topMargin {
	margin-top: 20px;
}


.table-container table {
	width: 70%;
	margin: 0 auto;
	/* Centers it horizontally */
}

.table-container {
	width: 100%;
	display: flex;
	justify-content: center;
	/* Optional: centers any child block element */
}

table ul {
	list-style-type: disc;
	/* shows bullet dots */
	padding-left: 20px;
	/* add left padding so bullets are visible */
	margin: 0;
}

.table th {
	background-color: #fff6ed;
	color: black;
}

.min_sec_box {
	width: 80%;
	margin: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -185px;
}

.min_text h5 {
	font-family: Gotham-medium;
}

.min_text_name h6 {
	position: relative;
}

.min_text_name h6:before {
	content: '';
	position: absolute;
	left: 0;
	top: -8px;
	width: 34px;
	height: 3px;
	background: #fa8620;
}

.min_text_name p {
	line-height: 1.5;
	color: #6c4744;
	font-weight: 600;
	font-size: 13px;
}

.min_text_name h6 span {
	font-family: Gotham-medium;
}

.min_text {
	margin-right: 3rem;
}

.nicsi_shadow_box {
	background: #FFFFFF;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 7px;
	min-height: 200px;
	padding: 30px;
	height: 100%;
	position: relative;
}

.nicsi_shadow_box1 {
	background: #FFFFFF;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 7px;
	padding: 30px;
}

.nicsi_shadow_box_container {
	margin-bottom: 2em;
}

.chart_right_side .nicsi_shadow_box1.bg-light-orange {
	float: right;
	clear: both;
	margin-right: -50px;
}

.chart_left_side .nicsi_shadow_box1.bg-light-orange {
	margin-left: -50px;
}

li.officers_list .nicsi_shadow_box1 {
	position: relative;
}

li.officers_list .nicsi_shadow_box1:before,
.chart_right_side li.officers_list .nicsi_shadow_box1:before {
	content: '';
	position: absolute;
	left: -4em;
	width: 4em;
	height: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: #fa8620;
	box-shadow: 0px 4px 13px rgb(0 0 0 / 18%);
	z-index: 1;
}

.chart_right_side li.officers_list .nicsi_shadow_box1:before {
	right: -4em;
	left: unset;
}

.nicsi_shadow_box1_inner {
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	border-radius: 7px;
	background: #fff6ed;
	margin-left: 4em;
	position: relative;
}

.chart_left_side .nicsi_shadow_box1,
.chart_right_side .nicsi_shadow_box1 {
	box-shadow: 0px 0px 27px rgba(31, 31, 31, 0.13);
}

.nicsi_shadow_box1_inner:before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 5px;
	height: 2em;
	top: -27px;
	background: #fa8620;
	box-shadow: 0px 4px 13px rgb(0 0 0 / 18%);
	z-index: -1;
}

li.officers_list .nicsi_shadow_box1::after {
	content: '';
	position: absolute;
	left: calc(-4em + -6px);
	width: 14px;
	height: 14px;
	background: #6c4744;
	border-radius: 50%;
	border: 3.5px solid #fff;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 20%);
}

.chart_right_side li.officers_list .nicsi_shadow_box1::after {
	right: calc(-4em + -6px);
	left: unset;
}

.officers_list .nicsi_shadow_box1:hover .officers_details,
.officers_list .nicsi_shadow_box1_inner:hover .officers_details {
	opacity: 1;
	transform: translateY(-10px);
	pointer-events: all;
}

.min_sec {
	display: flex;
	align-items: center;
	min-height: auto;
	padding: 15px;
	background: #fff6ed;
	justify-content: center;
}

.min_sec img {
	min-width: auto;
	height: 110px;
	margin-right: .7em;
	transform: scaleX(-1);
}

.min_sec p {
	margin-bottom: 0;
}

.min_sec_box {
	width: 80%;
	margin: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -16px;
}

.min_text h5 {
	font-family: Gotham-medium;
}

.min_text_name h6 {
	position: relative;
}

.min_text_name h6:before {
	content: '';
	position: absolute;
	left: 0;
	top: -8px;
	width: 34px;
	height: 3px;
	background: #fa8620;
}

.min_text_name p {
	line-height: 1.5;
	color: #6c4744;
	font-weight: 600;
	font-size: 13px;
}

.min_text_name h6 span {
	font-family: Gotham-medium;
}

.min_text {
	margin-right: 3rem;
}

.min_sec-2 {
	display: none;
}

.min_sec-fadeOut {
	display: none;
}

.min_sec-2-fadeIn {
	display: flex;
}

.leader-card img {
	border-radius: 12px;
	width: 100%;
	height: auto;
}

.leader-card h6 {
	margin-top: 10px;
	font-weight: 600;
}

.leader-card p {
	margin: 0;
}

.btn-custom {
	background-color: #397ea8;
	color: white;
	border: none;
	padding: 10px 25px;
	border-radius: 5px;
}

.btn-custom:hover {
	background-color: #2f6a8c;
}

.btn-custom {
	background: #1976d2;
	color: white;
}

.box {
	background-color: #f0f0f0;
	border: 2px solid #ccc;
	padding: 40px 20px;
	text-align: center;
	border-radius: 8px;
	font-size: 1.2rem;
	font-weight: 500;
}

.org-structure-section {
	padding: 60px 20px;
	background-color: #f9f9f9;
}

.org-structure-section h2 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #1b2d4f;
}

.org-structure-section p {
	font-size: 1.1rem;
	color: #444;
	max-width: 850px;
}

.org-cards>div {
	text-align: center;
}

.org-cards img {
	width: 180px;
	border-radius: 10px;
}

/*for map */
.map-container {
	max-width: 800px;
	margin: 40px auto;
	background: rgb(230, 231, 241);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow: hidden;
}

.map-container.set_height {
	/*height:250px;*/
	margin-top: 0px;
	margin-left: -129px;

}

.map-header {
	padding: 16px;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
}

.svg_dist {
	width: 90%;
	display: block;
	margin-top: 0px;
	/*background-color: rgb(230, 231, 241);*/
	border-radius: 25px;
}

.svg_dist.path {
	cursor: pointer;
	fill: #cfe2f3;
	stroke: #666;
	stroke-width: 0.5;
	transition: fill 0.2s, stroke 0.2s;
}

.svg_path:hover {
	fill: #FFD700;
	stroke: #FF6600;
	stroke-width: 1;
	filter: drop-shadow(0 0 6px #ff0);
}

#infoBox {
	padding: 16px;
	/* font-size: 1.2rem; 
			  line-height: 27px;
		      border-top: 1px solid #ddd;
			  width: 801px;*/
}

.svg_path.district {
	stroke: white;
	stroke-width: 2;
}

.tabs {
	display: flex;
	justify-content: center;
	gap: 0;
	margin: 24px 0 14px 0;
	border-bottom: none;
}

.tab-button {
	background: #fff;
    border: 1.5px solid #d3d3d3;
    color: #222;
    font-family: Poppins-semibold, Arial, sans-serif;
    font-size: 0.75rem;
    min-width: 215px;
    margin: 0 8px 0 0;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border 0.2s;
    outline: none;
    justify-content: center;
    border-radius: 25px;
	padding: 10px 0;
}

.tab-button:last-child {
	margin-right: 0;
}

/* Active tab: blue background, white text, no bottom border */
.tab-button.active {
	background: #0c2875;
	color: #fff !important;
	border: 1.5px solid #0c2875;
	border-bottom: none;
	position: relative;
	z-index: 2;
}

/* To visually "connect" the active tab with the content below */
.tabs {
	/*border-bottom: 1.5px solid #d3d3d3;*/
	position: relative;
	z-index: 1;
}

.tab-button:not(.active):hover {
	background: #e3f0ff;
	color: #0c2875;
	border-color: #0c2875;
}

/* Remove the gap between the active tab and the content box below */
 

@media (max-width: 900px) {
	.tab-button {
		min-width: 60px;
		font-size: 0.70rem;
		padding: 6px 0;
	}
}

@media (max-width: 700px) {
	.tab-button {
		font-size: 0.68rem;
		padding: 6px 0;
	}
}

/* Center the About Us tab contents */
.about-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tab-content {
	display: none;
	background: #fff;
	border-radius: 0 0 12px 12px; 
	padding: 32px 24px;
	margin-bottom: 32px; 
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	justify-content: center;
}

.tab-content:first-of-type {
	display: block;
}
 

.tab-text {
	flex: 2 1 320px;
	text-align: center;
}

.tab-image {
	flex: 1 1 220px;
	text-align: center;
}

.tab-image img {
	max-width: 260px;
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	margin: 0 auto;
	display: block;
}

@media (max-width: 900px) {
	.tab-flex {
		flex-direction: column;
		gap: 16px;
	}

	.tab-image img {
		max-width: 100%;
	}

	.tab-content {
		padding: 18px 6px;
	}
}
 
/* Make header text white */
.header-bar .data_lab h3,
.header-bar .data_lab h3.mb-0 {
	color: #fff !important;
}

/* Make footer stick to the bottom */

.footer-main {
	margin-top: auto;
}

.language {
	border: none;
	outline: none;
	background: transparent;
	/* optional */
	appearance: none;
	/* removes OS default styling in some browsers */
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-left: 20px;
}

.chart-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	/* reduce this gap for tighter layout */
	padding: 10px 15px;
	flex-wrap: wrap;
}

.chart-box {
	background: #f7f7f7;
	border-radius: 15px;
	padding: 10px 10px 5px;
	flex: 1 1 30%;
	max-width: 33%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
	min-width: 300px;
}

[15:35,
23/7/2025] Swez: .pie-tabs {
	display: flex;
	gap: 6px;
	margin-top: 6px;
}

.pie-tab {
	flex: 1;
	padding: 6px 8px;
	font: 600 13px Arial, sans-serif;
	background: #f3f3f3;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
}

.pie-tab.active {
	background: #fff;
	border-color: #7cb342;
}

.boxone {
	background: #7f5f5d;
	color: #fff;
	padding: 3px 5px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.top_header a,
.text__resize span {
	color: black;
}

.font-button {
	cursor: pointer;
}

.pie-tabs {
	display: flex;
	gap: 6px;
	margin-top: 6px;
}

.pie-tab {
	flex: 1;
	padding: 6px 8px;
	font: 600 13px Arial, sans-serif;
	background: #f3f3f3;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: 0px;
}

.pie-tab.active {
	background: #7cb342;
	/* green background */
	color: #fff;
	/* white text for contrast */
	border-color: #558b2f;
	/* darker green border */
	font-weight: 700;
	/* slightly bolder text */
	box-shadow: 0 2px 6px rgba(124, 179, 66, 0.5);
}

.boxone {
	background: #7f5f5d;
	color: #fff;
	padding: 3px 5px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.top__header a,
.text___resize span {
	color: black;
}

.font-button {
	cursor: pointer;
}

.district {
	fill: #0C2875;
	/* default color */
	cursor: pointer;
	transition: fill 0.3s;
}

.district:hover {
	fill: rgb(120, 112, 241);
	/* hover highlight */
}

/* Active class to keep highlight after click */
.district.active {
	fill: #7cb342 !important;
}

.pie-tabs {
	display: flex;
	gap: 6px;
	margin-top: 6px;
}

.pie-tab {
	flex: 1;
	padding: 6px 8px;
	font: 600 13px Arial, sans-serif;
	background: #f3f3f3;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
}

.pie-tab.active {
	background: #7cb342;
	/* green background */
	color: #fff;
	/* white text for contrast */
	border-color: #558b2f;
	/* darker green border */
	font-weight: 700;
	/* slightly bolder text */
	box-shadow: 0 2px 6px rgba(124, 179, 66, 0.5);
	/* subtle green glow */
}

.blink-red {
	color: red;
	animation: blink 1s infinite;
}

@keyframes blink {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

.sitemap-flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	min-height: 100vh;
}

.sitemap-menu {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 16px rgba(24, 49, 83, 0.08);
	margin: 40px 0 40px 40px;
	padding: 32px 32px 32px 32px;
	min-width: 340px;
	max-width: 400px;
}

.sitemap-menu h2 {
	font-size: 1.5em;
	margin-bottom: 18px;
	color: #222;
}

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

.sitemap-list>li {
	margin-bottom: 18px;
	font-size: 1.1em;
	height: 40px;
}

.sitemap-link,
.sitemap-home {
	display: inline-flex;
	align-items: center;
	background: #fff;
	color: #222;
	font-weight: 500;
	border-radius: 8px;
	padding: 8px 15px;
	margin-bottom: 10px;
	font-size: 0.8em;
	text-decoration: none;
	border: 1.5px solid #eee;
	box-shadow: 0 2px 8px #e0e0e0;
	transition:
		background 2.2s cubic-bezier(.4, 2, .6, 1),
		color 2.2s cubic-bezier(.4, 2, .6, 1),
		border 2.2s cubic-bezier(.4, 2, .6, 1),
		box-shadow 2.2s cubic-bezier(.4, 2, .6, 1),
		transform 2.2s cubic-bezier(.4, 2, .6, 1);
}

.sitemap-link:hover,
.sitemap-home:hover {
	background: #093f8f;
	color: #fff;
	border: 1.5px solid #052c65;
	box-shadow: 0 12px 32px #052c6522;
	transform: translateX(22px) scale(1.08);
	text-decoration: none;
}

.sitemap-home img {
	width: 22px;
	height: 22px;
	margin-right: 10px;
	vertical-align: middle;
}

.sitemap-title {
	flex: 1;
	margin: 40px 0 0 60px;
	text-align: left;
}

.sitemap-title h1 {
	color: #222;
	font-size: 2.3em;
	margin-bottom: 0;
	letter-spacing: 2px;
	font-weight: 600;
}

.sitemap-title .underline {
	display: block;
	width: 80px;
	height: 5px;
	background: #ff9800;
	margin: 8px 0 24px 0;
	border-radius: 3px;
	box-shadow: 0 2px 8px #ff980033;
}

@media (max-width: 900px) {
	.sitemap-flex {
		flex-direction: column;
		align-items: stretch;
	}

	.sitemap-title {
		margin: 24px 0 0 0;
		text-align: center;
	}

	.sitemap-menu {
		margin: 24px auto;
	}
}

.button_accept {
	background-color: #0b9128;
	color: white;
	border: 1px solid transparent;
	/* or use border-color: transparent; */
	border-radius: 9px;
}

.action-button-cancel {
	background-color: #ef5d4e;
	color: white;
	border: 1px solid transparent;
	/* or use border-color: transparent; */
	border-radius: 9px;
}

.action-button,
.button_accept,
action-button-cancel {
	display: inline-block;
	white-space: nowrap;
}

.org-flowchart {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.org-title-main { 
	font-weight: bold;
	background: #fff;
	color: #222;
	border: 3px solid #0c2875;
	border-radius: 12px;
	padding: 10px 80px; 
	text-align: center;
	letter-spacing: 2px;
	box-shadow: 0 2px 16px rgba(24, 49, 83, 0.08);
	width: fit-content;
	position: relative;
	cursor: pointer;
	transition: box-shadow 0.2s, border-color 0.2s;
}

.org-title-main:hover {
	box-shadow: 0 0 0 4px #c8e6c9;
	border-color: #2e7d32;
}

.org-connector-wrapper {
	position: relative;
	width: 60%;
	min-width: 600px;
	max-width: 900px;
	height: 56px;
	margin: 0 auto;
}

.org-connector-vert {
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 28px;
	border-left: 3px solid #0c2875;
	transform: translateX(-50%);
	z-index: 1;
}

.org-connector-vert-container {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.left-line {
	width: 0;
	height: 28px;
	border-left: 3px solid #0c2875;
}

.right-line {
	width: 0;
	height: 28px;
	border-right: 3px solid #0c2875;
}

.org-connector-horiz {
	position: absolute;
	top: 28px;
	left: 0;
	width: 100%;
	height: 0;
	border-top: 3px solid #0c2875;
	z-index: 1;
}

.org-top-row {
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 100px;
}

.org-label-box {
	width: 35%;
	font-weight: bold;
	background: #fff;
    border-radius: 5px;
    padding: 10px 60px;
    border: 3px solid; 
    text-align: center;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.org-label-box.left {
	color: #388e3c;
	border-color: #388e3c;
}

.org-label-box.left:hover {
	box-shadow: 0 0 0 4px #c8e6c9;
	border-color: #2e7d32;
}

.org-label-box.right {
	color: rgb(255, 193, 7);
	border-color: #ffc107;
}

.org-label-box.right:hover {
	box-shadow: 0 0 0 4px #ffcdd2;
}

.org-branch-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 95%;  
	gap: 50px;
	position: relative;
}

.org-branch-col_yellow {
	display: flex;
	min-width: 200px;
	flex-direction: column;
	align-items: center; 

}

.org-branch-col {
	display: flex;
	min-width: 200px;
	flex-direction: column;
	align-items: center; 
}

.org-branch-title {
	font-weight: bold;
    border-radius: 8px 8px 0 0;
    padding: 10px 15px;
    width: 100%;
    text-align: center;
    background: #388e3c;
    color: #fff;
    border: 2px solid #388e3c;
    border-bottom: none;
    position: relative;
    cursor: pointer;
	line-height: normal;
}

.org-branch-title.yellow {
	background: #ffc107;
	color: #222;
	border-color: #ffc107;
}

.org-role {
	background: #fff;
	color: #222;
	font-weight: 600;
    line-height: normal;
	border: 2px solid #388e3c;
	border-radius: 0 0 8px 8px;
	padding: 8px 5px;
	/* margin-bottom: 8px; */
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 0 1px 6px rgba(24, 49, 83, 0.06);
	position: relative;
	cursor: pointer;
	transition: box-shadow 0.2s, border-color 0.2s;
}

.org-role:hover {
	box-shadow: 0 0 0 4px #c8e6c9;
	border-color: #2e7d32;
	z-index: 2;
}
/* .org-role:last-child:hover .org-tooltip {
    
    top: unset;
    bottom: 40px;
} */
.org-role.yellow {
	border-color: #ffc107;
}

.org-role.yellow:hover {
	box-shadow: 0 0 0 4px #ffe082;
	border-color: #b28704;
}

.org-line {
	width: 2px;
	height: 18px;
	background: #388e3c;
	margin: 0 auto;
}

.org-line.yellow {
	background: #ffc107;
}

.org-branch-connectors {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 98%; 
	margin-top:30px;
	position: relative;
	height: 0;
	z-index: 0;
}

.org-branch-connector {
	flex: 1 1 0;
	position: relative;
	min-width: 180px;
	max-width: 260px;
	height: 0;
}

.org-branch-connector .vert {
	position: absolute;
	left: 50%;
	/* fixed from 2% to 50% */
	top: -32px;
	width: 0;
	height: 64px;
	border-left: 3px solid #388e3c;
	transform: translateX(-50%);
	z-index: 1;
}

.org-branch-connector.yellow .vert {
	border-left: 3px solid #ffc107;
}

.org-tooltip_yellow {
	visibility: hidden;
	opacity: 0;
	background: #beafaf;
	color: #fff;
	text-align: left;
	border-radius: 10px;
	padding: 14px 22px;
	position: absolute;
	z-index: 10;
	left: 50%;
	top:42px;
	transform: translateX(-50%);
	transition: opacity 0.2s;
	font-size: 1.1em;
	font-family: 'Segoe UI', Arial, sans-serif;
	font-weight: 500;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
	border: 2px solid #ffc107;
	min-width: 400px;
	max-width: 340px;
	line-height: 1.6;
	/* pointer-events: none; */
	white-space: normal;
	max-height: 180px;
	overflow-y: auto;
}

.org-tooltip {
	visibility: hidden;
	opacity: 0;
	background: #fff;
    color: #5e5e5e;
    text-align: left;
    border-radius: 10px;
    padding: 10px 15px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 42px;
    transform: translateX(-50%);
    transition: opacity 0.2s;
    font-size: 13px;
    font-family: var(--bs-font-sans-serif);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    width: 300px;
    /* pointer-events: none; */
    white-space: normal;
    letter-spacing: normal;
	border: 1.5px solid #388e3c;
	max-height: 180px;
	overflow-y: auto;
}
.yellow .org-tooltip{
	border: 1.5px solid #ffc107;
}
.org-title-main:hover .org-tooltip,
.org-label-box.left:hover .org-tooltip,
.org-label-box.right:hover .org-tooltip,
.org-role:hover .org-tooltip,
.org-branch-title:hover .org-tooltip {
	visibility: visible;
	opacity: 1;
}

@media (max-width: 1200px) {

	.org-flowchart,
	.org-top-row,
	.org-branch-row {
		max-width: 100vw;
		width: 100vw;
		overflow-x: auto;
	}

	.org-title-main {
		font-size: 1.2em;
		padding: 8px 10vw;
	}

	.org-branch-col {
		min-width: 120px;
		width: 100%;
		max-width: 100vw;
	}
}

@media (max-width: 900px) {
	.org-branch-row {
		flex-direction: column;
		align-items: center;
	}

	.org-branch-col {
		width: 98vw;
		min-width: 0;
		max-width: 100vw;
	}
}

.bihar_tab .nav-link:hover {
	color: #fff;
	background: #0c2875;

}

.bihar_tab .nav-link {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: #1f1f1f;
	border-color: #e9ecef #e9ecef #dee2e6;
	border-bottom: unset;
	position: relative;
}

.bihar_tab .nav-link.active {
	background: #0c2875;
	color: #fff;
	border: unset;
}

.container_aboutUs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*							         border: 1px solid #003B5C;
*/
	border-left: none;
	border-radius: 6px;
	overflow: hidden;
	max-width: 1023px;
	font-family: Arial, sans-serif;
	margin: 20px auto 0;
}

.left-box_aboutUs {
	background-color: #0c2875;
	color: #f2ebeb;
	padding: 20px;
	min-width: 287px;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.right-box_aboutUs {
	background-color: #487a8a;
	color: white;
	padding: 20px;
	flex: 1;
}

.right-box_aboutUs ul {
	margin: 0;
	padding-left: 20px;
	text-align: start;
}

.right-box_aboutUs li {
	margin-bottom: 10px;
}

@media (max-width: 600px) {
	.container_aboutUs {
		flex-direction: column;
	}

	.left-box_aboutUs {
		border-bottom: 1px solid #003B5C;
	}
}


ul {
	list-style-type: disc;
	/* Ensures bullets are dots */
	padding-left: 1.5rem;
	/* Adds indentation for bullets to be visible */
	margin: 1rem 0;
	/* Optional: spacing around list */
}

.bullet-list {
	list-style-type: disc;
	padding-left: 1.5rem;
}

.csr_sub_content {
	position: relative;
	height: 100%;
	padding: 15px 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	display: flex;
	flex-direction: column;
	transition: 0.3s ease-in-out;
	/*font-weight: bold;*/
	padding: 13px 20px;
	text-align: left;
}

.shadow-box {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	/* X-offset, Y-offset, blur, color */
	border-radius: 8px;
	/* Optional: smooth corners */
	background-color: white;
	/* Optional: helps shadow stand out */
	padding: 1rem;
}

/* Public Data Access*/
.menu-btn,
.submenu-btn,
.subsubmenu-btn {
	color: #0a0a0a;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 1.2rem;
	/* width: 100%; */
	text-align: left;
	margin-top: 5px;
	font-weight: 600;
}

.menu-btn:hover,
.submenu-btn:hover,
.subsubmenu-btn:hover {
	background: #5c87b8;
	color: white;
}

.collapsible-content {
	display: block;
	max-height: 0;
	overflow: hidden;
	margin-left: 24px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 0 20px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(44, 64, 124, 0.08);
	border-radius: 8px;
	transition: max-height 1.2s cubic-bezier(0.47, 0, 0.745, 0.715), padding 1s;
	/* Increase duration for slower animation */
}

.collapsible-content.open {
	max-height: 500px;
	padding: 15px 20px;
	/* Max-height should be enough for your largest content */
}

.collapsible-content.open {
	display: block;
}

@keyframes fadein {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 600px) {
	.collapsible-content {
		padding: 10px;
	}

	.menu-btn,
	.submenu-btn,
	.subsubmenu-btn {
		font-size: .98rem;
		padding: 8px 10px;
	}
}

.public_data_access {

	padding: 20px;
	background-color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	box-shadow: 0px 0px 27px rgb(27 59 136 / 13%);
	margin: 16px auto 0 auto;
	margin-top: 30px;
}

.public_data_access .topMargin {
	margin-top: -22px;
}

.csr_pdf {
	padding: 0.3em 1em 0.4em 1.5em;
	border: unset;
	outline: unset;
	box-shadow: unset;
	font-family: Gotham-medium;
	position: absolute;
	right: 0;
	top: 106px;
	background: #fa8620;
	border-top-left-radius: 45px; 
}



 
 
.full-width-chart-wrapper {
	width: 100%;
	padding: 30px;
	background: #f5f5f5;
	border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.full-width-chart-wrapper canvas {
	width: 100% !important;
	height: 400px !important;
}

.graph-tab {
	padding: 7px 15px;
	border: none;
	background: #eee;
	cursor: pointer;
	border-radius: 5px;
}

.graph-tab.active {
	background: #0055aa;
	color: white;
}

.crop-tabs button,
.pie-tabs button {
	padding: 7px 15px;
	background-color: #f0f0f0;
	border: none;

	color: #000;
	cursor: pointer;
	border-radius: 5px;
	border-right: 1px solid #ddd;
	transition: background-color 0.2s;
}

.crop-tabs button:last-child,
.pie-tabs button:last-child {
	border-right: none;
}

.crop-tabs button.active,
.pie-tabs button.active {
	background-color: #0056b3;
	/* Blue like the one in the image */
	color: #fff;
}

parent-container {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

tab-container_state_hight_chart {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #e4e6ee;
	width: 50%;
	margin-left: 245px;
	border-radius: 25px;
}

.parent-container {
	overflow: hidden;
	/* or auto */
}

@media (max-width: 768px) {
	.tab-container_state_hight_chart {
		flex-direction: column;
		width: 95%;
		margin: 0 auto;
	}
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(5px);
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.modal_public_data {
	background-color: #fff;
	padding: 30px;
	border-radius: 8px;
	width: 600px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	z-index: 1000;
}

.modal-header_public_data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.close-btn {
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	color: #666;
}

.heading_division_main:before {
	content: '';
	position: absolute;
	left: -37px;
	height: 2px;
	width: 121%;
	top: 59%;
	transform: translateY(-50%);
	background: linear-gradient(to right, #FDB84F, #FDB84F);
	margin-top: 3px;
}




@media (max-width: 768px) {
	.decorative-line {
		width: 40%;
	}

	.heading-container h3,
	.heading-container h4 {
		font-size: 1rem;
	}
}

@media (max-width: 480px) {
	.decorative-line {
		width: 60%;
	}

	.heading-container h3,
	.heading-container h4 {
		font-size: 0.95rem;
	}
}

.catalogue-section {
	max-width: 1400px;
	margin: 0 auto;
	padding: 60px 24px 0 24px;
	text-align: center;
}

.catalogue-section h1 {
	font-size: 2.7rem;
	font-weight: 700;
	margin-bottom: 14px;
	color: #111827;
}

.catalogue-section p {
	font-size: 1.25rem;
	color: #6b7280;
	margin-bottom: 48px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.catalogue-cards {
	display: flex;
	gap: 36px;
	justify-content: center;
	flex-wrap: wrap;
}

.catalogue-card {
	background: #fff;
	border-radius: 32px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	padding: 40px 32px 32px 32px;
	width: 370px;
	min-width: 270px;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: box-shadow 0.2s, transform 0.2s;
}

.catalogue-card:hover {
	box-shadow: 0 8px 32px rgba(61, 78, 212, 0.10);
	transform: translateY(-4px) scale(1.02);
}

.catalogue-icon {
	width: 64px;
	height: 64px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	font-size: 2rem;
}

.icon-blue {
	background: #e8f0fe;
	color: #2563eb;
}

.icon-green {
	background: #e6f9ef;
	color: #22c55e;
}

.icon-purple {
	background: #f3e8ff;
	color: #a259e6;
}

.catalogue-card h2 {
	font-size: 1.45rem;
	font-weight: 700;
	margin: 0 0 12px 0;
	color: #111827;
}

.catalogue-card p {
	font-size: 1.08rem;
	color: #6b7280;
	margin: 0 0 24px 0;
	font-weight: 400;
}

.catalogue-link {
	color: #2563eb;
	font-weight: 600;
	text-decoration: none;
	font-size: 1.08rem;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s;
}

.catalogue-link:hover {
	color: #1d4ed8;
	text-decoration: underline;
}

@media (max-width: 1200px) {
	.catalogue-cards {
		gap: 18px;
	}

	.catalogue-card {
		width: 320px;
		padding: 32px 18px 24px 18px;
	}
}

@media (max-width: 900px) {
	.catalogue-cards {
		flex-direction: column;
		align-items: center;
	}

	.catalogue-card {
		width: 100%;
		max-width: 420px;
	}
}

.svg_path.district.main {
	fill: #007bff;
}

.inside_data {
	list-style: none;
}

.inside_data li {
	border-radius: 5px;
	background: #fff;
	margin: 5px;
	padding: 7px 10px;
	border: 1px solid #bbc9ef;
}

.h_line {
	margin: 2px auto;
	width: 42%;
	height: 2px;
	background: linear-gradient(to right, #0c2875, #FDB84F, #FDB84F, #0c2875);
}

/* Index pae css 31-07-2025 */
.error {
	color: red;
	font-size: 15px;
	margin-top: -9px;
}

.active_menu {
	background: #0c2875 !important;
	color: #fff !important;
	border-radius: 4px;
}

.login_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 999;
	backdrop-filter: blur(5px);
	/* Apply blur */
	-webkit-backdrop-filter: blur(5px);
	/* For Safari */
}

.login_popup {
	background: white;
	width: 90%;
	max-width: 400px;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.top-tabs {
	display: flex;
	height: 50px;
	background: #007bff;
}

.top-tabs button {
	flex: 1;
	background: none;
	border: none;
	color: white;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	padding: 12px 0;
	transition: background 0.3s;
}

.top-tabs button.active {
	background: #0056b3;
}

.login_popup-content {
	padding: 25px;
}

.login_popup-content form {
	display: none;
	flex-direction: column;
}

.login_popup-content form.active {
	display: flex;
}

input,
select {
	padding: 10px;
	margin: 10px 0;
	font-size: 16px;
}

button.submit-btn {
	padding: 10px;
	background: #007bff;
	color: white;
	border: none;
	cursor: pointer;
}

.close-btn {
	position: absolute;
	border: none;
	font-size: 20px;
	cursor: pointer;
	z-index: 1000;
	border-radius: 50%;
	margin-right: -14px;
	margin-top: -10px;
	width: 31px;
	top: 5px;
	right: 13px;
	background: transparent;
}

.login_popup-container {
	position: relative;
}

.submit__btn {
	padding: 10px;
	background: #007bff;
	color: white;
	border: none;
}


.overlay-gif {
	position: absolute;
	top: 20px;
	/* adjust as needed */
	right: 20px;
	/* adjust as needed */
	width: 100px;
	/* or whatever fits your design */
	z-index: 2;
	pointer-events: none;
	/* so it doesn't block clicks */
}

.main-hero {
	position: relative;
}

 
 

.tab-container_state_hight_chart {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 10px;
	background-color: #0c2875;
	border-radius: 25px;

}

.scroll-btn_state_hight_chart {
	background-color: #0c2875;
	color: white;
	border: none;
	padding: 8px 12px;
	cursor: pointer;
	border-radius: 4px;
	margin-left: 2px;
	border-radius: 25px;

}

.tabs-wrapper_state_hight_chart {
	overflow-x: auto;
	flex: 1;
	scroll-behavior: smooth;
}

.tabs_state_hight_chart {
	display: flex;
	gap: 10px;
	white-space: nowrap;
	padding: 10px;
}

.tab_state_hight_chart {
	padding: 10px 15px;
	background-color: #f4f4f4;
	border-radius: 5px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.2s;
}

.tab_state_hight_chart:hover {
	background-color: #d1e7dd;
}

.active {

	color: white;
}

.tabs-wrapper_state_hight_chart {
	overflow-x: auto;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
}

.tabs-wrapper_state_hight_chart::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Edge */
}



.modal_public_data {
	background: white;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	width: 100%;
	max-width: 600px;
	overflow: hidden;
}

.modal-header {
	background: #0c2875;
	color: white;
	padding: 15px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-title {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

.close-btn {
	background: none;
	border: none;
	color: white;
	font-size: 20px;
	cursor: pointer;
	padding: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-btn:hover {
	opacity: 0.8;
}

.modal-body {
	padding: 20px;
}

.form-group {
	margin-bottom: 20px;
}

.form-label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: #333;
	font-size: 14px;
}

.required {
	color: #0c2875;
}

.radio-group {
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
}

.radio-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.radio-item input[type="radio"] {
	margin: 0;
	width: 16px;
	height: 16px;
	accent-color: #0c2875;
}

.checkbox-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	margin-bottom: 10px;
}

.checkbox-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.checkbox-item input[type="checkbox"] {
	margin: 0;
	width: 16px;
	height: 16px;
	accent-color: #0c2875;
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.form-input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	transition: border-color 0.3s ease;
}

.form-input:focus {
	outline: none;
	border-color: #0c2875;
	box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
}

.captcha-container {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.captcha-image {
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 4px;
	font-family: monospace;
	font-size: 18px;
	letter-spacing: 2px;
	color: #666;
	user-select: none;
	min-width: 100px;
	text-align: center;
	height: 43px;
}

.captcha-refresh {
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
}

.captcha-refresh:hover {
	background: #e0e0e0;
}

.captcha-input {
	flex: 1;
	max-width: 200px;
}

.info-text {
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}

.mandatory-note {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}

.info-icon {
	width: 16px;
	height: 16px;
	background: #0c2875;
	border-radius: 50%;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: bold;
}

.download-btn {
	background: #0c2875;
	color: white;
	border: none;
	padding: 12px 24px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	float: right;
	transition: background-color 0.3s ease;
}

.download-btn:hover {
	background: #555;
}

.download-btn:disabled {
	background: #ccc;
	cursor: not-allowed;
}

.audio-btn {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	color: #666;
	padding: 4px;
}

.audio-btn:hover {
	color: #0c2875;
}

@media (max-width: 600px) {
	.form-row {
		grid-template-columns: 1fr;
	}

	.radio-group {
		flex-direction: column;
		gap: 10px;
	}

	.checkbox-grid {
		grid-template-columns: 1fr;
	}

	.captcha-container {
		flex-wrap: wrap;
	}

	.captcha-input {
		max-width: 100%;
	}
}

@media (max-width: 400px) {
	.modal-body {
		padding: 15px;
	}

	.captcha-container {
		flex-direction: column;
		align-items: flex-start;
	}
}

.toggle-button {
	width: 100%;
	text-align: left;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-radius: 6px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	cursor: pointer;
}

.toggle-content {
	display: none;
	margin-top: 16px;
	padding: 16px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.rotate-icon {
	transition: transform 0.3s;
}

.rotate-icon.rotated {
	transform: rotate(180deg);
}

.modal_public_data.toggle-content {
	width: fit-content;
	/* Or use a fixed width, e.g., 400px */
	margin-left: auto;
	margin-right: auto;
	display: none;
	/* Ensures the element responds to margin auto */
	
}

.table-container table {
	width: 70%;
	margin: 0 auto;
	/* Centers it horizontally */
}

.table-container {
	width: 100%;
	display: flex;
	justify-content: center;
	/* Optional: centers any child block element */
}

.container_bihar {
	max-width: 900px;
	/*margin: 40px auto;*/
	padding: 0 16px;
}

.title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
}

.title span {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
	padding: 8px 32px;
	font-size: 2em;
	font-weight: 700;
	color: #3d4ed4;
	border: 3px solid #3d4ed4;
	letter-spacing: 1px;
}

.cards-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.card {
	background: #fff;
	border-radius: 18px;
	height: 100%;
	font-size: 14px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
	border: 2px solid #e0e0e0;
	position: relative;
	transition: box-shadow 0.2s;
}

/* Colored borders for each card */
.card.blue {
	border-color: #3d4ed4;
}

.card.purple {
	border-color: #a259e6;
}

.card.yellow {
	border-color: #ffd600;
}

.card.red {
	border-color: #ff5252;
}

.card.cyan {
	border-color: #00bcd4;
}

.card.green {
	border-color: #4caf50;
}

.card-header {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	background: transparent;
}

.card-header .icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #f5f5fa;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3em;
	margin-right: 12px;
	border: 2px solid #eee;
}

.card-header .icon.blue {
	color: #3d4ed4;
}

.card-header .icon.purple {
	color: #a259e6;
}

.card-header .icon.yellow {
	color: #ffd600;
}

.card-header .icon.red {
	color: #ff5252;
}

.card-header .icon.cyan {
	color: #00bcd4;
}

.card-header .icon.green {
	color: #4caf50;
}

.card-header .title {
	font-size: 1.15em;
	font-weight: 600;
	color: #222;
	margin: 0;
	background: none;
	box-shadow: none;
	padding: 0;
	border: none;
}

.card-content {
	font-size: 1em;
	padding: 10px;
	color: #222;
}

.card-content .row p span {
	min-width: 50%;
	display: block;
}

.card-content .label {
	color: #666;
	font-weight: 400;
}

.card-content .value {
	font-weight: 500;
	color: #222;
}

.card-content .value.strong {
	font-weight: 700;
	color: #3d4ed4;
}

@media (max-width: 1100px) {
	.cards-grid {
		gap: 16px;
	}

	.card {
		width: 100%;
		min-width: 0;
	}
}

@media (max-width: 700px) {
	.cards-grid {
		flex-direction: column;
		gap: 12px;
	}

	.card {
		width: 100%;
		min-width: 0;
		padding: 18px 12px 12px 12px;
	}
}

.blink {
	animation: blinkAnim 1s infinite alternate;
}

@keyframes blinkAnim {
	0% {
		fill: #2E88C9;
	}

	100% {
		fill: #FFCC00;
	}

	/* blinking to yellow */
}

.rotate-icon {
	transition: transform 0.3s ease;
}

.rotate-icon.rotated {
	transform: rotate(180deg);
}

.modal-header_public_data {
	    background: #0c2875;
	    color: white;
	    padding: 6px 19px;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    width: 118%;
	    margin-left: -30px;
	    margin-top: -39px;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(5px);
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.modal_public_data {
	background-color: #fff;
	padding: 30px;
	border-radius: 8px;
	width: 600px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	z-index: 1000;
}

.modal-header_public_data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.close-btn {
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	color: #666;
}

.shs-dataset-row {
	display: flex;
	flex-direction: row;
	/* Horizontal alignment */
	align-items: flex-start;
	/* Align tops of charts */
	justify-content: center;
	/* Center the whole row */
	gap: 32px;
	/* Space between charts */
	padding: 0 0 24px 0;
	flex-wrap: nowrap;
	/* Prevent charts from wrapping on large screens */
	width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
	/* Allow scroll if content overflows */
}

/* Responsive behavior: Stack vertically below 900px */
@media (max-width: 900px) {
	.shs-dataset-row {
		flex-direction: column;
		align-items: center;
		gap: 16px;
		padding: 0 4vw 18px 4vw;
		flex-wrap: wrap;
		/* Allow wrapping if needed */
	}
}

.chart-container {
	width: 100% !important;
	min-width: 400px;
	min-height: 380px;
	height: 380px;
	overflow: visible !important;
	position: relative;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 0 2px 8px rgba(24, 49, 83, 0.06);
	/* Optional: subtle shadow */
}

.chart-container canvas {
	width: 100% !important;
	height: 85% !important;
	max-width: 100%;
	max-height: 80%;
	aspect-ratio: unset !important;
}
.resource{
	background-color: #02389c;
	color: #fff;
	padding: 7px 15px;
	border-radius: 5px;
	border: unset;
}
a.back-button {
    background: #0c2875;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 8px 0 0 8px;
    display: block;
    text-align: center;
    width: 90px;
    font-weight: 600;
	position: sticky;
    top: 130px;
}
.bihar_shadow_box{
	    background: #fff;
    border-radius: 20px;
    box-shadow: 0 6px 24px 0 rgba(35, 43, 59, 0.08);
	border: 1px solid #ddd;
}
.back-link {
					margin: 36px 0 0 60px;
					display: block;
					color: #6b7280;
					font-size: 1rem;
					text-decoration: none;
					font-weight: 500;
					letter-spacing: -0.5px;
				}

				.back-link:hover {
					text-decoration: underline;
					color: #3b82f6;
				}


				 
				.title {
					font-size: 2.3rem;
					font-weight: 700;
					margin-bottom: 18px;
					color: #232b3b;
					letter-spacing: -1px;
				}

				.desc {
					font-size: 1.18rem;
					color: #374151;
					margin-bottom: 18px;
					line-height: 1.6;
				}

				.desc2 {
					font-size: 1.05rem;
					color: #4b5563;
					margin-bottom: 8px;
					line-height: 1.6;
				}

				.desc3 {
					font-size: 1.05rem;
					color: #4b5563;
					margin-bottom: 0;
					line-height: 1.6;
				}

				.reports-card {
					background: #fff;
					border-radius: 20px;
					box-shadow: 0 6px 24px 0 rgba(35, 43, 59, 0.08);
					padding: 20px 30px;
					border: 1px solid #ddd;
				}

				.reports-title {
					font-size: 1.35rem;
					font-weight: 700;
					margin-bottom: 24px;
					color: #232b3b;
					text-align: center;
					margin-top: 10px;
				}

				.report-list {
					display: flex;
					flex-direction: column;
					gap: 18px;
				}

				.report-row {
					display: flex;
					align-items: center;
					background: #f8fafc;
					border-radius: 7px;
					padding: 10px 15px;
					border: 2px solid #dbe0ed;
					gap: 18px;

					transition: .5s;
				}

				.report-row:hover {
					transform: scale(1.03);
				}

				.report-icon {
					width: 38px;
					height: 38px;
					border-radius: 10px;
					background: #e6f9f2;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-right: 12px;
					color: #34d399;
					font-size: 1.5rem;
					flex-shrink: 0;
				}

				.report-info {
					flex: 1;
					display: flex;
					flex-direction: column;
					gap: 2px;
				}

				.report-title {
					font-weight: 700;
					font-size: 1.08rem;
					color: #232b3b;
				}

				.report-desc {
					font-size: 0.98rem;
					color: #6b7280;
				}

				.report-actions {
					display: flex;
					gap: 10px;
				}

				.btn {
					display: flex;
					align-items: center;
					gap: 6px;
					font-size: 1rem;
					font-weight: 600;
					border: none;
					border-radius: 7px;
					padding: 7px 18px;
					cursor: pointer;
					text-decoration: none;
					transition: background 0.15s;
				}

				.btn-pdf {
					background: #ef4444;
					color: #fff;
				}

				.btn-pdf:hover {
					background: #dc2626;
				}

				.btn-excel {
					background: #22c55e;
					color: #fff;
				}

				.btn-excel:hover {
					background: #16a34a;
				}

				.btn svg {
					width: 18px;
					height: 18px;
					vertical-align: middle;
				}

				@media (max-width: 800px) {

					.card,
					.reports-card {
						padding: 18px 8px 18px 8px;
					}

				}

				@media (max-width: 500px) {
					.title {
						font-size: 1.3rem;
					}

					.reports-title {
						font-size: 1.1rem;
					}

					.report-row {
						flex-direction: column;
						align-items: flex-start;
						gap: 10px;
					}

					.report-actions {
						width: 100%;
						gap: 8px;
					}
				}

				.box {
			background-color: #f9f9f9;
			border: 1px solid #ccc;
			padding: 20px;
			height: 100%;
			text-align: left;
			border-radius: 8px;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
		}

		.box ul {
			padding-left: 20px;
			/* ensures bullets are visible */
			list-style-type: disc;
			/* shows dot bullets */
			font-weight: normal;
			text-align: justify;
		}

		.box-title-strip {
			background: #00338e;
			;
			color: #fff !important;
			font-weight: bold;
			font-style: italic;
			border-radius: 8px 8px 0 0;
			padding: 12px 8px 10px 8px;
			margin: -20px -20px 12px -20px;
			/* aligns with .box padding */
			text-align: center;
			font-size: 1.08em;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.box-title-strip_1 {
			background: #00338e;
			color: #fff !important;
			font-style: italic;
			border-radius: 8px 8px 0 0;
			padding: 12px 8px 10px 8px;
			margin: -20px -20px 12px -20px;
			/* aligns with .box padding */
			text-align: center;
			font-size: 0.8em;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.box-title-strip_2 {
			background: #008ab8;
			color: #fff !important;
			font-style: italic;
			border-radius: 8px 8px 0 0;
			padding: 12px 8px 10px 8px;
			margin: -20px -20px 12px -20px;
			/* aligns with .box padding */
			text-align: center;
			font-size: 0.8em;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.box-title-strip_3 {
			background: #00b8f6;
			color: #fff !important;
			font-style: italic;
			border-radius: 8px 8px 0 0;
			padding: 12px 8px 10px 8px;
			margin: -20px -20px 12px -20px;
			/* aligns with .box padding */
			text-align: center;
			font-size: 0.8em;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.box-title-strip_4 {
			background: #1e49e2;
			color: #fff !important;
			font-style: italic;
			border-radius: 8px 8px 0 0;
			padding: 12px 8px 10px 8px;
			margin: -20px -20px 12px -20px;
			/* aligns with .box padding */
			text-align: center;
			font-size: 0.8em;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.box-title-strip_5 {
			background: #510dbc;
			color: #fff !important;
			font-style: italic;
			border-radius: 8px 8px 0 0;
			padding: 12px 8px 10px 8px;
			margin: -20px -20px 12px -20px;
			/* aligns with .box padding */
			text-align: center;
			font-size: 0.8em;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.box-title-strip_6 {
			background: #7892ee;
			color: #fff !important;
			font-style: italic;
			border-radius: 8px 8px 0 0;
			padding: 12px 8px 10px 8px;
			margin: -20px -20px 12px -20px;
			/* aligns with .box padding */
			text-align: center;
			font-size: 0.8em;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.box strong {
			color: inherit !important;
			font-style: inherit !important;
			display: inline;
			margin: 0;
		}

		.about_us_font {
			font-size: 0.8em;
		}
		button.chart_download_btn {
			
			width: fit-content;
    border: unset;
    background: #8da2dd;
    color: #fff;
    font-weight: 600;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 15px;
    font-size: 13px;
}
.center
{
	text-align: center;
}

/* Added on 6th Aug 25*/
.sectoral-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr); /* 10 per row */
  gap: 10px;
  padding: 0 30px; /* left-right margin */
}

.sectoral-card:hover 
{
  transform: scale(1.05);
  background-color: #dfeeff;
}
.sectoral-icon 
{
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 10px;
}
.sectoral-name 
{
  font-weight: 600;
  font-size: 14px;
  color: #333;
  word-wrap: break-word;
  margin-bottom:10px;
}
.sectoral-icon 
{
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}


/* Responsive rules */
@media (max-width: 992px) {
  .sectoral-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .sectoral-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .sectoral-grid {
    grid-template-columns: 1fr;
  }
}
.sidebar_public_data {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.card_public_data {
	background-color: #f9fbff;
	  padding: 20px;
	  border-radius: 10px;
	  border: 2px solid #1976d2; /* Blue border */
	  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
	  transition: transform 0.3s ease, background-color 0.3s ease;
}

.card_public_data:hover {
	transform: scale(1.03);
	 background-color: #e6f1ff;
	 border-color: #125aa3; /* Slightly darker on hover */
}

.card-header_public_data {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.card-icon_public_data {
  width: 35px;
  height: 35px;
  color: #1976d2;
}

.card-title_public_data {
  font-weight: 600;
  font-size: 16px;
}

.card-desc_public_data {
  font-size: 14px;
  margin-bottom: 10px;
  color: #555;
}

.card_public_data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* Ensure all tiles are same height */
  border: 1px solid #1976d2;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.card-link_public_data
{
	margin-top: auto;
	  text-align: center;
	  background-color: #becfe1;
	  color: black;
	  padding: 10px;
	  border-radius: 8px;
	  font-weight: 600;
	  text-decoration: none;
	  transition: background 0.3s ease;
}
.card-link_public_data:hover 
{
  background-color: #125aa3;
  color:white;
}

.card-link_public_data:hover {
  color: #fff;
}
@media (max-width: 992px) {
  .sidebar_public_data {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .sidebar_public_data {
    grid-template-columns: 1fr;
  }
}
.card-title-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 10px; /* spacing between icon and title */
  margin-bottom: 10px;
}

.card-icon_public_data {
  color: #125aa3;
  display: flex;
  align-items: center;
}

.card-title_public_data {
  font-size: 20px;
  font-weight: 900;
  color: #0c2875;
  
  
}
.sectoral-container {
      width: 802px;
      height: 475px;
      background: #d3d3d3;
      border-radius: 16px;
      box-sizing: border-box;
      padding: 48px 0 0 0;
      margin: 40px auto;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .sectoral-grid {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      grid-template-rows: repeat(2, 1fr);
          gap: 20px 20px;
      justify-items: center;
      align-items: center;
      margin: 0 auto 32px auto;
      /*width: 90%;*/
    }
   
    .view-more {
      position: absolute;
      right: 48px;
      bottom: 40px;
      color: #fff;
      background: #2563eb;
      font-weight: 500;
      font-size: 1.15rem;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 12px 28px;
      border-radius: 8px;
      box-shadow: 0 2px 8px 0 rgba(35, 43, 59, 0.10);
      border: none;
      transition: background 0.2s, color 0.2s;
    }
    .view-more:hover {
      background: #1746b3;
      color: #fff;
      text-decoration: underline;
    }
    @media (max-width: 900px) {
      .sectoral-container {
        width: 98vw;
        min-width: unset;
        padding: 20px 0 0 0;
      }
      .sectoral-grid {
        gap: 18px 12px;
        width: 98%;
      }
     
      .view-more {
        right: 18px;
        bottom: 18px;
        padding: 10px 18px;
        font-size: 1rem;
      }
    }
    @media (max-width: 600px) {
      .sectoral-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, 1fr);
      }
      .sectoral-card {
        width: 110px;
        height: 70px;
        font-size: 0.9rem;
      }
    }
	.sub-tiles-wrapper {
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  gap: 10px;
	 
	}

	.sub-tile {
	  background-color: #becfe1;
	  border-radius: 8px;
	  padding: 0px 6px;
	  text-align: center;
	  transition: background-color 0.3s ease;
	  cursor: pointer;
	 
	}

	.sub-tile:hover {
	  background-color: rgba(0, 123, 255, 0.15);
	}

	.icon-svg {
	  width: 24px;
	  height: 24px;
	  margin-bottom: 4px;
	}

	.icon-label {
	  font-size: 11px;
	  color: #333;
	  font-weight: 500;
	}

	/* "View more" tile styling */
	.view-more-tile {
	  background-color: #125aa3;
	  color: white;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  min-height: 80px;
	}

	.view-more-tile:hover {
	  background-color: #0d3f7e;
	}

	.sectoral-icon {
		display: inline-flex;
		 align-items: center;
		 justify-content: center;
		 background-color: #f0f0f0;  /* Optional: background of the circle */
		 border-radius: 50%;         /* Makes it a circle */
		 width: 40px;
		 height: 40px;
		 border: 1px solid #ccc;     /* Optional: light border */
		   /* optional border */
	}
	sectoral-icon svg 
	{
	  width: 20px;
	  height: 20px;
	}
	.sectoral-card {
	     
	     border-radius: 16px;
	     
	     display: flex;
	     flex-direction: column;
	     align-items: center;
	     justify-content: center;
	     box-shadow: 0 2px 8px 0 rgba(35, 43, 59, 0.06);
	     transition: box-shadow 0.18s;
	     cursor: pointer;
	 
	  width: 176px;
	         height: 90px;
			 background-color: #e3eaf6;
			 margin-top: 35px;
			   text-align: center;
			   padding: 15px;
			   transition: transform 0.2s ease, background-color 0.2s ease;
	   }
	   .sectoral-card:hover {
	     box-shadow: 0 6px 18px 0 rgba(35, 43, 59, 0.13);
	   }
	   .sectoral-icon {
	     font-size: 2.2rem;
	     margin-bottom: 10px;
	     color: #232b3b;
		 margin-top: -35px;
	     display: flex;
	     align-items: center;
	     justify-content: center;
	   }
	   .sectoral-label {
	     font-size: 1.15rem;
	     font-weight: 600;
	     color: #232b3b;
	     text-align: center;
	   }
	   .sectoral_data_home_page_img
	   {
			width: 20px;
			height: 20px;
			margin-top: 10px;
	   }
	   .blue-shadow-box {
	       
	       box-shadow: 0 4px 10px rgba(0, 123, 255, 0.5); /* Blue shadow */
	       
	     }
		 .tile i {
		   margin-top: 8px;
		   display: block;
		 }
		 .container_bihar {
		 	      max-width: 900px;
		 	      /*margin: 40px auto;*/
		 	      padding: 0 16px;
		 	    }
		 	    .title {
		 	      display: flex;
		 	      justify-content: center;
		 	      align-items: center;
		 	      margin-bottom: 24px;
		 	    }
		 	    .title span {
		 	      background: #fff;
		 	      border-radius: 16px;
		 	      box-shadow: 0 2px 8px rgba(0,0,0,0.07);
		 	      padding: 8px 32px;
		 	      font-size: 2em;
		 	      font-weight: 700;
		 	      color: #3d4ed4;
		 	      border: 3px solid #3d4ed4;
		 	      letter-spacing: 1px;
		 	    }
		 	    .cards-grid {
		 	      display: flex;
		 	      flex-wrap: wrap;
		 	      gap:10px;
		 	      justify-content: center;
		 	    }
		 	    .card {
		 			background: #fff;
		 							border-radius: 18px;
		 							height: 100%;
		 							font-size: 14px;
		 							box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
		 							border: 2px solid #e0e0e0;
		 							position: relative;
		 							transition: box-shadow 0.2s;
		 	    }
		 	    /* Colored borders for each card */
		 	    .card.blue { border-color: #3d4ed4;}
		 	    .card.purple { border-color: #a259e6;}
		 	    .card.yellow { border-color: #ffd600;}
		 		.card.blueWeb{border-color: #0c2875;}
		 	    .card.red { border-color: #ee9696; }
		 	    .card.cyan { border-color: #00bcd4;}
		 	    .card.green { border-color: #4caf50;}

		 	    .card-header {
		 	      display: flex;
		 	      align-items: center;
		 		  padding: 5px 10px;
		 		  background: transparent;
		 	    }
		 	    .card-header .icon {
		 	      width: 38px;
		 	      height: 38px;
		 	      border-radius: 50%;
		 	      background: #f5f5fa;
		 	      display: flex;
		 	      align-items: center;
		 	      justify-content: center;
		 	      font-size: 1.3em;
		 	      margin-right: 12px;
		 	      border: 2px solid #eee;
		 	    }
		 	    .card-header .icon.blue { color: #3d4ed4; }
		 	    .card-header .icon.purple { color: #a259e6; }
		 	    .card-header .icon.yellow { color: #ffd600; }
		 	    .card-header .icon.red { color: #ff5252; }
		 	    .card-header .icon.cyan { color: #00bcd4; }
		 	    .card-header .icon.green { color: #4caf50; }

		 	    .card-header .title {
		 	      font-size: 1.15em;
		 	      font-weight: 600;
		 	      color: #222;
		 	      margin: 0;
		 	      background: none;
		 	      box-shadow: none;
		 	      padding: 0;
		 	      border: none;
		 	    }
		 		.card-content {
		 						font-size: 1em;
		 						padding: 10px;
		 						color: #222;
		 					}

		 					.card-content .row p span {
		 						min-width:  66%;
		 						display: block;
		 					}
		 	     
		 	    .card-content .label {
		 	      color: #666;
		 	      font-weight: 400;
		 	    }
		 	    .card-content .value {
		 	      font-weight: 500;
		 	      color: #222;
		 	    }
		 	    .card-content .value.strong {
		 	      font-weight: 700;
		 	      color: #3d4ed4;
		 	    }
		 	    @media (max-width: 1100px) {
		 	      .cards-grid {
		 	        gap: 16px;
		 	      }
		 	      .card {
		 	        width: 100%;
		 	        min-width: 0;
		 	      }
		 	    }
		 	    @media (max-width: 700px) {
		 	      .cards-grid {
		 	        flex-direction: column;
		 	        gap: 12px;
		 	      }
		 	      .card {
		 	        width: 100%;
		 	        min-width: 0;
		 	        padding: 18px 12px 12px 12px;
		 	      }
		 	    }
		 		.blink {
		 		    animation: blinkAnim 1s infinite alternate;
		 		  }

		 		  @keyframes blinkAnim {
		 		    0% { fill: #2E88C9; }
		 		    100% { fill: #FFCC00; } /* blinking to yellow */
		 		  }
				  .row {
				  					    display: flex;
				  					    align-items: stretch; /* Makes all children equal height */
				  					}

				  					.col-md-6 {
				  					    display: flex;
				  					    flex-direction: column;
				  					}

				  					.card {
				  					    flex: 1; /* This makes the cards fill column height */
				  					}
									
									#showLogin { display: none !important; }									
/*Responsive Code By Ashu(13/08/2025)*/

.nav-links { display:flex; gap:16px; align-items:center; }
  .nav-links a { text-decoration:none; padding:6px 8px; }
  .active_menu { font-weight:600; border-bottom:2px solid #0c2875; }

  .search-box { display:flex; align-items:center; gap:6px; }
  .search-input { padding:6px 10px; }

  /* Hamburger base (hidden on desktop) */
  .hamburger {
    display:none;
    width:36px; height:32px; padding:6px;
    border:1px solid #ddd; background:#fff; border-radius:8px;
    align-items:center; justify-content:center; gap:4px; cursor:pointer;
  }
  .hamburger span {
    display:block; width:20px; height:2px; background:#222; transition:transform .2s, opacity .2s;
  }
  /* Animate to X when open */
  .hamburger.is-open span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .hamburger.is-open span:nth-child(2) { opacity:0; }
  .hamburger.is-open span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }

 
  .hamburger 
  {
    display: none; /* Hidden on desktop */
    flex-direction: column;   /* Stack lines vertically */
    justify-content: space-between; /* Even spacing between lines */
    width: 30px;
    height: 22px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }

  /* Hamburger lines */
  .hamburger span 
  {
    display: block;
    width: 100%;
    height: 3px;
    background: #222;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  /* Open state turns into "X" */
  .hamburger.is-open span:nth-child(1) 
  {
    transform: translateY(9px) rotate(45deg);
  }
  .hamburger.is-open span:nth-child(2) 
  {
    opacity: 0;
  }
  .hamburger.is-open span:nth-child(3) 
  {
    transform: translateY(-9px) rotate(-45deg);
  }

  /* Show only on mobile */
  @media (max-width: 768px) 
  {
	#search_box 
	{ 
		display: none !important; 
	}
	#hideLogin 
	{ 
		display: none !important; 
	}
	#showLogin 
	{ 
		display: block !important; 
	}
	.login__btn 
	{
		margin-top: 0px;
	    	height: 34px;
	    	width: 93px;
	}
	.nav-bar a 
	{
		
	    padding: 8px 20px 15px
	    font-size: 1rem;
	    height: 104%;
	}
	#nav_bar_top1 
	{ 
		display: none !important; 
	}
	.stat_card 
	{
		width: 300px !important;
		height: 139px !important;
		margin-right: 7px;
	}
	#statsPrevBtn_bihar 
	{
	    left: 1px !important;;
	}
	    .hamburger 
		{ 
			display:flex; 
		}
	    /* Stack: hamburger, home, search; links hidden initially */
	    .nav-links 
		{
	      display:none;
	      position:absolute; left:0; right:0; top:calc(79px + 48px); /* sticky top + approx navbar height */
	      background:#fff; border-bottom:1px solid #eee; border-top:1px solid #eee;
	      flex-direction:column; padding:8px 12px; gap:8px; z-index: 1000;
		  margin-top: -85px;
	    }
	    /* When open, show links */
	    .nav-bar.menu-open .nav-links 
		{ 
			display:flex; 
		}

	    /* Make search compact on mobile */
	    .search-box 
		{ 
			margin-left:auto; 
		}
	    .search-input 
		{ 
			max-width:120px; 
		}
    .hamburger 
	{
      display: flex;
    }
	.logo img 
	{
	    height: 52px;
	}
	.col-md-3
	{
		text-align: center;
	}
	.mb-0
	{
		font-size: 14px;
	}
	.h_line
	{
		width: 100%;
	}

	.main-hero-content h1 
	{
	    font-size: 1.5rem;
	}
	.nav-bar .search-box
	{
		padding: 2px 23px 2px 14px;
	}
	
	.p-3 
	{
	    text-align: justify;
	}

	.sub-tiles-wrapper 
	{

	    grid-template-columns: repeat(1, 1fr);
		}
  }
  .source
  {
	font-size:10px;
	color:grey;
  }
  button.chart_download_btn 
  {
  			
  			width: fit-content;
      border: unset;
      background: #8da2dd;
      color: #fff;
      font-weight: 600;
      border-radius: 5px;
      padding: 5px 15px;
      font-size: 13px;
  }
  .upload-container {
             max-width: 500px;
             margin: auto;
             background: #dee1e7;
             padding: 20px;
             border-radius: 10px;
             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
			 text-align: center;
         }
         .upload-label {
             display: flex;
             align-items: center;
             justify-content: center;
             padding: 15px;
             border: 2px dashed #888;
             border-radius: 8px;
             cursor: pointer;
             transition: 0.3s;
             background: #fafafa;
         }
         .upload-label:hover {
             border-color: #28a745;
             background: #f0fff4;
         }
         .upload-label i {
             font-size: 28px;
             margin-right: 10px;
             color: #28a745;
         }
         .upload-label span {
             font-size: 16px;
             color: #444;
         }
         input[type="file"] {
             display: none;
         }
         .file-name {
             margin-top: 15px;
             font-size: 14px;
             color: #555;
             font-weight: bold;
             word-wrap: break-word;
         }
         .submit-btn_upload {
             display: block;
             width: 100%;
             margin-top: 20px;
             padding: 12px;
             background: #28a745;
             border: none;
             color: #fff;
             font-size: 16px;
             font-weight: bold;
             border-radius: 6px;
             cursor: pointer;
             transition: 0.3s;
         }
         .submit-btn_upload:hover {
             background: #1e7e34;
         }
		 .submit-btn_report
		 {
		 	padding: 10px;
		     background: #0c2875;
		     color: white;
		     border: none;
		     cursor: pointer;
		     border-radius: 10px;
		}
		.right_div
		{
			text-align:right;
		}
		.blink___text
		{
			animation: blink 1s infinite;
		}
		@keyframes blink 
		{
		    0% { opacity: 1; }
		    50% { opacity: 0; }
		    100% { opacity: 1; }
		}