/* CSS */

.custom-header-text {
	font-size: 250%;
	color: #fff;


}

h3.banner-title.mb-2.mt-n-2 {
	color: white;
	text-align: left;
	margin-left: 174px;
}


a.download-link {
	color: blue;
	text-decoration: underline;
}

a.download-link:hover {
	color: #dc1d1d;
	text-decoration: underline;

}

.slider-container {
	width: 100%;
	position: relative;
}

.slide {
	width: 100%;
	display: none;
}

.slide-image {
	width: 100%;
	height: 80vh;
	object-fit: cover;
	filter: brightness(0.6);
}

.slide-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	text-align: center;
	padding: 1rem;
}

.slide-title {
	width: 100%;
	max-width: 50rem;
	color: white;
	font-size: 2rem;
	font-weight: 500;
	text-transform: capitalize;
}

.slide-desc {
	width: 100%;
	max-width: 50rem;
	color: lightgray;
	font-size: 1rem;
	font-weight: 300;
}

.slide-btn {
	color: black;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: 1rem;
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
	text-transform: capitalize;
	transition: ease 0.3s;
	margin-top: 73px;
	height: fit-content;
	width: fit-content;
}

.slide-btn:hover {
	gap: 1rem;
}

.slide-number-container {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	z-index: 5;
	font-size: 1.5rem;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	color: rgba(211, 211, 211, 0.788);
	letter-spacing: 0.2rem;
}

.slide-number-container hr {
	width: 3rem;
	transform: rotate(130deg);
	border-color: rgba(211, 211, 211, 0.788);
}

.slider-nav {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.slider-nav-btn {
	cursor: pointer;
	background-color: rgba(211, 211, 211, 0.226);
	color: white;
	font-size: 1.5rem;
	padding: 0.5rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease 0.3s;
}

.slider-nav-btn:hover {
	background-color: white;
	color: black;
}

.dot-container {
	position: absolute;
	bottom: 1rem;
	left: 0;
	z-index: 4;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.dot {
	cursor: pointer;
	height: 1rem;
	width: 1rem;
	background-color: rgba(211, 211, 211, 0.226);
	border-radius: 50%;
	display: inline-block;
	transition: ease 0.3s;
}

.active,
.dot:hover {
	background-color: white;
}

.fade-22 {
	animation-name: fade;
	animation-duration: 1s;
}

@keyframes fade {
	from {
		opacity: 0.8;
	}

	to {
		opacity: 1;
	}
}



/* section.home-slider-section {
	  margin-top: 50px;
  }
   */


.slide-title {
	font-size: 24px;
	/* Increase font size */
	font-weight: bold;
	/* Make it bold */
}

.slide-desc {
	font-size: 18px;
	/* Increase font size slightly */
	font-weight: 500;
	/* Medium font weight */
}



.dashboard-section {
	height: 65vh;
	position: relative;
	background-size: cover;
	background-position: center;
	color: white;
	transition: background-image 0.5s ease-in-out;
}

.dashboard-section * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.section-container {
	position: absolute;
	padding: 2rem;
}

.fund-section-slider {
	top: 65px;
	left: 20px;
}


.project-section {
	bottom: 85px;
	right: 20px;
	text-align: left;
}

.section-title {
	font-size: 3.2rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: white;
}

.dashboard-card-grid {
	display: flex;
	/* gap: 1rem; */
	/* flex-wrap: wrap; */
}

.project-section .dashboard-card-grid {
	justify-content: flex-end;
}

.dashboard-card {
	padding: 1.6rem 1.5rem;
	/* border-radius: 6px; */
	border: 1px solid white;
	min-width: 184px;
}

.dashboard-card.white {
	background: white;
	color: black;
}

.dashboard-card.white h2,
.dashboard-card.white h2 {

	color: black !important;
}

.dashboard-card.dark {
	background: rgba(0, 0, 0, 0.4);
	color: white;
}

.dashboard-card.dark h2,
.dashboard-card.dark h2 {
	color: white !important;
}

.dashboard-card h2 {
	font-size: 24px;
	font-weight: bold;
}

.dashboard-card p {
	font-size: 15.2px;
	margin-top: 0.5rem;
}

.slider-controls {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: flex;
	gap: 10px;
	z-index: 10;
}

.slider-btn-slider {
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.slider-btn-slider:hover {
	background: rgba(255, 255, 255, 0.7);
	color: black;
}



/* container */
#slider {
	position: relative;
	overflow: hidden;
}



/* Funds slides from TL → TR */
@keyframes slideFunds {
	0% {
		left: 20px;
	}

	50% {
		left: calc(50% - 200px);
	}

	/* meet in middle */
	100% {
		left: calc(100% - 20px - 760px);
	}

	/* end at top-right */
}

.fund-section-slider {
	z-index: 99999999;
	position: absolute;
	top: 65px;
	left: 20px;
	animation: slideFunds 4s ease-in-out forwards;
}

/* Projects slides from BR → BL */
@keyframes slideProjects {
	0% {
		right: 20px;
	}

	50% {
		right: calc(50% - 200px);
	}

	/* meet in middle */
	100% {
		right: calc(100% - 20px - 760px);
	}

	/* end at bottom-left */
}

.project-section {
	position: absolute;
	bottom: 85px;
	right: 20px;
	animation: slideProjects 4s ease-in-out forwards;
}

/* Middle line draws after both panels finish */
.middle-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	background: rgba(255, 255, 255, 0.8);
	transform: scaleY(0);
	transform-origin: top;
	animation: drawLine 0.5s ease-out 4s forwards;
}

@keyframes drawLine {
	to {
		transform: scaleY(1);
	}
}



.fund-title-slider {
	margin-left: 11px !important;
}



.project-title-slider {
	z-index: -11111;
}






/* Block Section Start */
section#block-section {
	margin-top: 41px;
}


.card-container {
	display: flex;
	gap: 15px;
	justify-content: center;
	margin-top: 20px;
	flex-wrap: wrap;
}

.slide-card {
	width: 200px;
	padding: 20px;
	border-radius: 10px;
	color: rgb(20, 20, 20);
	text-align: center;
}

.slide-card h4 {
	margin-bottom: 0px !important;
	font-size: 16px;

}

.slide-card p {
	font-weight: 900;
	font-size: 22px;

}


.slide-card h4 span {
	display: block;

}

/* Block Section Start */
.block-section {
	margin-top: 30px;
}

.block-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/* .map-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

background: linear-gradient(145deg, #FFE4E4, #F5EEF1, #EAF4FF);
} */

.map-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* height: 100%; */
	/* margin-top: 13px; */
	background: linear-gradient(145deg, #FFE4E4, #F5EEF1, #EAF4FF);
	border-radius: 8px;
}

.block:not(.activeblock):hover {
	fill: yellow !important;
}

path.activeblock {
	fill: #E15C18 !important;
}


.map-header {
	width: 100%;
}


.map-header {
	position: relative;
	/* margin-bottom: 25px; */
	margin-top: -125px;
	margin-bottom: -34px;
}


.bottom-block-dmc {
	display: flex;
	gap: 10px;
	margin-top: 35px;
	margin-bottom: 11px;
	color: black;
	width: 509px;
	justify-content: center;
	font-size: 11px;
}



.dmctext {
	width: 178px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

img.dmcaption {
	width: 39px;
	height: 33px;
}

.click-here {
	display: none;
}

i.fa-solid.fa-rotate {
	margin-left: 29px;
	position: relative;
	top: 118px;
}

.block,
.district-heading {
	cursor: pointer;
}


h2.block-name {

	color: #002d62;
	font-size: 20px;
	margin-top: -4px;
}

.map-section {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.map-section img {
	width: 90%;
	max-width: 500px;
}

/* .info-section {
flex: 1;
padding: 17px;
background-color: #fff;
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
} */


.info-section {
	flex: 1;
	padding: 17px;
	background-color: #fff;
	box-shadow: 4px 0 21px rgba(0, 0, 0, 0.1);
	border-radius: 13px;
}

.info-section h1,
.Dhanbad-text {
	font-weight: 300;
	font-size: 22px;
	color: #002d62;
	line-height: 29px;
	text-align: center;
	line-height: 29px;
	padding-bottom: 3px;
	padding-top: 85px;

}

.info-section p {
	color: #555;
	line-height: 1.6;
	margin-top: -14px;
}

.funds-details {
	display: flex;
	border-bottom: 1.5px dashed black;
	padding-bottom: 5px;
	margin-bottom: 14px;
}

.metrics {
	display: flex;
	flex-direction: column;
}

.metric-card {
	width: 60%;
	height: 109px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 7px;
}

.metric-card {
	width: 60%;
	height: 109px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 12px;
	height: 126px;
}

.metric-card:nth-child(odd) {
	background-color: #fedede;
}

.metric-card:nth-child(even) {
	background-color: #03a9f454;
}

.metric-icon {
	font-size: 3rem;
	color: #555;
}

.metric-heading {
	margin: 0;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

.metric-data {
	text-align: center;
}



.metric-data p {
	margin: 0;
	/* font-size: 0.9rem; */
	color: #777;
}

/* Block Section End */
h5.text-black.mb-4 {
	margin-left: 10px;
	font-size: 20px;
}

.card-content h6,
small.fw-bold {

	font-size: .875em;

}

h6.typing-text {
	text-align: center;
	font-size: 1.5rem;
}

.card-content hr {
	margin-top: 5rem;
}

@keyframes typing {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@keyframes blink-caret {

	from,
	to {
		border-color: transparent;
	}

	50% {
		border-color: black;
	}
}

.carousel-section-slider {
	position: relative;
	padding: 20px;
}

.owl-carousel .item {
	display: flex;
	justify-content: center;
	/* align-items: center; */
	/* min-height: 200px; */
	width: 100%;
	position: relative;
	margin: 5px;
	/* border-radius: 11px; */
	overflow: hidden;
	height: 263px;
}

.owl-carousel .owl-item img {
	display: block;
	width: auto !important;
	display: block;
	margin: auto;
	position: relative;
	bottom: -27px;
	padding-bottom: 32px;

}

.card-content {
	padding: 15px;
	border-radius: 17px;
	width: 100%;
	position: relative;
	z-index: 2;
	height: 247px;
	position: relative;
	bottom: --23px;
}

/* .owl-carousel .item::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255, 255, 255, 0.5); 
		z-index: 1; 
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)); 
	} */

/* Navigation button styles */
.owl-nav {
	display: flex;
	justify-content: center;
	position: absolute;
	width: 100%;

	transform: translateY(-50%);
	z-index: 10;
	position: relative;
	top: 32px;
}

.priority-icon {
	text-align: center;
}

.owl-prev,
.owl-next {
	background: rgba(255, 255, 255, 0.7);
	border: none;
	border-radius: 50%;
	padding: 10px;
	cursor: pointer;
}

.owl-prev:hover,
.owl-next:hover {
	background: rgba(255, 255, 255, 1);
}


button span {
	font-size: 26px;
	color: crimson;
}

.count-sec.d-flex.align-items-center.justify-content-between {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.fund-heading {
	margin-top: 40px;
}

.fund-section-container {

	max-width: 90%;
}

.fund-section-container .col-12.col-md-6 {
	margin-top: 19px;
}

.matrix-level-model {
	cursor: pointer;
	/* Makes it look clickable */
	position: relative;
	display: inline-block;
}

.metric-icon {
	margin-bottom: -19px;
	height: 67px;
	width: 67px;
	display: flex;
	justify-content: center;
	align-items: center;
}

img.map-icon {
	height: 47%;
	width: 47%;
}

.footer-logo {
	display: block;
	max-width: 214px;
	height: auto;
	max-height: 30%;
	margin-bottom: 20px;
}



.custom-info-link {
	display: block;
	font-size: 1.6rem;
	color: #fff !important;
	font-weight: 700;
	/* padding: 0.5rem 0; */
	text-decoration: none;
	line-height: 1.6;
}

li.address-item {
	width: 400px;
}

.custom-info-link-bottom-footer {
	display: block;
	font-size: 1.6rem;
	color: #eae2e4 !important;
	text-decoration: none;
}

/* .row.footer-top-links {
		margin-top: 20px;
	} */

p.custom-info-link-bottom-footer.address-item {
	width: 337px;
}

.footer-heading {
	font-size: 2rem;
}

span.pmu-text,
span.pmu-text a {
	color: #FDE047;
	font-size: 16px;
	font-weight: bold;
}

i.pmu-text {
	color: #FDE047;
	font-size: 16px;
	font-weight: bold;
}

@media (min-width: 1800px) {
	.slide-image {

		height: 55vh;

	}

	.menu>li>a {
		font-size: 1.8rem;
	}
}

.custom-popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 90%;
	background: #f8f9fa;
	border-radius: 10px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
	border: 3px solid #007bff;
	overflow: auto;
	z-index: 99999999999999999999999999999999999;
	background-color: #ede7e7;
}



.custom-popup-content {
	position: relative;
	text-align: center;
	padding: 18px;
	cursor: move;
	/* Draggable cursor */
}


.custom-popup-content .custom-close {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 30px;
	/* Increased size */
	font-weight: bold;
	color: #000;
	/* Dark black */
	cursor: pointer;
	transition: 0.3s ease;


}

.custom-popup-content .custom-close:hover {
	color: #d9534f;
	/* Red on hover */
	transform: scale(1.2);
	/* Slight zoom effect */
}

#custom-popup-title {
	font-size: 24px;
	font-weight: bold;
	color: #2563eb;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	text-align: center;
	margin-bottom: 0px !important;
	border-bottom: 3px solid #fde047;
	display: inline-block;
	background-color: #f0f9ff;
	padding: 10px 20px;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);


}

#popup-table-container {
	max-height: 75vh;
	padding: 8px;
	box-sizing: border-box;
	overflow-y: auto;
	margin-left: 10px;
	margin-right: 10px;

}

.resize-handle {
	width: 15px;
	height: 15px;
	background: #333;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: se-resize;
}


/* Optional: Make table 100% of available width */
#custom-popup-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	background-color: #f9f9f9;
	table-layout: fixed;
	/* optional for consistent column width */
}

#custom-popup-table thead {
	position: sticky;
	top: -9px;
	z-index: 10;
	background-color: #93c5fd;
	/* Light blue */
	color: #111827;
	/* Dark grayish text */
	font-weight: bold;
	/* Slightly bolder than 'bold' */
	font-size: 15px;
	text-align: left;
	border-bottom: 2px solid #fde047;
	/* Yellow bottom line */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	/* Optional - fixes blurry text on sticky headers */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	backface-visibility: hidden;




}


#custom-popup-table thead {
	background-color: #1e3a8a;
	/* Deep Blue */
	color: #ffffff;
	border-bottom: 2px solid #facc15;
	/* Yellow underline */
	padding: 12px;
	text-align: left;
}


#custom-popup-table thead th {
	padding: 12px;
	text-align: left;
	border-bottom: 2px solid #fde047;
	/* lemon yellow */
}

#custom-popup-table td {
	padding: 8px;
	text-align: left;

}

#custom-popup-table td a {
	transition: all .3s;
	text-decoration: underline;
	color: #4662c6;
	font-weight: 700 !important;
}

/* Zebra striping for rows */
#custom-popup-table tbody tr:nth-child(odd) {
	background-color: #f2f2f2;
}

#custom-popup-table tbody tr:nth-child(even) {
	background-color: #ffffff;
}

/* Hover effect */
#custom-popup-table tbody tr:hover {

	background-color: #fefcbf;
	/* very light yellow */
	cursor: pointer;
}

/* Align text properly */
#custom-popup-table th:nth-child(1),
#custom-popup-table td:nth-child(1) {
	text-align: center;
	width: 5%;
}

/* #custom-popup-table th:nth-child(9),
    #custom-popup-table td:nth-child(9) {
        text-align: right;
    } */

/* Responsive design */
@media (max-width: 768px) {
	#custom-popup-table {
		font-size: 12px;
	}

	#custom-popup-table th,
	#custom-popup-table td {
		padding: 6px;
	}
}




/* Hindi font styling */
/* Styling for Unicode Hindi text (Mangal, Nirmala UI) */
.unicode-hindi-text {
	font-family: "Mangal", "Nirmala UI", "Arial", sans-serif;
	font-size: 14px;
	/* font-weight: bold; */
}

/* Styling for KrutiDev Hindi text */
.krutidev-text {
	font-family: "Kruti Dev 010", "Arial", sans-serif;
	font-size: 19px;
	/* font-weight: bold; */
}

#myhorizantolchart {
	width: 100% !important;
	height: 400px !important;
	/* Set a fixed height */
	max-height: 400px;
}

/* 
Gallery Section  start*/

.funds-heading-graph {
	margin: auto;
}



.gallery-section .heading-container {
	text-align: center !important;
	margin-top: -7px;
	margin-bottom: -23px;
}



.gov-container {

	max-width: 90%;
}

.gov-container {
	background-image: url('your-background-image.jpg');
	background-size: cover;
	padding: 20px;
	color: white;
}

.gov-column-left {
	text-align: center;
	/* background: rgb(198 8 8); */
	padding: 15px;
	border-radius: 10px;
	/* background: linear-gradient(135deg, #004085, #007bff); */
	background: linear-gradient(135deg, #004aad, #029e76);
}

.gov-column-left img {
	width: 100%;
	border-radius: 10px;
}

.gov-column-left h4 {
	/* margin-top: 10px; */
	color: yellow;
	text-align: center;
	display: block;
	margin: auto;
	margin-top: 10px;
	font-size: 18px;
	margin-top: 20px;
}

.gov-column-left p {
	font-size: 14px;
	display: block;
	margin: auto;
	width: 100%;
}

.social-icons {
	display: flex;
	justify-content: center;
	gap: 10px;
	/* margin-top: 10px; */
	/* display: block; */
	align-items: center;
	width: 100%;
}

.social-icons a {
	color: white;
	font-size: 20px;
}

.gov-column-left img {
	width: 305px;
	height: 200px;
	border-radius: 36px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	box-shadow: 0 0px -4px rgba(0, 0, 0, 0.7);
	display: block;
	margin: auto;
	margin-top: 30px;
}

img#main-image {
	width: 100%;
	height: 50vh;
	border-radius: 30px;
}

p#image-description {
	color: black !important;
	width: 100%;
	/* height: 100%; */
	margin-top: 22px;
	min-height: 203px;
}

.gov-gallery {
	background: linear-gradient(135deg, #004aad, #029e76);
	padding: 15px;
	border-radius: 10px;
	text-align: center;
}


.gallery-container {
	height: 80vh;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gallery-scroll {
	display: flex;
	flex-direction: column;
	transition: transform 2s ease-in-out;
	/* Slower transition */
}



.gallery-item {
	width: 100%;
	margin-bottom: 10px;

}

.gallery-item img {
	width: 245px;
	height: 26vh;
	object-fit: cover;
	border-radius: 5px;
}

img.framed {
	box-shadow: -50px -50px 0 -40px #FFD700, 50px 50px 0 -40px #FFD700;
	margin: 30px;
	/* padding: 5px; */
	border-radius: 10px;
}

.col-md-3.gov-gallery h3 {
	color: white;
	font-size: 31px;
}

.row.projects-row {
	display: flex;
	justify-content: center;
	align-items: center;
}

.projects-heading h3 {
	font-size: 27px !important;
}


.row.all-projects-row {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}



.all-projects-row {
	text-align: center;
	margin-top: 20px;
	position: relative;
	/* Keeps it in place */
}

.all-projects-row a {
	display: inline-block;
	background: #007bff;
	/* Blue color */
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	position: relative;
	/* Prevents movement */
	height: min-content;
}

.all-projects-row a:hover {
	background: #227dde;
	/* Darker blue on hover */
	transform: scale(1.05);
}

/* Ensure the anchor tag does not shift when description content changes */
.all-projects-row {
	min-height: 60px;
	/* Adjust height to prevent movement */
}

span.dhanbad-text {
	display: block;
	margin-top: -6px;
}


.col-md-3.gov-gallery h3 {
	color: white;
	font-size: 22px !important;
}




@media (max-width: 1299px) {
	.gov-column-left img {
		width: 200px;
		/* Adjust the width as needed */
	}
}

th.scrapped-section {
	max-width: 100px;
	word-wrap: break-word;
}



/* dmfprojects */

.dmfproject.container.mt-15.mb-12 {
	max-width: 84%;
}



.content-table {
	border-collapse: collapse;
	margin: 25px 0;
	font-size: 0.9em;

	border-radius: 5px 5px 0 0;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	color: black;
}

.content-table thead tr {
	background-color: #0a5b9e;
	color: #FFFFFF;
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	min-width: 120px;
}

.content-table th,
.content-table td {
	padding: 12px 15px;
}

.content-table tbody tr {
	border-bottom: 1px solid #dddddd;
}

.content-table tbody tr:nth-of-type(even) {
	background-color: #a0c6eb !important;
}

.content-table tbody tr:nth-of-type(even) {
	background-color: #a0c6eb !important;
}

.content-table tbody tr:last-of-type {
	border-bottom: 2px solid #009879;
}


table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
	background-color: #a0c6eb !important;

}


table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
	background-color: #a0c6eb !important;
}

/* .content-table tbody tr.active-row {
	font-weight: bold;
	color: #009879;
  } */




.project-title {
	--_margin: 18px;
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 30px;
	color: #1E3A8A;
	font-weight: 700;

	&::before,
	&::after {
		content: "";
		flex: 1;
		border: 1px solid #e6ee08;
	}

	&:not(:empty)::before {
		margin-right: var(--_margin);
	}

	&:not(:empty)::after {
		margin-left: var(--_margin);
	}
}



.filter-container {
	display: flex;
	align-items: flex-end;
	gap: 24px;
	background: #f18d8d30;
	padding: 10px 15px;
	border-radius: 8px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
	flex-wrap: wrap;
	justify-content: center;
	margin-top: -64px;
}

.filter-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 150px;
	/* Ensuring all filters have the same width */
}

.filter-group label {
	font-weight: 800;
	color: #0D47A1;
	margin-bottom: 4px;
	font-size: 14px;
	text-transform: uppercase;
}

/* select option, filter-dropdown{
    font-weight: bold;
} */

.filter-dropdown {
	padding: 13px 3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 109%;
	font-size: 15px;
	cursor: pointer;
	background: #fff;
	transition: all 0.3s ease;
	font-weight: 800;
	text-align: center;
	text-align-last: center;
	color: #0D47A1;
}

.filter-dropdown option {
	text-align: left;
	font-weight: normal;
	/* optional: lighter weight for options */
}

.filter-dropdown:hover {
	border-color: #007bff;
}

.filter-button {
	padding: 16px 10px;
	background: #145fd2eb;
	color: #fff !important;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 15px;
	transition: background 0.3s ease;
	width: 150px;
	align-self: flex-end;
	text-align: center;
	font-weight: 700;
}

.filter-button:hover {
	background: #0056b3;
}

/* Responsive: Ensure everything stays compact */
@media (max-width: 768px) {
	.filter-container {
		flex-wrap: wrap;
		/* Allows items to wrap on small screens */
	}

	.filter-group,
	.filter-button {
		width: 120px;
		/* Slightly smaller for mobile */
	}
}


.project-summary {
	text-align: center;
	padding: 15px 0;
	font-size: 17px;
	background-color: #f8f9fc;
	/* light soft background */
	font-family: "Segoe UI", sans-serif;
	color: #111;
}

.project-summary span {
	margin: 0 10px;
}

.project-summary .divider {
	color: #888;
	margin: 0 10px;
	font-weight: 400;
}

/* feedback page */

.feedback-card-top {
	height: 70vh;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: url('https://192.169.1.186/dmft/application/assets/images/banner/slider-1.jpg') no-repeat center center/cover; */
	flex-wrap: wrap;
}

.snip1519 {
	font-family: 'Roboto', Arial, sans-serif;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 250px;
	max-width: 310px;
	width: 100%;
	background-color: #ffffff;
	border-radius: 5px;
	border-top: 5px solid #d2652d;
	color: #9e9e9e;
	text-align: center;
	font-size: 16px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	margin-top: 150px;
}

.snip1519 *,
.snip1519 *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.snip1519 figcaption {
	padding: 12% 10% 14%;
}



.snip1519 img {
	width: 50px;
	height: 42px;
	/* background-color: #2d38d2; */
	border-radius: 5%;

}

.snip1519 h3 {
	color: #3c3c3c;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	margin: 10px 0;
}

.snip1519 p {
	font-size: 0.9em;
	font-weight: 300;
	margin: 0 0 20px;
	color: black;
}

.snip1519 .button {
	text-decoration: none;
	color: #777;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.snip1519 .button:before {
	background-color: #d2652d;
	position: absolute;
	top: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	z-index: -1;
	opacity: 0;
}

.snip1519 .button:hover {
	color: #fff;
}

.snip1519 .button:hover:before {
	top: 0;
	opacity: 1;
}

.feedback-container {
	max-width: 800px;
	margin: 30px auto 50px !important;
	padding: 20px;
	background: white;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.container.feedback-container {
	display: flex;
	/* justify-content: center; */
	align-items: center;
}

.container.feedback-container form {
	height: 363px;
	margin-top: 49px;
	width: 100%;
}


.feedback-container .form-row {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

.feedback-container .form-group {
	flex: 1;
	position: relative;
}

.feedback-container .form-group input,
.feedback-container .form-group textarea,
.feedback-container .form-group select {
	width: 100%;
	padding: 10px 35px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.feedback-container .form-group i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #cdce13;
}

.feedback-container .description-input {
	width: 100%;
}

.feedback-container .btn-submit {
	width: 200px;
	padding: 10px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

.feedback-container .btn-submit:hover {
	background-color: #0056b3;
}


.heading-container.feedback-heading {
	margin-top: 18px;
	margin-bottom: -19px;
}

.heading-container.feedback-heading h2 {

	font-size: 40px;
}

.heading-container h2 {
	font-size: 52px !important;
}

section#block-section .heading-container {
	margin-top: -28px;
	margin-bottom: -10px;
}


.counter small {
	color: #000000c7;
}

span.blockdhanbd {
	font-size: 24px;

}

.blockdhanbd {

	color: #E15C18 !important;
}



h6.counter-value1 {
	font-size: 17px;
}

td.status-completed {
	color: #059669;
	font-weight: 600;
}


td.status-completed {
	color: #1e40af;
	font-weight: 600;
}




td.status-ongoing {
	color: #059669;
	font-weight: 600;
}



.block.dmcity {
	font-size: 13.7074px;
	color: black;
}

.gov-report-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	border: 2px solid #444;
	background-color: #beeee8;
}

.gov-report-table thead {
	background-color: #eaeaea;
	border-bottom: 2px solid #444;
}

.gov-report-table th,
.gov-report-table td {
	padding: 12px 14px;
	border: 1px solid #ccc;
	text-align: left;
	color: #222;
}

.gov-report-table th {
	font-weight: bold;
	background-color: #f18d8d;
}

.sr-no {
	width: 73px;
}

td.sr-no {
	display: block;
	text-align: center;
}

.gov-report-table tbody tr:hover {
	background-color: #f1f1f1;
}

/* Download button styling */
.download-btn {
	background-color: #00703c;
	color: #fff;
	padding: 6px 10px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: none;
	outline: none;
	transition: background-color 0.3s ease;
}

.download-btn:hover {
	background-color: #004d2a;
}

.download-btn .icon {
	fill: white;
}





.content-table tr.odd {
	background-color: #a0c6eb !important;
}

.content-table tr.even {
	background-color: #a0c6eb !important;
}

.heading-container.feedback-heading.report-template-heading {
	margin-top: -129px;
}


/* Feedback PHP */

#responseMessage {
	text-align: center;
	margin: 20px auto;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 8px;
	max-width: 400px;
	display: block;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

#responseMessage.success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

#responseMessage.error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}


#data-table_length {
	font-size: 14px;
}