@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


html {
	scroll-behavior: smooth;
}

:root {
  --font-primary: "Roboto", sans-serif;
  --theme-color: #5d3868;
}
body {
font-family: var(--font-primary);
color: var(--text-color);
overflow-x: hidden;
}
body.dark-mode .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
body.dark-mode .card {
    border: 1px solid #ccc;
}
body.dark-mode .modal-content {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}
body.dark-mode .offcanvas {
    background-color: #333 !important;
    color: #fff !important;
    border-left: 1px solid #444 !important; /* adjust if offcanvas is from left or right */
}

/* Optional: style header and close button */
body.dark-mode .offcanvas-header {
    border-bottom: 1px solid #444;
}

body.dark-mode .offcanvas .btn-close {
    filter: invert(1); /* makes close button visible on dark bg */
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #1e1e1e;
    color: #fff;
    border: 1px solid #555;
    transition: all 0.3s ease;
}

body.dark-mode .form-control::placeholder {
    color: #aaa;
}

body.dark-mode .form-select option {
    background-color: #1e1e1e;
    color: #fff;
}



.accessibility-icon {
    width: 20px;
    height: 20px;
}
.dataTables_filter {
    margin-bottom: 15px;
}

/* label {
    margin-bottom: 15px;
} */
/* handicap design */
.dropdown {
	position: relative;
	top: 0;
}

.select {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
	transition: 0.3s;
}

.select .selected {
	color: white;
}

.select:hover {
	background: transparent;
}
.caret-rotate {
	transform: rotate(180deg);
}

.submenu {
	list-style: none;
	background: #ffffff;
	box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);
	border-radius: 0.5em;
	color: #000000;
	position: absolute;
	top: 2em;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	opacity: 0;
	display: none;
	transition: 0.2s;
	z-index: 100;
}

.submenu li {
	padding: 2px 0.5em;
	margin: 0.3em 0;
	border-radius: 0.5em;
	cursor: pointer;
}

.submenu li:hover {
	background: #5d3868;
	color: white;
}

.submenu-open {
	display: block;
	opacity: 1;
}

/* whos whos table */
.table-heading {
	background: #fbf4db !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
body.dark-mode .table-heading {
    background-color: #000 !important;
}

.custom-table td a {
	color: #303030;
}
body.dark-mode .cptp_yashada {
    background-color: #ffffff;
}
/* accordion */
#accordian-side {
	width: 100%;
	padding: 10px;
	float: left;
	height: 550px;
	overflow-x: hidden;
}

#accordian-side a {}

#accordian-side li {
	list-style-type: none;
}

#accordian-side ul li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	display: block;
	/*  line-height: 34px; */
	padding: 12px 15px;
	transition: all 0.15s;
	position: relative;
	border-radius: 3px;
}

#accordian-side>ul.show-dropdown>li.active>a,
#accordian-side>ul>li>ul.show-dropdown>li.active>a,
#accordian-side>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian-side>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian-side>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a {
	background-color: transparent;
	color: #f5b105;
	box-shadow: 0px 1px 2px rgba(93, 56, 104, 0.2);
	font-weight: 500;
}

#accordian-side>ul>li>ul,
#accordian-side>ul>li>ul>li>ul,
#accordian-side>ul>li>ul>li>ul>li>ul,
#accordian-side>ul>li>ul>li>ul>li>ul>li>ul {
	display: none;
}

#accordian-side>ul>li.active>ul.show-dropdown,
#accordian-side>ul>li>ul>li.active>ul.show-dropdown,
#accordian-side>ul>li>ul>li>ul>li.active>ul.show-dropdown,
#accordian-side>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown {
	display: block;
}

#accordian-side>ul>li>ul,
#accordian-side>ul>li>ul>li>ul,
#accordian-side>ul>li>ul>li>ul>li>ul,
#accordian-side>ul>li>ul>li>ul>li>ul>li>ul {
	padding-left: 20px;
}

#accordian-side a:not(:only-child):after {
	content: "\f101";
	position: absolute;
	right: 20px;
	top: 14px;
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	transition: 0.5s;
}

#accordian-side .active>a:not(:only-child):after {
	transform: rotate(90deg);
}

.a_text {
	color: #000000;
}

/* Loader Wrapper */
/* Loader Wrapper */
.loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
/* === Dark Mode Support for Loader === */
body.dark-mode .loader-wrapper {
	background: rgba(0, 0, 0, 0.9) !important;
}

body.dark-mode .dot-spinner__dot {
	background-color: #ffffff  !important;
}

body.dark-mode .loader-logo {
	filter: brightness(0) invert(1) !important;
}

/* Loader Container */
.loader {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Centered Logo */
.loader-logo {
	width: 40px;
	/* Adjust the size of the logo */
	height: 40px;
	position: absolute;
	z-index: 2;
}

/* Dot Spinner (circle of dots) */
.dot-spinner {
	position: relative;
	width: 20px;
	/* Adjust circle size */
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Dots positioned in a circular path */
.dot-spinner__dot {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #5d3868;
	animation: pulse 1s infinite ease-in-out;
}

/* Position dots in a circle */
.dot-spinner__dot:nth-child(1) {
	transform: rotate(0deg) translateY(-30px);
}

.dot-spinner__dot:nth-child(2) {
	transform: rotate(45deg) translateY(-30px);
}

.dot-spinner__dot:nth-child(3) {
	transform: rotate(90deg) translateY(-30px);
}

.dot-spinner__dot:nth-child(4) {
	transform: rotate(135deg) translateY(-30px);
}

.dot-spinner__dot:nth-child(5) {
	transform: rotate(180deg) translateY(-30px);
}

.dot-spinner__dot:nth-child(6) {
	transform: rotate(225deg) translateY(-30px);
}

.dot-spinner__dot:nth-child(7) {
	transform: rotate(270deg) translateY(-30px);
}

.dot-spinner__dot:nth-child(8) {
	transform: rotate(315deg) translateY(-30px);
}

/* Delay each dot animation */
.dot-spinner__dot:nth-child(2) {
	animation-delay: -0.875s;
}

.dot-spinner__dot:nth-child(3) {
	animation-delay: -0.75s;
}

.dot-spinner__dot:nth-child(4) {
	animation-delay: -0.625s;
}

.dot-spinner__dot:nth-child(5) {
	animation-delay: -0.5s;
}

.dot-spinner__dot:nth-child(6) {
	animation-delay: -0.375s;
}

.dot-spinner__dot:nth-child(7) {
	animation-delay: -0.25s;
}

.dot-spinner__dot:nth-child(8) {
	animation-delay: -0.125s;
}

/* Smooth pulsing effect */
@keyframes pulse {

	0%,
	100% {
		transform: scale(1);
		opacity: 0.5;
	}

	50% {
		transform: scale(1.4);
		opacity: 1;
	}
}

.custom-navbar {
	background: #ffffff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 10px 15px;
	border-radius: 5px;
}

/* Base styles for the navigation links */
.custom-nav-link {
	font-family: "Roboto";
	color: #000000 !important;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	/* Remove default underline */
	position: relative;
	/* Required for the underline animation */
	margin-right: 30px;
	/* Adjust spacing between links */
	padding-bottom: 5px;
	/* Space for the underline */
	transition: color 0.3s ease-in-out;
}

/* Spacing between list items */
.nav-list li {
	display: inline-block;
	/* Display list items horizontally */
	margin-right: 15px;
	/* Adjust spacing between list items */
}

/* Underline animation on hover and active state */
.custom-nav-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	/* Start with no width */
	height: 2px;
	/* Thickness of the underline */
	background-color: #5d3868;
	/* Color of the underline */
	transition: width 0.3s ease-in-out;
	/* Smooth transition for the underline */
}

/* Hover effect */
.custom-nav-link:hover::after {
	width: 100%;
	/* Full width on hover */
}

/* Active state */
.custom-nav-link.active::after {
	width: 100%;
	/* Full width for active link */
}

/* Change text color on hover and active state */
.custom-nav-link:hover,
.custom-nav-link.active {
	color: #5d3868 !important;
}

.custom-dropdown-item {
	color: #333;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.custom-dropdown-item:hover {
	background: #17a2b8;
	color: #fff;
}

.custom-toggler {
	border: none;
	background: rgba(255, 255, 255, 0.2);
}

.custom-toggler-icon {
	filter: invert(1);
}

@media (max-width: 992px) {
	.custom-navbar-nav {
		text-align: center;
	}

	.custom-nav-item {
		padding: 10px 0;
	}
}

.team-member {
	text-align: center;
	padding: 20px;
}

.team-member img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-bottom: 15px;
}

.team-member h4 {
	margin-top: 10px;
	font-size: 1.5rem;
}

.team-member p {
	color: #666;
}

/* .owl-carousel .item_banner {
  padding: 0px 0px 20px 0px;
} */
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #869791;

	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 0.2sease;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #f5b105;
}

.owl-carousel .team-members {
	padding: 10px;
	display: flex;
}

.tbl_design {
	padding: 20px;
	background: #f8f9fa;
	/* Light background */
	border-radius: 10px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* ============================
   Light Mode Styles (Default)
   ============================ */

.thead_design th {
    background: #5d3868; /* Purple background */
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    border-color: #dee2e6;}

tbody tr td {
    background-color: #fff;
    border: 1px solid #dee2e6;
}


/* ============================
   Dark Mode Styles
   ============================ */

body.dark-mode .tbl_design {
    background-color: #333 !important;
}

body.dark-mode .thead_design th {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

body.dark-mode .thead_design {
    background: #000 !important;
}

body.dark-mode tbody tr td {
    background-color: #333 !important;
    border: 1px solid #fff !important;
}



/* body.dark-mode .tbl_design {
background-color: #333 !important;
}

.thead_design th {
	background: #5d3868;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	border-color: #dee2e6;
}
body.dark-mode .thead_design thead th {
    background: #000 !important;
}
body.dark-mode .thead_design {
    background: #000 !important;
}
body.dark-mode tbody tr td {
    background-color: #333 !important;
    border: 1px solid #fff !important;
} */

/* CARD for Awesome Team */
.profile-card {
	background-color: #ffffff;
	/* White background */
	border: none;
	/* Remove border */
	border-radius: 12px;
	/* Rounded corners */
	padding: 24px;
	/* Padding inside the card */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	/* Subtle box shadow */
	transition: box-shadow 0.3s ease;
	/* Smooth transition for hover effect */
}

.profile-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	/* Enhanced shadow on hover */
}

.profile-card img {
	margin: 0 auto;
	/* Center the image */
	display: block;
	/* Ensure the image is block-level for centering */
}

.profile-card h5 {
	font-size: 20px;
	/* Converted from 1.25rem */
	font-weight: 600;
	/* Bold text */
	margin-top: 16px;
	/* Spacing after the image */
}

.profile-card .text-muted {
	font-size: 14px;
	/* Converted from 0.875rem */
	color: #6c757d;
	/* Muted text color */
}

.profile-card p {
	font-size: 14px;
	/* Converted from 0.875rem */
	color: #333;
	/* Dark text color */
	margin-top: 8px;
	/* Spacing after the subtitle */
}

.profile-card .expertise-list {
	font-size: 14px;
	/* Converted from 0.875rem */
	color: #555;
	/* Slightly muted text color */
	margin-top: 12px;
	/* Spacing after the description */
}

.profile-card .social-icons {
	display: flex;
	/* Align icons horizontally */
	gap: 12px;
	/* Spacing between icons */
	justify-content: center;
	/* Center icons */
	margin-top: 16px;
	/* Spacing after expertise */
}

.profile-card .social-icons a {
	color: #5d3868;
	/* Icon color */
	font-size: 20px;
	/* Converted from 1.25rem */
	transition: color 0.3s ease;
	/* Smooth color transition */
}

.profile-card .social-icons a:hover {
	color: #452a4f;
	/* Darker color on hover */
}

/* Pagination design */
.pagination .page-item .page-link {
	color: #5d3868;
	/* Default text color */
	background-color: #ffffff;
	/* Default background color */
	border: 1px solid #e0e0e0;
	/* Border color */
	transition: all 0.3s ease;
	/* Smooth transition for hover effects */
}

.pagination .page-item .page-link:hover {
	color: #ffffff;
	/* Text color on hover */
	background-color: #5d3868;
	/* Background color on hover */
	border-color: #5d3868;
	/* Border color on hover */
}

.pagination .page-item.active .page-link {
	color: #ffffff;
	/* Text color for active page */
	background-color: #5d3868;
	/* Background color for active page */
	border-color: #5d3868;
	/* Border color for active page */
}

.pagination .page-item.disabled .page-link {
	color: #999999;
	/* Text color for disabled items */
	background-color: #f8f9fa;
	/* Background color for disabled items */
	border-color: #e0e0e0;
	/* Border color for disabled items */
	pointer-events: none;
	/* Disable click events */
}

.pagination .page-item .page-link {
	border-radius: 4px;
	/* Rounded corners */
}

.top_header_1 {
	background: #5d3868;
	padding: 5px 0px 5px 0px;
	height: auto;
}
body.dark-mode .top_header_1 {
    background-color: #333 !important;
}
body.dark-mode .top_header_2 {
    background-color: #333 !important;
}

body.dark-mode .image_container {
	position: relative;
	width: 500px;
	/* Adjust based on your image size */
	height: 500px;
	left: 15%;
	right: 0px;
	top: -45px;
}

.rotating-container {
	position: absolute;
	width: 100%;
	height: 100%;
	animation: rotate 5s linear infinite;
	/* Rotating effect */
	z-index: 100;
}

.rotating-image {
	width: 100%;
	height: 100%;
}

.center-image {
	border-radius: 20px;
	width: 450px;
	/* Adjust size as needed */
	height: 450px;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0%;
	transform: translate(-50%, -50%);
	text-align: center;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.cit-img-width {
	width: 100%;
	height: 400px;
	border-radius: 20px;
}

.goals-section {
	padding: 64px 0;
	/* 4rem = 64px */
	background-color: #ffffff;
}

.title-about {
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	color: #5d3868;
}

.heading_sec {
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	margin: 0;
}

.section-title {
	font-family: var(--font-primary);
	font-size: 36px;
	position: relative;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 1px;
	color: #001f3f;
	text-align: center;
	padding: 20px;
}

.section-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 5%;
	/* Adjust width as needed */
	height: 3px;
	/* Thickness of the underline */
	background-color: #001f3f;
	/* Change to your preferred color */
	transform: translateX(-50%);
	border-radius: 5px;
}

.goal-item {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 32px;
	/* 2rem = 32px */
	margin-bottom: 24px;
	/* 1.5rem = 24px */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.goal-item:hover {
	transform: translateY(-10px);
}

.goal-icon {
	font-size: 32px;
	/* 2rem = 32px */
	color: #3498db;
	margin-bottom: 16px;
	/* 1rem = 16px */
}

.goal-title {
	font-size: 24px;
	/* 1.5rem = 24px */
	font-weight: bold;
	color: #2c3e50;
	margin-bottom: 16px;
	/* 1rem = 16px */
}

.goal-description {
	font-size: 16px;
	/* 1rem = 16px */
	color: #7f8c8d;
	line-height: 1.6;
}

.admin-img {
	max-width: 100%;
	height: auto;
}

.logo_admin {
	width: 50px;
	height: 60px;
}

.login_menu {
	background: #ffffff;
	color: #ffffff;
}

.login_menu li a:active {
	background-color: #885896;
}

.services {
	background-color: #f9f8ff;
}

/* Main Container */
.tab-container-main {
	width: 100%;
	margin: 0 auto;
	font-family: var(--font-primary);
}

/* Main Heading */
.tab-main-heading {
	text-align: center;
	color: #333;
}
.accordion-button:not(.collapsed) {
    background-color: #5d3868;
    color: #ffffff;
}
.accordion-button:focus {
    box-shadow: 0 0 8px rgba(93, 56, 104, 0.6);
}
.accordion-body a {
    font-family: var(--font-primary);
    color: #000000;
    font-weight: 500;
}
.accordion-button {
    font-weight: 600;
}
body.dark-mode .accordion-button {
    background-color: #333333;
    color: #ffffff;
}

body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #5d3868;
    color: #ffffff;
}

body.dark-mode .accordion-body {
    background-color: #222222;
    color: #ffffff;
}

body.dark-mode .accordion-body a {
    color: #ffffff;
}

body.dark-mode .accordion-button:focus {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}
/* Tab List Container */
.tab-list-container {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 3px solid #ddd;
	background: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* Soft shadow for depth */
}
body.dark-mode .tab-list-container {
    background-color: #333;
}

/* Tab List Items */
.tab-list-item {
	font-family: var(--font-primary);
	padding: 14px 20px;
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	transition: all 0.3s ease-in-out;
	flex: 1;
	text-align: center;
	position: relative;
	letter-spacing: 0.5px;
}

/* Underline Animation */
.tab-list-item::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -3px;
	width: 0%;
	height: 3px;
	background: #5d3868;
	transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
	transform: translateX(-50%);
	border-radius: 3px;
}

/* Hover Effect */
.tab-list-item:hover {
	color: #5d3868;
	transform: translateY(-2px);
}

.tab-list-item:hover::after {
	width: 80%;
}

/* Active Tab */
body.dark-mode .tab-list-item.active {
    background: #333;
    border: 1px solid #fff;
}
.tab-list-item.active {
	color: #fff;
	background: linear-gradient(135deg, #5d3868, #3c2d4b);
	border-radius: 8px 8px 0 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

/* Active Tab Underline */
.tab-list-item.active::after {
	width: 80%;
	background: #fff;
}

/* Tab Content Container */
.tab-content-container {
	padding: 5px;
}

/* abpsea tab functionality */
.abpsea-tab-content {
	display: none;
	/* Hide all by default */
}

.abpsea-tab-content.active {
	display: block;
	/* Show active tab */
}

/* Tab Content Panes */
.tab-content-pane {
	display: none;
}

.tab-content-pane.active {
	display: block;
}

/* Tab Content Headings */
.tab-content-heading {
	color: #000000;
	margin-top: 0;
}

.tab-image {
	width: 100%;
	/* Full width of the container */
	height: auto;
	/* Adjust height automatically */
	max-width: 500px;
	/* Limits the size */
}

.goal-section {
	padding: 10px;
}

.inquiry-section {
	background-color: #f9f6f6;
	padding: 50px;
}

.inquiry-card {
	padding: 20px;
}

.custom-input {
	background-color: #f0f0f0;
	border: none;
	border-radius: 5px;
	height: 45px;
	width: 100%;
	padding: 10px;
	font-size: 16px;
}

textarea.custom-input {
	height: 100px;
}

.custom-input::placeholder {
	color: #777;
}

.custom-input:focus {
	background-color: #e6e6e6;
	outline: none;
	box-shadow: none;
}

.error-message {
	color: red;
	font-size: 14px;
	margin-top: 5px;
}

.btn-primary {
	background-color: #007bff;
	border: none;
	padding: 12px;
	border-radius: 5px;
	width: 100%;
	margin-top: 10px;
}

.btn-primary:hover {
	background-color: #0056b3;
}

.icon-spacing {
	margin-left: 5px;
	/* Adjust the space as needed */
}

.user_login {
	padding: 5px;
}

.acc-logo {
	width: 15px;
	height: 15px;
}

.btn_bg {
	background-color: #5d3868 !important;
	color: #ffffff !important;
	font-weight: 500;
	border: none;
	padding: 5px 15px 5px 15px;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn_bg:hover {
	background-color: #76407b;
	/* Slightly lighter shade on hover */
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
	color: #fff;
}

.btn_bg:active {
	background-color: #4a2852;
	/* Slightly darker shade on click */
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	transform: translateY(0px);
}

.user-btn {
	background-color: #ffffff !important;
	/* White background */
	border: 1px solid #ccc;
	/* Light gray border */
	padding: 5px 12px;
	/* Adjust padding */
	border-radius: 6px;
	/* Rounded corners */
	color: #333;
	/* Dark gray icon color */
	transition: all 0.3s ease-in-out;
}

/* Hover and Focus Effects */
.user-btn:hover,
.user-btn:focus {
	background-color: #f8f9fa;
	/* Light gray on hover */
	border-color: #bbb;
}

/* Ensure Icon Visibility */
.user-btn i {
	font-size: 15px;
	/* Adjust icon size */
}

/* Active State */
.userlogin_flex {
	display: flex;
	justify-content: end;
}

.menu-bar-flex {
	display: flex;
}

.top_header_2 {
	background: #5d3868;
	padding: 5px;
	height: auto;
}

.top_heder_1_ico {
	display: flex;
	justify-content: space-evenly;
}

.top_heder_1_ico a i {
	width: 20px;
	height: 23px;
}

.media-ico {
	width: 20px;
	height: 27px;
	top: 13px;
	left: 126px;
	gap: 0px;
}

.main-content-text {
	margin-right: 18px;
	color: white;
	text-align: left;
	text-decoration: none !important;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	margin: 0px 0px 0px 5px;
}

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

.contact-txt {
	color: white;
	margin: 0px;
	margin-left: 8px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
}

.cptp-mode {
	padding: 30px;
}

.expertise-section {
	padding: 50px;
}

/* Default styles for the banner */
/* Normal mode */
.custom-bg {
	position: relative;
	background-image: url("../../img/Backgrounds/banner_bg.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

/* Dark mode override */
body.dark-mode .custom-bg {
	background-image: none !important;
	background-color: #000 !important; /* or any dark color */
}

.stake_bg {
	position: relative;
	background-image: url("../../img/Yashda_home/eventbg.png");
    padding: 20px 0px 20px 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;

}
body.dark-mode .stake_bg {
    background: #000;
}

/* Landing Page Banner */
/* Landing Page Banner */
.landing-banner {
	height: 548px;
	/* Set height for the landing page */
}


/* .landing-banner .banner-image {
  height: 500px;
  object-fit: cover;
} */

/* Subpage Banner Image */
.subpage-banner {
	height: 350px;
	/* Adjust height as needed */
}

.main-banner-image {
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.subpage-banner-image {
	width: 100%;
	/* Adjust width as needed */
	height: 350px;
	/* Adjust height as needed */
}

/* LANDING PAGE HEADINGS */
/* .state-heading {
  margin: 85px 0px 20px 35px;
} */

.state-heading h2 {
	font-family: var(--font-primary);
	width: 90%;
	font-size: 35px;
	font-weight: 600;
	line-height: 45px;
	color: #885896;
	padding: 20px;
}

.state-heading h5 {
	font-family: var(--font-primary);
	font-size: 17px;
	width: 80%;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	padding: 0px 0px 0px 20px;
	letter-spacing: 0.48px;
	text-align: justify;
}

/* SUBPAGE HEADINGS */
/* .subpage-heading {
  margin: 50px 0px 15px 20px; /* Less margin for subpages
} */

.subpage-heading h2 {
	font-family: var(--font-primary);
	font-size: 28px;
	/* Smaller font size */
	font-weight: 500;
	line-height: 42px;
	/* Adjusted line height */
	color: #885896;
	/* Darker color for subpages */
	padding: 15px;
	width: 90%;
}

.subpage-heading h5 {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #303030;
	/* Slightly lighter color */
	padding: 0px 0px 0px 20px;
	width: 75%;
}

.state-plan {
	background: url(../../img/Backgrounds/Group49100.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 20px 50px 20px;
}

.cptp-plan {
	background: url(../../img/Backgrounds/Group8135.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 20px 50px 20px;
}

.elc-plan {
	background: url(../../img/Backgrounds/Group8136.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 20px 50px 20px;
}

.wildlife-plan {
	background: url(../../img/Backgrounds/Group813815.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 20px 50px 20px;
}

.cptp_img2 {
	margin: 40px 0px 0px 0px;
}

.carousel-item {
	position: relative;
}

.combo-img {
	margin: 20px 10px 20px 10px;
}

.train-heading {
	position: relative;
	top: 120px;
}

.train-heading h2 {
	font-family: var(--font-primary);
	font-size: 46px;
	font-weight: 600;
	line-height: 55px;
	color: #ffffff;
	padding: 20px 20px 20px 20px;
}

.train-heading h5 {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
	color: #ffffff;
	padding: 0px 0px 0px 20px;
}

.regis_bg {
	background: url(../../img/Yashda_home/rbg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px;
}

.contcat-ico {
	width: 20px;
	height: 20px;
	top: 18px;
	left: 327px;
	gap: 0px;
}

.contact-layout {
	margin-left: 30px;
}

.selectpicker {
	border-radius: 20px;
	height: 27px;
	padding: 4.5px;
	font-size: 12px;
	font-weight: 500;
}
body.dark-mode .selectpicker {
    background: #000;
    border: 1px solid #ccc;
}
.volume {
	--line: #fff;
	--line-width: 6px;
	margin-right: 38px !important;
	margin-left: 2px !important;
	--duration: 0.5s;
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.volume input {
	display: none;
}

.volume input+svg {
	display: block;
	fill: none;
	stroke: var(--line);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: var(--line-width);
	width: 23px;
	height: 23px;
}

.volume input+svg path {
	-webkit-animation: var(--name) var(--duration) ease forwards;
	animation: var(--name) var(--duration) ease forwards;
}

.volume input+svg path:nth-child(2) {
	stroke-dashoffset: 1px;
}

.volume input+svg path:nth-child(3) {
	stroke-dashoffset: 1px;
}

.volume input:checked+svg path:nth-child(1) {
	--name: shape;
}

.volume input:checked+svg path:nth-child(2) {
	--name: small;
}

.volume input:checked+svg path:nth-child(3) {
	--name: large;
}

.volume input:not(:checked)+svg path:nth-child(1) {
	--name: shape-r;
}

.volume input:not(:checked)+svg path:nth-child(2) {
	--name: small-r;
}

.volume input:not(:checked)+svg path:nth-child(3) {
	--name: large-r;
}

@-webkit-keyframes small {

	0%,
	30% {
		stroke-dasharray: 0 0 30px 64px;
	}

	40% {
		stroke-dashoffset: 16px;
	}

	80%,
	100% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dasharray: 0 43px 30px 64px;
	}

	100% {
		stroke-dasharray: 0 39px 30px 64px;
	}
}

@keyframes small {

	0%,
	30% {
		stroke-dasharray: 0 0 30px 64px;
	}

	40% {
		stroke-dashoffset: 16px;
	}

	80%,
	100% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dasharray: 0 43px 30px 64px;
	}

	100% {
		stroke-dasharray: 0 39px 30px 64px;
	}
}

@-webkit-keyframes small-r {
	0% {
		stroke-dasharray: 0 39px 30px 64px;
	}

	0%,
	40% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dashoffset: 16px;
	}

	70%,
	100% {
		stroke-dasharray: 0 0 30px 64px;
	}
}

@keyframes small-r {
	0% {
		stroke-dasharray: 0 39px 30px 64px;
	}

	0%,
	40% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dashoffset: 16px;
	}

	70%,
	100% {
		stroke-dasharray: 0 0 30px 64px;
	}
}

@-webkit-keyframes large {

	0%,
	30% {
		stroke-dasharray: 0 0 50px 84px;
	}

	40% {
		stroke-dashoffset: 16px;
	}

	80%,
	100% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dasharray: 0 82px 32px 84px;
	}

	100% {
		stroke-dasharray: 0 78px 32px 84px;
	}
}

@keyframes large {

	0%,
	30% {
		stroke-dasharray: 0 0 50px 84px;
	}

	40% {
		stroke-dashoffset: 16px;
	}

	80%,
	100% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dasharray: 0 82px 32px 84px;
	}

	100% {
		stroke-dasharray: 0 78px 32px 84px;
	}
}

@-webkit-keyframes large-r {
	0% {
		stroke-dasharray: 0 78px 32px 84px;
	}

	0%,
	40% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dashoffset: 16px;
	}

	70%,
	100% {
		stroke-dasharray: 0 0 50px 84px;
	}
}

@keyframes large-r {
	0% {
		stroke-dasharray: 0 78px 32px 84px;
	}

	0%,
	40% {
		stroke-dashoffset: 1px;
	}

	70% {
		stroke-dashoffset: 16px;
	}

	70%,
	100% {
		stroke-dasharray: 0 0 50px 84px;
	}
}

@-webkit-keyframes shape {
	0% {
		stroke-dasharray: 60px 0 184px;
		stroke-dashoffset: 0;
	}

	70% {
		stroke-dasharray: 63px 51px 184px;
		stroke-dashoffset: 21px;
	}

	100% {
		stroke-dasharray: 59px 47px 184px;
		stroke-dashoffset: 17px;
	}
}

@keyframes shape {
	0% {
		stroke-dasharray: 60px 0 184px;
		stroke-dashoffset: 0;
	}

	70% {
		stroke-dasharray: 63px 51px 184px;
		stroke-dashoffset: 21px;
	}

	100% {
		stroke-dasharray: 59px 47px 184px;
		stroke-dashoffset: 17px;
	}
}

@-webkit-keyframes shape-r {
	0% {
		stroke-dasharray: 59px 47px 184px;
		stroke-dashoffset: 17px;
	}

	100% {
		stroke-dasharray: 60px 0 184px;
		stroke-dashoffset: 0;
	}
}

@keyframes shape-r {
	0% {
		stroke-dasharray: 59px 47px 184px;
		stroke-dashoffset: 17px;
	}

	100% {
		stroke-dasharray: 60px 0 184px;
		stroke-dashoffset: 0;
	}
}

html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

* {
	box-sizing: inherit;
}

*:before,
*:after {
	box-sizing: inherit;
}

.logo-header-bg {
	background: #ffffff;
}

.search_btn .magnifying {
	width: 24px;
	/* Adjust size as needed */
	height: 24px;
}

.logo-img {
	margin: 6px;
	height: 80px;
	width: 80px;
}
body.dark-mode .logo-img {
    background: #ffffff
}

.login_logo {
	width: 40px;
}

.login_emblem {
	width: 40px;
}

.emb {
	width: 40px;
}
body.dark-mode .emb {
    background: #ffffff;
}

.main-text-2 {
	width: 100% !important;
}

.m-txt-1 {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #001e3d;
	margin: 0px;
}

.m-txt_1 {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #001e3d;
	margin: 0px;
}

.m-txt-2 {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	line-height: 33px;
	text-align: center !important;
	color: #001f3f;
	margin: 0px;
}

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

.wrapper {
	width: 100%;
	max-width: 31.25rem;
	margin: 6rem auto;
}

.label {
	font-size: 0.625rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: +1.3px;
	margin-bottom: 1rem;
}

.searchBar {
	width: 330px;
	display: flex;
	flex-direction: row;
	align-items: center;
	/* margin-left: 200px; */
}

body.dark-mode .btn_search {
    background: #000000;
    border: 1px solid #ccc;
}
.btn_search {
	background-color: #5d3868;
	height: auto;
	width: 53px;
	border-radius: 10px;
	margin-left: 15px;
	color: #ffffff;
	/* Ensures text color is white */
	border: none;
	/* Optional: removes default border */
	transition: background-color 0.3s ease, transform 0.1s ease;
	cursor: pointer;
}

.btn_search:hover {
	background-color: #3d2645;
	color: #ffffff;
}

.btn_search:active {
	background-color: #2b1b33 !important;
	/* Slightly darker for active state */
	color: #ffffff !important;
	transform: scale(0.97);
	/* Optional: gives a click feedback */
}


#searchQueryInput {
	width: 100%;
	height: auto;
	gap: 0px;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
	opacity: 0px;
	padding-left: 10px;
}
body.dark-mode #searchQueryInput {
    background-color: #000;
}

.magnifying {
	position: relative;
	top: 5px;
}

#searchQuerySubmit {
	width: 3.5rem;
	height: 2.8rem;
	margin-left: -3.5rem;
	background: none;
	border: none;
	outline: none;
}

#searchQuerySubmit:hover {
	cursor: pointer;
}

.d_flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.navmenu {
	background: #010439;
}

.end-footer {
	background: #232323;
	padding: 5px;
}

.foot-txt-2 {
	font-family: var(--font-primary);
	margin: 0px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 400;
	line-height: 16.41px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	padding: 5px 0px;
}

.dev-txt {
	text-decoration: none;
	color: #ffffff;
	font-family: var(--font-primary);
	font-size: 10px;
	font-weight: 500;
	text-align: justify;
	line-height: 16.41px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
}

.visitor-count {
	display: flex;
	justify-content: center;
	align-items: center;
}

.visitor-count .labels {
	font-family: var(--font-primary);
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
	line-height: 18.75px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
	margin: 0px;
}

.visitor-count .count {
	display: flex;
	justify-content: center;
	background-color: #ffffff;
	padding: 1px 10px;
	border-radius: 5px;
	margin-left: 20px;
}
body.dark-mode .visitor-count .count {
    background: #ccc;
}

.visitor-count .count span {
	font-family: var(--font-primary);
	color: #0464a0;
	font-size: 15px;
	font-weight: 400;
	margin: 0 5px;
}

.vid-btn {
	color: #525252 !important;
	letter-spacing: 0.5px !important;
}

.Footer-menu {
	background: url(../../img/Yashda_home/footer_bg.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 15px 5px 5px 5px;
	/* background:var(--theme-color) !important; */
}
body.dark-mode .Footer-menu {
    background-image: none !important;
    background-color: #333 !important;
}

.footer-logo {
	margin: 14px 0px;
}

.footer-logo img {
	width: 65px;
	height: 65px;
}

.foot-logo {
	height: 50px;
	width: 50px;
}

.foot-txt-link {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	line-height: 21.09px;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
}

.address_yashada {
	font-family: var(--font-primary);
	font-size: 13px;
	font-weight: 400;
	line-height: 21.09px;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
}

.footer-underline {
	border-top: solid #ffffff 3px !important;
	width: 150px;
	margin: 0px;
	color: inherit;
	border: 0;
	border-top: var(--bs-border-width) solid;
	opacity: 9.25;
}

.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 100%;
	margin-right: 7px;
	margin-left: 7px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #d9d9d9;
	background-clip: padding-box;
	border: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 0.5;
	transition: opacity 0.6s ease;
}

.carousel-indicators .active {
	opacity: 1 !important;
	background-color: #f4af34 !important;
}

.key-person {
	background: transparent;
	padding: 20px;
}

.key-person-txt {
	color: #ffffff;
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 21.09px;
	text-align: left;
	text-align: justify;
}

.latest-news {
	background: #313e3b;
	padding: 15px;
}

.news-txt-h {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 21.09px;
	text-align: left;
	color: #ffffff;
	margin: 0px;
}

.news {
	padding: 15px;
	background: #ededed;
	height: 400px;
}

.news-main-txt {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 500;
	line-height: 18.75px;
	text-align: justify;
	text-align: left;
	color: #303030;
}

.news-underline {
	border-top: 2px dashed #5b5b5b;
	margin-bottom: 14px !important;
}

.news-btn {
	border-radius: 40px !important;
	background: #0464a0 !important;
}

.swiper {
	overflow: hidden;
	/*     width: 600px; */
	display: flex;
	margin: 0 auto;
	position: relative;
	transition: 1s;
}

.swiper img {
	width: 100%;
	height: 100%;
	display: none;

	transition: 1s;
}

.swiper i {
	position: absolute;
	top: 50%;
	margin-left: 10px;
	margin-right: 10px;
	transform: translateY(-50%);
	color: white;
	font-size: 25px;
	cursor: pointer;
}

/* .main-header-fix {
  position: fixed;
  z-index: 10;
  width: 100%;
} */
.useful-link {
	background: #e2d6e4;
	padding: 50px;
}

.links-topline {
	border-top: solid #248ac8 5px !important;
	width: 90px;
	margin: 0px;
	color: inherit;
	border: 0;
	border-top: var(--bs-border-width) solid;
	opacity: 9.25;
	position: absolute;
}

.Website-txt {
	color: #0464a0 !important;
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 4px;
	text-align: left;
	text-align: justify;
	padding: 1px;
}

.uselink-ico {
	height: 122px;
	width: 244px;
	padding: 22px;
}

.useful-link-head-text {
	font-weight: 700;
	font-size: 40px;
	color: #303030;
}

.useful-link-h-text {
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.use-link-text-align {
	display: flex;
	align-items: center;
	justify-content: center;
}

.useful-link-ico-align {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* .bg-nav {
  background: #010439;
}
.nav-link {
  color: white;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000;
  background-color: #fcfcfc;
  border-radius: 0px;
} */
.navmenu-text {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

s.sectionClass {
	padding: 50px 0px;
	position: relative;
	display: block;
}

.fullWidth {
	width: 100% !important;
	display: table;
	float: none;
	padding: 0;
	min-height: 1px;
	height: 100%;
	position: relative;
}

.sectiontitle {
	background-position: center;
	margin: 30px 0 0px;
	text-align: center;
	min-height: 20px;
}

.sectiontitle h2 {
	font-size: 30px;
	color: #222;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

.image-description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 10px 12px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin: 0px;
}
.one-image-description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 10px 12px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin: 0px;
}
.headerLine {
	width: 160px;
	height: 2px;
	display: inline-block;
	background: #101f2e;
}

.projectFactsWrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background: #ffffff;
}

#projectFacts .fullWidth {
	padding: 0;
}

.projectFactsWrap .item {
	width: 25%;
	height: 100%;
	display: flex;
	padding: 20px 0px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.projectFactsWrap .item p.number {
	font-family: var(--font-primary);
	font-size: 40px;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
	color: black;
}

.projectFactsWrap .item p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 18px;
	margin: 0;
	padding: 10px;
	font-family: "Open Sans";
}

.projectFactsWrap .item span {
	width: 60px;
	background: rgba(255, 255, 255, 0.8);
	height: 2px;
	display: block;
	margin: 0 auto;
}

.projectFactsWrap .item i {
	vertical-align: middle;
	font-size: 50px;
	color: rgba(255, 255, 255, 0.8);
}

.projectFactsWrap .item:hover i,
.projectFactsWrap .item:hover p {
	color: rgb(29, 28, 28);
}

.projectFactsWrap .item:hover span {
	background: rgb(29, 29, 29);
}

@media (max-width: 786px) {
	.projectFactsWrap .item {
		flex: 0 0 50%;
	}
}

/* AUTHOR LINK */

footer .authorWindow a {
	color: white;
	text-decoration: none;
}

footer p strong {
	color: rgba(255, 255, 255, 0.9);
}

.about-me-img {
	width: 120px;
	height: 120px;
	left: 10px;
	/* bottom: 30px; */
	position: relative;
	border-radius: 100px;
}

.authorWindow {
	width: 600px;
	background: #75439a;
	padding: 22px 20px 22px 20px;
	border-radius: 5px;
	overflow: hidden;
}

.authorWindowWrapper {
	display: none;
	left: 110px;
	top: 0;
	padding-left: 25px;
	position: absolute;
}

.trans {
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
	.authorWindow {
		width: 210px;
	}

	.authorWindowWrapper {
		bottom: -170px;
		margin-bottom: 20px;
	}

	footer p {
		font-size: 14px;
	}
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #ffffff !important;
	background: #5c3867 !important;
	font-size: 14px;
	font-weight: 500;
}

/* .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #1a4464;
  background-color: transparent;
}

.nav-link {
  display: block;
  padding: 2px 6px;
  color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  height: 34px;
  font-size: 14px;
  width: 90px;
  font-weight: 500;
}

.nav-link:focus,
.nav-link:hover {
  color: #979797;
} */

.gallery-switch-btn {
	display: flex;
	justify-content: center;
}

.gallery {
	padding: 45px;
	background-color: #00446d;
}

.gallery-h-txt {
	font-family: var(--font-primary);
	font-size: 35px;
	color: white;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
}

.table-container {
	overflow: hidden;
	border-radius: 14px;
	border-bottom-left-radius: 60px 30px;
	border-bottom-right-radius: 60px 30px;
}

.active-1 {
	background-color: white;
	color: #000 !important;
}

.key-persons-ico {
	width: 54px !important;
	height: 54px;
}

.d-trainning-main {
	background: var(--No_White, #e2d6e4);
}

.text-m-tranning {
	color: var(--Dark, #1a1a1a);
	font-family: var(--font-primary);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	/* 104.167% */
}

.text-m-tranning-title {
	color: var(--Dark, #1a1a1a);
	font-family: var(--font-primary);
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	/* 104.167% */
}

.text-h-tranning {
	color: var(--Dark-Text, #303030);
	font-family: var(--font-primary);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	/* 144.444% */
}

.text-c-tranning {
	color: var(--Dark-Text, #303030);
	font-family: var(--font-primary);
	font-size: 16px;
	font-style: normal;
	text-align: justify;
	font-weight: 400;
	line-height: 26px;
}

.d-trainning {
	padding: 35px;
}

.containt-img {
	height: 155px;
	width: 212px;
	padding: 9px 17px 10px 0px;
}

.employee-register-btn {
	border-radius: 40px;
	background: var(--Barti_Blue, #0464a0);
	padding: 15px 20px 15px 20px;
}

.align-drop {
	display: flex !important;
	align-items: center;
}

.fb-input {
	border-radius: 20px !important;
	height: 45px;
}

.key-peple-imf-pd {
	/* width: 98px; */
	padding: 0px 65px 0px 65px;
}

.person-name-txt {
	color: var(--White, #fff);
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
}

.person-details-1 {
	display: flex;
	align-items: center;
	padding: 0px 0px 0px 20px;
}

.person-post-txt {
	color: var(--White, #fff);
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
}

.contact-c-text {
	color: var(--Dark-Text, #303030);
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

/* .annouce-slide-txt-main{
  background: var(--No_White, #E2D6E4);
  padding: 20px;
} */
.send_inquiry {
	position: relative;
}

.owl-carousel .item1 {
	position: relative;
	/* Required for absolute positioning of overlay */
}

.training_inquiry {
	position: absolute;
	width: 100%;
	top: 63%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 10;
	/* Ensure text is above images */
}

.mdc-title {
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	/* Adjust as needed */
	margin: 0;
	/* Remove default margins */
}

.mdl_header {
	background: #5d3868;
	color: #ffffff;
	border-radius: 0;
}

.train_info {
	font-size: 18px;
	font-weight: 500;
	margin: 5px 5px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
}

.inq_btn {
	margin-top: 15px;
	/* Space above button */
	text-align: center;
	/* Centers the button */
}
.btn-inq {
	background: #ffffff;
	border-radius: 10px;
	padding: 10px 25px;
	font-size: 16px;
	font-weight: bold;
	color: #001f3f;
	border: none;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
}
body.dark-mode .btn-inq {
    background: #333 !important;
    border: 1px solid #fff !important;
}
body.dark-mode .btn-inq:hover {
    background: #000 !important;
    border: 1px solid #fff !important;
}
.btn-inq:hover {
	background: #e0a818;
	transform: scale(1.05);
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
	/* Enhanced shadow */
	color: #010439;
}

.container_events {
	width: 100%;
	background-color: #fff;
	border-radius: 1px;
	max-height: 300px;
}
body.dark-mode .container_events {
    background: #000000;
}
body.dark-mode #upcoming_div,
  #ongoing_div{
    background: none;
  }
#upcoming_div,
  #ongoing_div {
    max-height: 300px; /* adjust height as needed */
    overflow-y: auto;
  }

.shadow-3 {
	box-shadow: 0 2px 6px -1px rgba(var(--mdb-box-shadow-color-rgb), 0.07),
		0 6px 18px -1px rgba(var(--mdb-box-shadow-color-rgb), 0.04) !important;
}

.border-0 {
	border: 0px !important;
}

.shadow-4 {
	box-shadow: 0 2px 15px -3px rgba(var(--mdb-box-shadow-color-rgb), 0.07),
		0 10px 20px -2px rgba(var(--mdb-box-shadow-color-rgb), 0.04) !important;
}

.tabs_upcoming {
	border-bottom: 1px solid #afafaf2e;
}

.scroll-container {
	height: 500px;
	/* Adjust height as needed */
	overflow-y: hidden;
	/* Hide vertical scrollbars */
	position: relative;
	/* Ensure child elements are positioned relative to this container */
}


.training-tab-content {
	display: none;
	/* Hide all tabs initially */
}

.training-tab-content.active {
	display: block;
}

.tab-button {
	flex: 1;
	padding: 10px;
	background-color: #e4e4e4;
	font-weight: 600;
	border: none;
	cursor: pointer;
	font-size: 12px;
	border-radius: 15px 15px 0 0;
	color: #000000;
	width: 80px;
	height: 30px;
}
body.dark-mode .tab-button {
    background-color: #333;
}
.tab-button.active {
	background-color: #5d3868 !important;
	color: #ffffff;
	width: 80px;
	height: 30px;
	font-weight: 600;
}

.content {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.training-item {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/* Base styles for the image */
.blog-image {
	transition: transform 0.4s ease-in-out;
}

.blogs-para {
	font-family: var(--font-primary);
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	text-align: justify;
	color: #303030;
	margin: 5px 0px 5px 0px;
}

.date {
	background-color: #f4af34;
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 10px;
	font-size: 14px;
}

.event_details {
	font-family: var(--font-primary);
	font-size: 22px;
	font-weight: 400;
	line-height: 25px;
	text-align: left;
	color: #001f3f;
    margin: 10px 0px;
}
.view-all {
	background-color: #f4af34;
	color: white;
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
	margin: 10px 0px 10px 0px;
}
body.dark-mode .view-all {
    background-color: #2E3032;
    border: 1px solid #ccc;
    transition: background-color 0.3s ease;
}

body.dark-mode .view-all:hover {
    background-color: #000000;
}


.view_all {
	text-align: end;
}

.train_divider {
	border-bottom: 0.9px solid #d9d9d9;
	/* Adjust the color and style as needed */
	margin: 10px 0;
	/* Adjust the margin as needed */
	width: 100%;
	/* Make the divider span the full width */
}

.bg_body {
	background: url(../../img/Yashda_home/updatebg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.container-excellence {
	background: #ffffff;
	border: 1px solid #885896;
	padding: 12px;
	margin-bottom: 10px;
}

.arun_sir {
	width: 50px;
	/* Adjust image size as needed */
	height: auto;
}

.excellence_details {
	font-family: var(--font-primary);
	font-size: 10px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color: #303030;
	margin-left: 10px;
	text-transform: uppercase;
}

.news-container {
	height: 300px;
	/* Adjust height as needed */
	overflow: auto;
	position: relative;
}

.projectlist1 {
    list-style: none; /* remove default bullet */
    padding-left: 0;
    height: 300px;
    overflow-y: auto;
}

.projectlist1 li {
    position: relative;
    padding-left: 22px; /* space for icon */
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    color: #303030;
    font-family: var(--font-primary);
    text-align: justify;
    margin: 0px 0px 5px;
}

.projectlist1 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px; /* adjust based on icon size */
    width: 20px;
    height: 20px;
    background-image: url('../../img/stat_0.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

@keyframes scrollUp {
	0% {
		transform: translateY(0%);
	}

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

.blog_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.blogs-btn {
	font-family: var(--font-primary);
	font-weight: 500;
	width: 110px;
	background-color: #ffffff;
	color: rgb(0, 0, 0);
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 10px;
	gap: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
body.dark-mode .blogs-btn {
    background: #333;
    border: 1px solid #ccc;
    color: #fff;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

body.dark-mode .blogs-btn:hover {
    background-color: #000;
    border-color: #555; /* Optional: slightly darker border */
    color: #fff; /* Ensure text stays readable */
}

.read-more {
	font-family: var(--font-primary);
	font-weight: 500;
	background-color: #5c3867;
	color: rgb(255, 255, 255);
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
	margin: 10px 0px 10px 0px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	font-size: 20px;
}
body.dark-mode .read-more {
    background-color: #333;
    border: 1px solid #fff;
    color: #fff;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

body.dark-mode .read-more:hover {
    background-color: #000;
    border-color: #ccc; /* Optional: softer border on hover */
    color: #fff;
}

.blogs-btn:hover {
	background-color: #ededed;
	color: #000000;
}

.blogs-btn:focus {
	background: #f4af34;
	color: #ffffff;
}

.blogs-btn.active {
	background-color: #5d3868;
	color: #ffffff;
}
body.dark-mode .blogs-btn.active {
    background-color: #5d3868 !important;
    border: transparent;

}

.blog-content {
	display: none;
}


.blog-content.active {
	display: block;
}

.blog_card {
	border-radius: 8px;
}


.blog_img {
	width: 100%;
	height: 270px !important;
	/* Default height for larger screens */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.blog-h {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 28px;
	line-height: 25px;
	letter-spacing: 0.48px;
}

.separator span {
	position: relative;

}

.separator span:not(:last-child)::after {
	content: "|";
	/* Vertical divider */
	position: absolute;
	right: -5px;
	/* Adjust position */
	color: #ccc;
	/* Light gray color */
}

.blog-info {
	font-family: var(--font-primary);
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.48px;
	text-align: justify;
	color: #303030;
}

.full-page-img {
	height: 450px;
	object-fit: cover;
}

.blog-img {
	position: relative;
}

.badge_1 {
	position: absolute;
	top: 10px;
	/* Adjust as needed */
	right: 10px;
	/* Adjust as needed */
	background-color: #f4af34;
	/* Background color of the box */
	color: #ffffff;
	/* Text color */
	padding: 10px 12px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	text-align: center;
	/* Optional shadow for better visibility */
	font-weight: 600;
	cursor: pointer;
}

.blogs_content {
	background: url(../../img/Yashda_home/eventbg.png);
	padding: 5px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
body.dark-mode .blogs_content {
    background:#000;
}

.insights {
	position: relative;
	/* Position relative for absolute positioning of children */
	background: url(../../img/Yashda_home/insights.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px;
}

.insights::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,
			0,
			0,
			0.7);
	/* Dark overlay to enhance text visibility */
	z-index: 1;
	/* Lower than the title */
}

.insight_title {
	font-family: var(--font-primary);
	position: relative;
	/* Relative positioning to stack above the overlay */
	z-index: 2;
	/* Ensures the title is above the overlay */
	color: #fff;
	/* White color for contrast */
	font-size: 28px;
	/* Adjust font size as needed */
	font-weight: bold;
	/* Makes the text bold */
	text-align: center;
	/* Centers the text */
	margin-top: 20px;
	/* Adds space from the top */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	/* Adds a subtle shadow for better readability */
}

.divider {
	width: 100%;
	/* Full width of the container */
	height: 12px;
	/* Thin line */
	background-color: #d9d9d9;
	/* Color of the divider line */
	margin: 20px 0;
	/* Space above and below the divider */
}

.yashada_info {
	display: flex;
	align-items: center;
}

.info_count {
	position: relative;
	/* Relative positioning to stack above the overlay */
	z-index: 2;
	/* Ensures the title is above the overlay */
	color: #f4af34;
	/* White color for contrast */
	font-size: 100px;
	/* Adjust font size as needed */
	font-weight: bold;
	/* Makes the text bold */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	/* Adds a subtle shadow for better readability */
}

.no_yashada {
	position: relative;
	/* Relative positioning to stack above the overlay */
	z-index: 2;
	/* Ensures the title is above the overlay */
	color: #fff;
	/* White color for contrast */
	font-size: 24px;
	/* Adjust font size as needed */
	font-weight: 500;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	/* Adds a subtle shadow for better readability */
	padding: 10px;
}

.gallery_video {
	width: 100%;
    height: 290px !important;
}

.External_links {
	background-position: center center;
	padding: 25px 30px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.ex_links {
	font-family: var(--font-primary);
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 10px 0px 20px 0px;
	color: #001f3f;
}

.foot-txt-title-1 {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	line-height: 21.09px;
	text-align: left;
	color: #ffffff;
}

.foot-txt-title {
	font-family: var(--font-primary);
	font-size: 24px;
	font-weight: 700;
	line-height: 28.13px;
	text-align: left;
	color: #ffffff;
}

.custom-list {
	list-style-type: none;
	/* Remove default bullets */
	padding-left: 0;
	/* Remove default padding */
}

.custom-list li {
	font-family: var(--font-primary);
	position: relative;
	/* Position relative to position the arrow */
	padding-left: 20px;
	/* Add space for the arrow */
	margin-bottom: 5px;
	/* Space between list items */
	font-size: 12px;
}

.custom-list li a {
	color: white;
	/* Set text color to white */
	text-decoration: none;
	/* Remove underline from links */
	width: 100%;
	/* Make the link cover the entire li area */
	cursor: pointer;
}

.custom-list li a:hover {
	color: #ffcc00;
	/* Change text color on hover */
}

.custom-list li::before {
	content: ">>";
	/* Unicode arrow character */
	position: absolute;
	/* Position absolute to place it properly */
	left: 0;
	/* Align it to the left */
	top: 50%;
	/* Center it vertically */
	transform: translateY(-50%);
	/* Adjust for vertical centering */
	color: white;
	/* Color of the arrow */
}

.visitor_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
}

.pagination-visit-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 18.75px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
	color: #ffffff;
}

.pagination-visit-controls {
	display: flex;
	align-items: center;
	/* Center-align items vertically */
	justify-content: center;
	/* Center-align items horizontally */
}

.pagination-control {
	background-color: #ff6f61;
	/* Button background color */
	border: none;
	color: #ffffff;
	/* Button text color */
	font-size: 1.2rem;
	/* Font size for buttons */
	padding: 10px 15px;
	/* Button padding */
	border-radius: 4px;
	/* Rounded corners for buttons */
	margin: 0 5px;
	/* Space between buttons */
	cursor: pointer;
	/* Pointer cursor on hover */
	transition: background-color 0.3s ease;
	/* Smooth background color transition */
}

.pagination-control:hover {
	background-color: #de1d62;
	/* Darker shade on hover */
}

.pagination-numbers {
	display: flex;
	align-items: center;
	/* Center-align page numbers vertically */
}

.page-number {
	background-color: #ff6f61;
	/* Background color for page numbers */
	border: 1px solid #de1d62;
	/* Border color for page numbers */
	color: #ffffff;
	/* Text color for page numbers */
	font-size: 1.2rem;
	/* Font size for page numbers */
	padding: 8px 12px;
	/* Padding inside page numbers */
	border-radius: 4px;
	/* Rounded corners for page numbers */
	margin: 0 3px;
	/* Space between page numbers */
	cursor: pointer;
	/* Pointer cursor on hover */
	transition: background-color 0.3s ease;
	/* Smooth background color transition */
}

.page-number:hover,
.page-number.active {
	background-color: #de1d62;
	/* Darker shade on hover or active */
	border-color: #ff6f61;
	/* Match the border with background on hover/active */
}

.scroll-to-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 30px;
	height: 30px;
	color: black;
	background-color: #5d3868;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	z-index: 50;
}

.scroll-up-ico {
	color: white;
	font-size: 15px;
}

.scroll-btn-ani::before,
.scroll-btn-ani::after {
	position: absolute;
	content: "";
	bottom: -7px;
	top: -7px;
	left: -7px;
	right: -7px;
	border-radius: 50%;
	background-color: transparent;
	transform-origin: center;
}

.scroll-btn-ani::before {
	border: 4px solid #ffffff;
	opacity: 0.8;
	animation: pulse-white 800ms linear 400ms infinite;
}

.scroll-btn-ani::after {
	border: 4px solid #5d3868;
	opacity: 1;
	animation: pulse-blue 800ms linear infinite;
}

@keyframes pulse-white {
	0% {
		transform: scale(1);
		opacity: 0.8;
	}

	50% {
		transform: scale(1.1);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		opacity: 0.8;
	}
}

@keyframes pulse-blue {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.ex-mobile-flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.Login_bg {
	background: url(../../img/Yashda_home/login_bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.centers-section {
	background-color: #3674b5;
	color: #ffffff;
	padding: 8px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	/* Soft shadow */
}

.yash_history {
	background: url("../../img/banner_bg.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 20px 60px 30px;
}
body.dark-mode .yash_history {
    background: url("../../img/Backgrounds/dark-bg.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.abpsea_bg {
	background: url(../../img/ABPSEA/bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 80px 20px 80px 50px;
}

.cit_bg {
	background: url(../../img/citimage/cit_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 80px 20px 80px 50px;
}

.bread_home {
	width: 20px;
	height: 20px;
	position: relative;
	top: -3px;
}

.milestone_yashada {
	background: url(../../img/historyyashada/Frame\ 48043\ 1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 20px;
}

.tab-container {
	width: 100%;
	text-align: center;
	padding: 40px 0;
	background: white;
}

.nav-tabs-custom {
	border-bottom: none;
	display: flex;
	justify-content: center;
}

.nav-tabs-custom .nav-item {
	flex: 1;
	text-align: center;
}

.nav-tabs-custom .nav-link {
	border: none;
	color: #6c757d;
	font-size: 18px;
	cursor: pointer;
	font-weight: 500;
	padding: 12px 20px;
	width: 100%;
	background: transparent;
	position: relative;
	transition: color 0.3s;
}

.nav-tabs-custom .nav-link.active {
	color: #212529;
	font-weight: bold;
}

.nav-tabs-custom .nav-link::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #212529;
	transition: all 0.3s ease-in-out;
	transform: translateX(-50%);
}

.nav-tabs-custom .nav-link.active::after {
	width: 50%;
}

.tab-content1 {
	padding: 20px;
	background: white;
	border-top: 2px solid #dee2e6;
}

.custom-tab-content {
	margin-top: 10px;
}

.custom-tab-pane {
	display: none;
}

.custom-tab-pane.active {
	display: block;
}

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

.slider-image-container {
	position: relative;
	/* Establishes a positioning context for the text overlay */
}

.slider-image-overlay p {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* Semi-transparent background */
	color: #ffffff;
	text-align: center;
	padding: 10px 12px;
	font-size: 14px;
	margin: 0px;
}

.mile-img {
	display: block;
	/* Ensures images are block-level elements */
	width: 100%;
	/* Adjust width as needed */
	height: auto;
	/* Maintain aspect ratio */
}

.text-overlay {
	position: absolute;
	/* Positions text absolutely within the container */
	top: 50%;
	/* Center text vertically */
	left: 50%;
	/* Center text horizontally */
	transform: translate(-50%,
			-50%);
	/* Adjust positioning to truly center text */
	color: white;
	/* Text color, adjust as needed */
	font-size: 16px;
	/* Text size, adjust as needed */
	background-color: rgba(0,
			0,
			0,
			0.5);
	/* Optional background color with opacity for readability */
	padding: 5px;
	/* Padding around the text */
	border-radius: 5px;
	/* Rounded corners for the text background */
	text-align: center;
	/* Center text inside the overlay */
	z-index: 1;
	/* Ensure text is above the image */
}

.mile_title {
	font-family: var(--font-primary);
	font-size: 36px;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
	margin-top: 20px;
	color: #885896;
}

.mile_dynamic {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin: 20px 5px 20px 5px;
}

.dynamic_box {
	width: 300px;
	max-width: 100%;
	height: auto;
	background-color: #f4af34;
	border-radius: 20px;
	margin: 20px 20px 0 0;
	cursor: pointer;
	padding: 10px 12px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
}
body.dark-mode .dynamic_box {
    background-color: #333;
    border: 1px solid #fff;
}
.dynamic_box:active {
	background: #001f3f;
	color: #ffffff;
	/* This will apply to all text inside .dynamic_box */
}

.dynamic_box:active h5,
.dynamic_box:active p {
	color: #ffffff;
	/* This ensures both h5 and p have white text when .dynamic_box is active */
}

.dynamic_box h5 {
	font-family: var(--font-primary);
	font-size: 36px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	padding: 5px;
	text-align: center;
	color: #000000;
    margin: 0px;
}

.dynamic_box p {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 600;
	line-height: 21.6667px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
	color: #000000;
	margin: 0px;
}

.d_none {
	display: none;
}

.list_exemembers {
	background: url(../../img/historyyashada/Section.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px;
}

.trainee-bg {
	background: #dedede;
	padding: 25px 0;
}

.exe_flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

.list-no {
	font-family: var(--font-primary);
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	color: #ffffff;
}

.t-count {
	font-family: var(--font-primary);
	font-size: 40px;
	font-weight: 700;
	line-height: 60px;
	color: #232323;
}

.t-count h5 {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #232323;
}

.list-no h5 {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	text-align: justify;
}

.motive_objects {
	padding: 20px;
}

.Objects {
	font-family: var(--font-primary);
	font-size: 26px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #885896;
}

.Objects p {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #303030;
	margin: 20px 0px 20px 0px;
}

.obj_info {
	padding: 35px;
	border-left: 6px solid#5D3868;
	margin: 10px 0px 10px 0px;
	position: relative;
}

.border-left-purple {
	padding: 30px;
	border-left: 6px solid#5D3868;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.border-left-yellow {
	padding: 30px;
	border-left: 6px solid #f4af34;
	/* Green border */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.border-left-blue {
	padding: 30px;
	border-left: 6px solid #001f3f;
	/* Orange border */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.obj_icons {
	text-align: center;
	margin-bottom: 10px;
}

.obj_icons p {
	font-family: var(--font-primary);
	text-align: justify;
	margin-top: 10px;
	color: #303030;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	letter-spacing: 0.48px;
}

.accicon {
	text-align: center;
}

.accicon img {
	width: 50px;
	height: 45px;
}

.DG_li {
	margin-right: 10px;
}

.DG_btn {
	padding: 10px 20px;
	background: #5d3868;
	color: #ffffff;
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	/* Space between text and icon */
	align-items: center;
	/* Center align items vertically */
	padding: 10px 15px;
	/* Adjust padding as needed */
	gap: 10px;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 500;
}

.font-arrow {
	margin-left: 10px;
	/* Add some space between text and icon */
	font-size: 20px;
}

.font-arrow {
	transition: transform 0.3s ease;
}

.DG_btn.active .font-arrow {
	transform: rotate(90deg);
	/* Rotate the icon 180 degrees */
}

.font-arrow:hover {
	color: #ffffff;
}

.font-arrow:active {
	color: #000000 !important;
}

.dg-divider {
	border-bottom: 1px dotted rgb(0 0 0 / 21%);
	margin: 10px 0;
	width: 100%;
}
body.dark-mode .dg-divider {
    border-bottom: 1px dotted #fff
}

.dg-divider1 {
	border-bottom: 1px dotted rgb(0 0 0 / 21%);
	/* Adjust the color and style as needed */
	margin: 2px 0;
	/* Adjust the margin as needed */
	width: 100%;
	/* Make the divider span the full width */
}

.dg-divide {
	border-bottom: 1px solid #d9d9d9;
	/* Adjust the color and style as needed */
	margin: 2px 0;
	/* Adjust the margin as needed */
}

.DG_btn:hover {
	background: #3c2443;
	color: #ffffff;
}

.DG_btn .arrow_side {
	display: flex;
	align-items: center;
	transition: transform 0.3s ease;
}

.DG_btn.active {
	background-color: #f4af34;
	color: #000000 !important;
	border: none;
	border-radius: 10px;
}
body.dark-mode .DG_btn.active {
    background-color: #333 !important;
    border: 1px solid #fff;
}

.Dg_container {
	display: none;
}

.ADG_content {
	display: none;
}

.ADG_content.active {
	display: block;
}

.Qualified-box {
	width: 80%;
}

.ias-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Ensures the image covers the entire area without distortion */
}

.qualification_details {
	display: flex;
	margin-bottom: 10px;
	/* Space between lines */
	justify-content: space-between;
}

.dg_box {
	background: #ffffff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.IAS_Info {
	margin-top: 20px;
}

.dg_box1 {
	background: #ffffff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	margin-top: 20px;
	margin-bottom: 20px;
}

.dg1_box {
	background: #ffffff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.dg_box1 {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	padding: 10px;
}

.dg_bgcolor1 {
	background: #ffecf3;
	/* Grey on top, white at bottom */
	border-radius: 10px;
	padding: 10px;
	width: 100%;
	display: flex;
	flex-direction: row;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.IAS_img {
	display: flex;
	/* Makes sure the image stretches to fill the container */
	justify-content: center;
	/* Centers the image horizontally */
	align-items: center;
	/* Centers the image vertically */
}

.profile_image {
	display: flex;
	/* Makes sure the image stretches to fill the container */
	justify-content: center;
	/* Centers the image horizontally */
	align-items: center;
	/* Centers the image vertically */
}

.ias-img {
	border-radius: 10px;
}

.Ias_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

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

.qualification_details {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.qua_det {
	font-weight: bold;
	margin-right: 10px;
}

.qua_years {
	font-size: 13px;
}

.dg_bgcolor {
	background: #ffecf3;
	border-radius: 10px;
	padding: 10px;
}

.user_name h5 {
	font-family: var(--font-primary);
	color: #001f3f;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.user_name p {
	font-family: var(--font-primary);
	color: #001f3f;
	font-size: 12px;
	font-weight: 400;
	line-height: 9.38px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin: 5px 0px 10px 0px;
}

.Ias_title h5 {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #000;
}

.Ias_title p {
	font-family: var(--font-primary);
	font-size: 12px;
	font-weight: 400;
	line-height: 16.41px;
	text-align: left;
	color: #001f3f;
	padding: 5px;
	margin: 5px 0 10px;
}

.IAS_Info p {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: justify;
	margin-top: 10px 0px 10px 0px;
	color: #484848;
}

.qua_det {
	font-family: var(--font-primary);
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #828282;
	width: 50%;
}

.qua_det1 {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #828282;
	width: 85%;
}

.qua_det span {
	color: #000000;
}

.qua_years {
	font-family: var(--font-primary);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #000000;
	width: 80%;
}

.qua_years p {
	font-size: 10px;
	font-weight: 400;
	text-align: justify;
	line-height: 10px;
}

/* CPTP PAGE */
.CPTP_title {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	text-align: center;
	color: #001F3F;
}

.CPTP_info {
	background: url(../../img/CPTP/cptpbg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 40px 20px 40px 20px;
}

.cptp-name h5 {
	font-family: var(--font-primary);
	font-size: 28px;
	font-weight: 700;
	line-height: 25px;
	text-align: justify;
	color: #5d3868;
}
.cptp-name p {
  margin: 10px 0;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: justify;
  color: #303030;
  letter-spacing: 0.48px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.cptp-header {
	background-color: #5d3868;
	padding: 16px;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	text-align: center;
}

.uploaded-date {
	font-family: var(--font-primary);
	font-size: 13px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	color: #000000;
}

.more_btn {
	font-family: var(--font-primary);
	background: #f4af34;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	margin-right: 20px;
	color: #001f3f;
}

.archive_btn {
	font-family: var(--font-primary);
	background: #5d3868;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #ffffff;
}

.Batches_title {
	font-family: var(--font-primary);
	font-size: 30px;
	position: relative;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 1px;
	color: #001f3f;
	padding: 20px;
}

.Batches_title:after {
	background: var(--bs-pink);
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	margin: 18px auto 0px;
}

.Batches_title p {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 1px;
	padding-top: 20px;
}

.batch_bg {
	background: url(../../img/CPTP/batchbg.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px;
}

.dynamic_box1 {
	width: 200px;
	height: 100px;
	background: linear-gradient(to bottom,
			#b0b0b0,
			#f5f5f5);
	/* Grey and white gradient */
	border-radius: 20px;
	margin-top: 20px;
	cursor: pointer;
	margin-right: 20px;
}

.dynamic_box1:active {
	background: #001f3f;
	color: #ffffff;
	/* This will apply to all text inside .dynamic_box */
}

.dynamic_box1:active h5,
.dynamic_box1:active p {
	color: #ffffff;
	/* This ensures both h5 and p have white text when .dynamic_box is active */
}

.dynamic_box1 h5 {
	font-family: var(--font-primary);
	font-size: 22px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	padding: 12px;
	text-align: center;
	color: #000000;
}

.dynamic_box1 p {
	font-family: var(--font-primary);
	font-size: 13px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
	color: #000000;
}

.gallery_bg {
	background-color: #eeece8;
	background-image: url(../../img/CPTP/gallerybg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 25px 30px;
}
body.dark-mode .gallery_bg {
background-color: #000;
}

.gs1_video {
	position: absolute;
	top: 20px;
}

.play_circle {
	width: 200px;
	height: 200px;
}

.external_cptp {
	background: url(../../img/CPTP/Rectangle\ 3611.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 40px;
}

.yashada_lib {
	padding: 5px 15px 5px 15px;
	background: linear-gradient(#b0b0b0, #f5f5f5);
	border-right: 1px solid #b0b0b0;
}

.gallery-section {
	height: 350px;
}

.e-library {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-align: left;
	color: #151515;
	padding: 20px;
}

.e-library p {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.3199999928474426px;
	text-align: left;
	color: #888888;
}

.browse_logo {
	cursor: pointer;
}


/* Overlay text container */
.overlay-text {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

.overlay-text1 {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: 5px;
	color: #000000;
	cursor: pointer;
	flex-wrap: wrap;
	justify-content: center;
}

.overlay-text2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #000000;
	/* Change this to your desired text color */
	/* Add any additional styles you need */
}

/* Style for the image inside overlay text */
.overlay-text img {
	width: 50px;
	/* Adjust size as needed */
	height: auto;
	/* Maintain aspect ratio */
	margin-right: 10px;
	/* Space between image and text */
}

.overlay-text1 img {
	width: 50px;
	/* Adjust size as needed */
	height: auto;
	/* Maintain aspect ratio */
	margin-right: 10px;
	/* Space between image and text */
}

/* Style for the text content */
.text-content {
	display: flex;
	flex-direction: column;
	/* Stack text elements vertically */
}

.text-content h5 {
	margin: 0;
	/* Removes default margin */
	font-size: 16px;
	/* Adjust as needed */
	font-weight: 600;
}

.batch-para {
	font-family: var(--font-primary);
	margin: 10px 0px 5px 0px;
	/* Removes default margin */
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	text-align: center;
	color: #000000;
}

/* STPEA PAge... */
.stpea_bg {
	background: url(../../img/STPEA/stpeabg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 50px 10px 50px;
}

.stpea-tri {
	color: #ff0005;
	text-decoration: underline;
}

/* Centers Page CSS  */
.activities-suid h5 {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #885896;
	padding: 5px;
}

.act-siud {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #885896;
	padding: 10px 0px 10px 10px;
}

.software-engage p {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #000000;
	padding: 10px;
}

.activities-suid p {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: justify;
	color: #303030;
}

.RTI_title {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	padding: 5px;
	margin: 10px 15px 10px 0px;
	color: #001f3f;
}

.Quick_links {
	font-family: var(--font-primary);
	font-size: 36px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	margin: 5px 0px 20px 0px;
}

.Quick_links p {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	margin: 20px 0px 20px 0px;
}

.Marquee {
	background-color: #ffffff;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	color: #000000;
	font-weight: 500;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	padding: 7px 0px;
}

.Marquee-content {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	white-space: nowrap;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-animation: marquee 40s linear infinite running;
	-moz-animation: marquee 40s linear infinite running;
	-o-animation: marquee 40s linear infinite running;
	-ms-animation: marquee 40s linear infinite running;
	animation: marquee 40s linear infinite running;
}

.Marquee-content:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
}

.Marquee-tag {
	margin: 0 0.5em;
	padding: 0px;

	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.Marquee-tag a {
	color: #001f3f;
	font-weight: 400;
}

.Marquee-tag:hover {
	/* -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); */
	cursor: pointer;
}

@-moz-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-o-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-o-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@-o-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-o-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
	}
}

@keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-o-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
	}
}

.marquee-img {
	background-image: url(../../img/ACEC/arrowimg.png);
	background-repeat: no-repeat;
	padding: 13px 22px;
	position: absolute;
	top: 0px;
	width: 226px;
	color: #001f3f;
	font-weight: 600;
	background-size: 100% 100%;
	font-size: 14px;
}

.marquee-container {
	position: relative;
}

.UPSC_heading {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 700;
	line-height: 16.8px;
	letter-spacing: 1px;
	color: #5d3868;
	padding: 20px;
}

.upsc_bg {
	background: url(../../img/ACEC/Frame\ 48082\ 1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px;
}

.watershed_bkg h5 {
	font-family: var(--font-primary);
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	color: #303030;
	margin-top: 20px;
	margin-bottom: 20px;
}

.watershed_bkg p {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	color: #303030;
	text-align: justify;
	margin: 10px 0px 5px 0px;
}

.current_program {
	font-weight: 600;
	font-size: 24px;
	line-height: 25px;
	letter-spacing: 0.48px;
	color: #001f3f;
}

.traincourse_bg {
	background: url(../../img/SIUD/trainingbg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 40px 20px 40px 20px;
}

.pj_bg {
	background: url(../../img/SIUD/trainingbg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px;
}

.activites-bg {
	padding: 40px 20px 40px 20px;
}

.major-project-bg {
	padding: 20px;
}

.resources-bg {
	background: url(../../img/SIUD/trainingbg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 20px;
}

.ministry_ud h5 {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #303030;
	margin: 0px 0px 10px 0px;
}

.abpsea_hd h5 {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #000000;
	margin: 0px 0px 5px 0px;
}

.ministry_ud p {
	font-family: var(--font-primary);
	font-size: 1px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #303030;
	padding: 5px 10px 5px 5px;
	margin: 0px;
}

.no_of_award li {
	font-family: var(--font-primary);
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #636363;
	padding: 5px 10px 5px 5px;
}

.ud_p {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #303030;
	padding: 5px 10px 5px 15px;
}

.logo_li {
	background: #d9d9d9;
	border-radius: 10px;
	padding: 20px;
}

.rd_emb {
	height: 100px;
}

.ms-emb {
	width: 100px;
	height: 50px;
}

.amb_yashada {
	width: 90px;
	height: 100px;
}

.ATI_info {
	padding: 30px 10px 20px 10px;
}

.train-sec {
	padding: 0px 5px 40px 5px;
}

.organo-bg {
	/* background: #ffede5; */
	padding: 50px;
}

.services-bg {
	background: #fbf4f9;
	/* Light pastel background */
	padding: 20px;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	/* Soft shadow */
}

.dis_pro {
	width: 100%;
	border-radius: 10px;
}

.sub-point {
	padding: 0px 0px 5px 25px;
}

.dis_bg {
	background: url(../../img/CDM/disaster-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px;
}

.pub-center {
	background: url(../../img//publicationcenter/cp_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
}

.manthan_mag {
	height: 250px;
	padding: 15px;
}

.art_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.art_flex1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.audit_box {
	background: #ffffff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-right: 10px solid #36ef7e;
	width: 212px;
	margin-top: 20px;
	margin-right: 30px;
}

.audit-count {
	font-family: var(--font-primary);
	font-size: 17px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
	padding: 10px;
	color: #000000;
}

.seat_info {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: center;
	color: #000000;
}

.air-para {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #303030;
}

.acdemic-box {
	position: absolute;
	background: #ffffff;
	padding: 20px;
	z-index: 111111;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.acd-centre {
	background: #f4af34;
	color: #ffffff;
	font-family: Inter;
	font-size: 26px;
	font-weight: 600;
	line-height: 21.6px;
	text-align: center;
	padding: 20px;
}

.center-slider {
	background: #ffffff;
	padding: 20px;
}

.center_name {
	margin-right: 20px;
	border-right: 1px solid #000;
}

.center_name h5 {
	font-size: 20px;
	font-weight: 700;
	line-height: 21.6px;
	color: #001f3f;
	padding: 10px;
}

.center_name p {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 21.6px;
	padding: 10px;
}

.Rti-act {
	padding: 20px 50px 20px 50px;
}

.exlink-img {
	width: 100px;
}

.duration-box {
	background: #f8f9fa;
	border-radius: 8px;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
	margin: 10px 15px 10px 15px;
}

.year-range {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	padding: 25px;
}

.tag-box {
	background: #f5b105;
	color: #000000;
	padding: 5px 12px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.box-text {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.48px;
}

.duration-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 100%;
	/* Ensure the container has a defined height */
	text-align: center;
	/* Center the text inside the child elements */
}

.acdemic-center {
	background: #ffffff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 15%;
	left: 5.2%;
	width: 90%;
	z-index: 11;
	border-radius: 8px;
}

.ace-box {
	background: var(--theme-color);
	height: auto;
	/* Set a fixed height for the box */
	display: flex;
	/* Use flexbox for centering */
	justify-content: center;
	/* Center horizontally */
	align-items: center;
	/* Center vertically */
	text-align: center;
	/* Ensure text is centered */
	padding: 15px;
	/* Optional: Add padding if needed */
	box-sizing: border-box;
	/* Ensure padding is included in the height/width */
	border-radius: 8px 0px 0px 8px;
	border: none;
}
body.dark-mode .ace-box {
    background-color: #333;
    border: 1px solid #333;
}
.ace-box h5 {
	font-size: 18px;
	font-weight: 500;
	line-height: 21.6px;
	color: #ffffff;
	margin: 0;
	/* Remove default margin to ensure perfect centering */
}

.ati-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: auto;
	background: #ffffff;
	padding: 15px;
	box-sizing: border-box;
    position: relative;

}
body.dark-mode .ati-block {
background-color: #333;
border: 1px solid transparent;
}
/* Vertical divider */
.ati-block::before {
	content: "";
	width: 1px;
	/* Thickness of the divider */
	height: 60%;
	/* Adjust height to fit content */
	background-color: #bdb5b5;
	/* Light gray color */
	position: absolute;
	border-radius: 5px;
	right: 0;
	/* Aligns it to the right side */
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.2);
}

.ati-block h5 {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	/* Adjusted for better readability */
	color: #000000;
	margin: 5px 0;
	/* Provides minimal spacing */
	padding: 0px 0;
	/* Ensures proper separation from the paragraph */
}

.ati-block p {
	font-family: var(--font-primary);
	/* Added fallback font */
	font-size: 12px;
	/* Increased slightly for readability */
	font-weight: 400;
	line-height: 1.4;
	/* Adjusted to maintain proper spacing */
	color: #001f3f;
	margin: 5px 0;
	/* Ensures consistent spacing */
	padding: 0px 0;
}

.car-btn {
	background: #ffffff;
	border-radius: 50%;
	padding: 10px;
	position: relative;
	top: 20px;
	left: 10px;
	margin-right: 20px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.detailing p {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: justify;
	color: #000000;
}

.bg_about {
	background: #ffffff;
}
body.dark-mode .bg_about {
    background-color: #333;
}

.bg_about h5 {
	text-align: center;
	color: #000000;
	font-size: 32px;
	font-weight: 700;
	margin: 20px 0px 10px 0px;
}

.ati-link {
	text-decoration: none;
	color: inherit;
	display: block;
	/* Make the anchor tag cover the entire block */
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
}

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

.slider-wrapper {
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-nav1 {
	position: absolute;
	/* Position the buttons absolutely within the container */
	top: 50%;
	/* Adjust this value to position vertically */
	left: 10px;
	/* Adjust to position horizontally */
	transform: translateY(-50%);
	/* Center the buttons vertically */
	display: flex;
	flex-direction: column;
	/* Stack buttons vertically, change to row if desired */
}

.carousel-ind {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	align-items: center;
}

.carousel-ind .btn {
	background-color: #ffffff;
	border: none;
	cursor: pointer;
	padding: 5px;
	border-radius: 50%;
	height: 40px;
	position: relative;
}

.carousel-ind .btn img {
	width: 20px;
	height: 20px;
}

.round-title {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
}

.cptp_bg {
	position: relative;
	width: 100%;
}

.cptp_bg img {
	position: relative;
	border-radius: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 400px !important;
	display: block;
	/* Ensures no extra space below the image */
}

.dg-flex {
	display: flex;
}

.cptp-header-flex {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.mdc-section {
	padding: 50px;
}

.room_btn {
	background: #f4af34;
	color: #ffffff;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 500;
	padding: 5px;
}

.list-icon {
	display: flex;
	align-items: center;
	/* Align items vertically centered */
	gap: 10px;
	/* Adjust the spacing between elements as needed */
}

.list-icon img {
	max-height: 20px;
	/* Adjust the size of the image if needed */
	max-width: auto;
	/* Ensure the image scales proportionally */
}

.list-icon p,
.list-icon span {
	margin: 0;
	/* Remove default margins */
}

.capacity-lists li {
	list-style-type: none;
	margin-bottom: 10px;
}

.hotel_room {
	width: 100%;
}

.hotel-gallery {
	background: url(../../img/SIUD/trainingbg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px;
}

.accomodate_bg {
	padding: 50px;
}

.sub-menu2 {
	margin-left: 20px;
}

.admission_flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.box_hei {
	height: 100%;
}

.mobile-menu-btn {
	background: transparent;
	color: #5d3868;
	padding: 20px;
}

.profile_box {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	/* Box shadow */
	padding: 20px;
	/* Optional: Add some padding inside the box */
	border-radius: 10px;
	/* Optional: Rounded corners */
}

.disaster-bg {
	padding: 50px;
}

.flag-container {
	background-color: #ffe6e6;
	border-radius: 10px;
	padding: 20px;
}

.flag-box {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background-color: white;
	padding: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.number-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background: linear-gradient(45deg, #ff704d, #ffa366);
}

.flag-box img {
	width: 60px;
	height: 40px;
	border-radius: 5px;
	background-color: white;
	padding: 5px;
	border: 1px solid #ddd;
}

.per-info h5 {
	font-family: var(--font-primary);
	font-size: 24px;
	font-weight: 600;
	line-height: 33px;
	color: #000000;
}

.fields-mand p {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	line-height: 33px;
	color: #001f3f;
}

.personal-form h6 {
	font-family: var(--font-primary);
	font-size: 22px;
	font-weight: 600;
	line-height: 33px;
	color: #000000;
	padding: 10px 5px 12px 5px;
}

.Supervisory_Officer {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	line-height: 33px;
	color: #000000;
	padding: 15px;
}

.sub-flex {
	display: flex;
	justify-content: center;
}

/* From Uiverse.io by iZOXVL */
.boton-elegante {
	padding: 15px 10px;
	border: 2px solid #2c2c2c;
	background-color: #1a1a1a;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 10px;
	transition: all 0.4s ease;
	outline: none;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	margin-left: 20px;
}

.boton-elegante::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle,
			rgba(255, 255, 255, 0.25) 0%,
			rgba(255, 255, 255, 0) 70%);
	transform: scale(0);
	transition: transform 0.5s ease;
}

.boton-elegante:hover::after {
	transform: scale(4);
}

.boton-elegante:hover {
	border-color: #666666;
	background: #292929;
}

.boton-submit {
	padding: 15px 10px;
	border: 2px solid #d5b60a;
	/* Change border color to a calming green */
	background-color: #d5b60a;
	/* Use the same green for the background */
	color: #ffffff;
	/* Keep text color white for contrast */
	font-size: 16px;
	cursor: pointer;
	border-radius: 10px;
	transition: all 0.4s ease;
	outline: none;
	position: relative;
	overflow: hidden;
	font-weight: bold;
	margin-left: 20px;
}

.boton-submit::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle,
			rgba(255, 255, 255, 0.2) 0%,
			/* Subtle white highlight */
			rgba(255, 255, 255, 0) 70%);
	transform: scale(0);
	transition: transform 0.5s ease;
}

.boton-submit:hover::after {
	transform: scale(4);
}

.boton-submit:hover {
	border-color: #d5b60a;
	/* Darker shade of green on hover */
	background: #d5b60a;
	/* Slightly darker green on hover */
}

.see-more {
	transition: all 0.3s ease-in-out;
}

.see-more {
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #ffffff;
	outline: none;
	cursor: pointer;
	border: none;
	font-size: 18px;
	color: #001f3f;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	/* Adjust values as needed */
}

.see-more:hover {
	transform: translateY(3px);
	box-shadow: none;
}

.see-more:active {
	opacity: 0.5;
}

.td_text {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.47999998927116394px;
	color: #0048ff;
	cursor: pointer;
	text-align: left;
	padding: 15px 10px 15px 10px;
}

.td-title {
	font-family: var(--font-primary);
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 15px;
}

.content-section {
	display: none;
}

.dummy-section {
	display: none;
}

.input-with-icon .s-icon {
	cursor: pointer;
	/* Change cursor to pointer when hovering over the icon */
}

.input-with-icon .s-icon:hover {
	opacity: 0.8;
	/* Slightly fade the icon on hover */
}

/* From Uiverse.io by Custyyyy */
.check {
	position: relative;
	background: linear-gradient(90deg, #f19af3, #f099b5);
	line-height: 0;
	font-size: 25px;
}

.check input[type="checkbox"],
.check label,
.check label::before,
.check label::after {
	appearance: none;
	display: inline-block;
	font-size: inherit;
	border-radius: 1em;
	border: 0;
	transition: 0.35s ease-in-out;
	box-sizing: border-box;
	cursor: pointer;
}

.check {
	appearance: none;
	display: inline-block;
	border-radius: 1em;
	border: 0;
	transition: 0.35s ease-in-out;
	box-sizing: border-box;
	cursor: pointer;
}

.check label {
	width: 50px;
	height: 20px;
	background: #d7d7d7;
	overflow: hidden;
}

.check input[type="checkbox"] {
	position: absolute;
	z-index: 1;
	width: 15px;
	height: 15px;
	top: 0.1em;
	left: 0.1em;
	background: linear-gradient(45deg, #dedede, #ffffff);
	box-shadow: 0 6px 7px rgba(0, 0, 0, 0.3);
	outline: none;
}

.check input[type="checkbox"]:checked {
	left: 1.3em;
}

.check input[type="checkbox"]:checked+label {
	background: transparent;
}

.ex-images {
	height: 70px;
	object-fit: contain;
}
body.dark-mode .ex-images {
    background-color: #ffffff;
}
body.dark-mode .dark-mode-bg {
background: #333;
}

.nav-btn1 {
	background-color: #ffffff;
	border: 1px solid #ccc;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	cursor: pointer;
	color: #000000;
	margin: 0 5px;
	position: relative;
	font-weight: 600;
	top: 20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	/* Add box shadow */
	font-size: 18px;
}
body.dark-mode .nav-btn1 {
background: #333;
}
.nav-container {
	display: flex !important;
	/* Use flexbox for layout */
	align-items: center;
	/* Center vertically */
	justify-content: center;
	position: relative;
	padding: 15px;
}

.breadcrumb li {
	font-family: var(--font-primary);
	font-size: 22px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	color: #5d3868;
}

.breadcrumb li a {
	color: #5d3868 !important;
}

.breadcrumb-item.active {
	color: #5d3868;
	font-weight: 600;
}

.description {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.47999998927116394px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #001f3f;
	text-align: center;
	/* Centers the text within each <p> */
	margin: 10px 0px 0px 12px;
	/* Adds some spacing between the paragraphs */
}

.notify-slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.rti_list li {
	font-family: "Roboto";
	font-size: 18px;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 0.48px;
	text-align: left;
	color: #000000;
}

.custom-card {
	background: linear-gradient(to bottom,
			#d9d9d9,
			#ffffff);
	/* Gradient from gray to white */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin-left: 20px;
	text-align: center;
	position: relative;
	height: auto;
	border-radius: 15px;
	/* Adds the rounded corners */
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
}

.custom-card:hover {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.custom-card h5 {
	font-size: 20px;
	margin-bottom: 0;
	color: #001f3f;
}

.custom-card.active {
	background: linear-gradient(to bottom, #f8d568, #f4af34);
	color: #ffffff;
}

.custom-card.active h5 {
	color: #ffffff;
	/* Ensure heading text is white */
}

.custom-card.active p {
	color: #ffffff;
	/* Ensure paragraph text is white */
}

.header-container {
	display: flex;
	align-items: center;
	gap: 5px;
	/* Space between the image and text */
}

#map {
	width: 100%;
	height: 500px;
	/* Adjust as needed */
	border: 1px solid #ccc;
}

.workshopMapLand {
	fill: #cccccc;
	transition: fill 0.3s ease-in-out;
}

.workshopMapLand:hover {
	fill: #001f3f;
	/* Blue on hover */
	cursor: pointer;
}

.active-state {
	fill: #0056b3 !important;
	/* Darker blue when selected */
}

.land {
	fill: #cccccc;
	fill-opacity: 1;
	stroke: white;
	stroke-opacity: 1;
	stroke-width: 0.5;
}

.custom-accordion-item {
	border: 2px solid #ccc;
	/* Light gray border for better contrast */
	border-radius: 8px;
	/* Rounded corners for a modern look */
	margin-bottom: 1.5rem;
	/* Slightly increased spacing between items */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* Soft shadow for depth */
}

.custom-accordion-button {
	background-color: #f8f9fa;
	/* Neutral background */
	color: #212529;
	/* Dark text for readability */
	border-radius: 8px;
	/* Consistent rounded corners */
	padding: 1rem;
	/* Added padding for better spacing */
	font-weight: 600;
	/* Slightly bolder text */
	transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
	/* Smooth transition effects */
}

.custom-accordion-button:not(.collapsed) {
	background-color: #0d6efd;
	/* Primary blue for active state */
	color: #fff;
	/* White text on active state */
	transform: scale(1.02);
	/* Slight zoom effect for interactivity */
	height: 100%;
}

.custom-accordion-button:focus {
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
	/* Focus ring with a translucent primary color */
	border-color: #0d6efd;
	/* Consistent focus border color */
}

.custom-accordion-body {
	background-color: #ffffff;
	/* Clean white background */
	padding: 1.75rem;
	/* Increased padding for better readability */
	font-size: 1rem;
	/* Consistent font size */
	line-height: 1.5;
	/* Improved line spac */
	color: #495057;
	/* Subtle gray text for contrast */
}

.cptp-section-title {
	color: #0d6efd;
	font-weight: bold;
	animation: cptp-fadeInDown 1s ease-in-out;
	font-size: 20px;
}

.cptp-card {
	border: none;
	overflow: hidden;
	transform: translateY(50px);
	animation: cptp-slideUp 0.8s ease-out forwards;
	height: 100%;
	border-radius: 0 0 10px 10px;
	opacity: 0;
}

.cptp-card:nth-child(2) {
	animation-delay: 0.2s;
}

.cptp-card:nth-child(3) {
	animation-delay: 0.4s;
}

.cptp-card-header {
	font-size: 22px;
	background: linear-gradient(135deg, #0d6efd, #6c757d);
	color: white;
	font-weight: bold;
	padding: 16px;
}

.cptp-card-body {
	background-color: #ffffff;
	padding: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 8px 8px;
}

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

ul.cptp-hierarchy-list li {
	position: relative;
	padding-left: 32px;
	margin-bottom: 16px;
	font-size: 16px;
	color: #303030;
	animation: cptp-fadeInLeft 1s ease-in-out;
}

ul.cptp-hierarchy-list li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
	color: #5d3868;
	font-size: 19px;
}

/* Hover Effect */
.cptp-card:hover {
	transform: scale(1.02);
	transition: all 0.3s ease;
}

/* Animations */
@keyframes cptp-fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}

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

@keyframes cptp-fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}

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

@keyframes cptp-slideUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

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

.contact-box {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
body.dark-mode .contact-box {
    background-color: #333;
    border: 1px solid #fff;
}

.contact-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	margin: 5px 0px 10px 0px;
}

.address-title {
    font-size: 17px;
	font-weight: 500;
	line-height: 25px;
	margin: 5px 0px 10px 0px;
}
.address-title span {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}

.contact-details {
	font-size: 16px;
	/* Default font size */
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.contact-details b {
	font-size: 17px;
	font-weight: 600;
	color: #333;
}

.contact-details i {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.contact-details a {
	color: #007bff;
	text-decoration: none;
	word-break: break-word;
	/* Ensures long URLs wrap properly */
}

.contact-details a:hover {
	text-decoration: underline;
}

/* Custom Pagination Styles */
.pagination {
	margin-top: 2rem;
}

.page-item .page-link {
	color: #333;
	border: 1px solid #ddd;
	margin: 0 5px;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.page-item.active .page-link {
	background-color: #f4af34;
	border-color: #f4af34;
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.page-item .page-link:hover {
	background-color: #f8f9fa;
	border-color: #ddd;
	color: #007bff;
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff;
	border-color: #ddd;
}

/* Arrow Box Styles */
.arrow-box {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
	/* Make it round */
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	transition: all 0.3s ease;
}

.arrow-box:hover {
	background-color: #f4af34;
	border-color: #f4af34;
	color: #fff;
}

.arrow-box .fas {
	font-size: 14px;
}

/* ABPSEA PAge CSS */
.winner-title {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	color: #5e0179;
	line-height: 32px;
	text-align: left;
	text-decoration-skip-ink: none;
}

.winner-details {
	font-family: var(--font-primary);
	font-size: 15px;
	color: #636363;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.app-closed {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	color: #ff9500;
	line-height: 32px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.demonstration-box {
	margin: 20px 0px 20px 0px;
	background: #ffffff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	/* Soft shadow effect */
	border-radius: 10px;
	/* Optional: Rounded corners */
	transition: box-shadow 0.3s ease-in-out;
	height: auto;
	padding: 20px;
}

.highlight {
	background-color: yellow !important;
	/*is for highlight the searched item*/
	font-weight: bold;
}

.comment-section {
	margin: auto;
}

.comment-scroll {
	max-height: 500px;
	overflow-y: auto;
	border-radius: 10px;
}

/* Custom Scrollbar */
.comment-scroll::-webkit-scrollbar {
	width: 5px;
}

.comment-scroll::-webkit-scrollbar-thumb {
	background: #5d3868;
	border-radius: 10px;
}

/* Title & Divider */
.comment-title {
	font-size: 20px;
	font-weight: 600;
	color: #000000;
	margin: 10px 0px 10px 0px;
}

.comment-divider {
	border: none;
	height: 1px;
	background: #303030;
	margin: 15px 0;
}

/* Comment Box */
.comment-box {
	display: flex;
	align-items: flex-start;
	background: #fff;
	padding: 12px 15px;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}

/* Avatar */
.comment-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 15px;
	object-fit: cover;
}

/* Comment Content */
.comment-content {
	flex: 1;
}

/* Comment Header */
.comment-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.comment-author {
	font-weight: bold;
	color: #f5b105;
	font-size: 15px;
	font-family: var(--font-primary);
}

.comment-time {
	font-family: var(--font-primary);
	font-size: 12px;
	color: #666;
	margin-left: 10px;
}

.reply-icon {
	font-size: 10px;
	cursor: pointer;
	color: #ccc;
}

.reply-icon:hover {
	color: #c3c3c3;
}

/* Comment Text */
.comment-text {
	font-family: var(--font-primary);
	margin-top: 5px;
	color: #444;
	font-size: 15px;
}

/* Leave a Comment Box */
.leave-comment {
	margin: 20px 0px 20px 0px;
	background: #f9f9f9;
	padding: 20px;
	border-radius: 10px;
}

/* Comment Input */
.comment-input {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	resize: none;
	font-size: 1rem;
	outline: none;
}

.comment-input:focus {
	border-color: #007bff;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
}

/* Post Comment Button */
.comment-btn {
	display: block;
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	border: none;
	border-radius: 5px;
	background: #007bff;
	color: white;
	font-size: 1rem;
	font-weight: bold;
	cursor: pointer;
	transition: 0.3s;
}

.comment-btn:hover {
	background: #0056b3;
}

/* Recent Comments */
.recent-comments {
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 15px;
	color: #333;
}

/* facilites cards css */
/* Card Styling */
.hostel-card {
	position: relative;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	transition: box-shadow 0.3s ease-in-out;
	height: 100%;
}

/* Hover Effect: Box shadow and Bottom Underline */
.hostel-card:hover {
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

.hostel-card::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #5d3868;
	/* Blue underline, change color if needed */
	transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}

.hostel-card:hover::after {
	width: 80%;
	left: 10%;
}

/* Image Hover Effect: Zoom In */
.hostel-card-img {
	height: 270px !important;
	transition: transform 0.3s ease-in-out;
}
.mdc-para {
	font-family: var(--font-primary);
	font-weight: 400;
	font-size: 14px;
	line-height: 27px;
	letter-spacing: 1px;
	color: #303030;
}

.land {
	fill: #cccccc;
	fill-opacity: 1;
	stroke: white;
	stroke-opacity: 1;
	stroke-width: 0.5;
}

.mh-color {
	fill: #043e87 !important;
	cursor: pointer !important;
}

/* Gujarat */
.guj-color {
	fill: #ff5733 !important;
	/* Orange */
	cursor: pointer !important;
}

.goa-color {
	fill: #248ac8 !important;
	cursor: pointer !important;
}

.daman-color {
	fill: #5d3868 !important;
	cursor: pointer !important;
}

.ch-color {
	fill: wheat !important;
	cursor: pointer !important;
}

.dadra-color {
	fill: #ffcc00 !important;
	cursor: pointer !important;
}

.mp-color {
	fill: #36ef7e !important;
	cursor: pointer !important;
}

.container-workshop {
	border-radius: 20px;
	background: var(--White, #fff);
	box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.2);
	padding: 15px 15px 0px;
}

.workshop {
	padding: 15px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #5d3868;
	color: var(--White, #fff);
	text-align: center;
	font-family: "Roboto";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	margin: 20px 0px 20px 0px;
}

.total-workshops {
	padding: 20px;
}

.workshop-heading {
	font-family: var(--font-primary);
	font-size: 15px;
	font-weight: 400;
}

.total-count {
	margin-top: 23px;
	color: var(--Dark, #171717);
	font-family: var(--font-primary);
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 21.6px;
}

.state-wise-count {
	padding: 40px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 5px 5px 14px 0px rgba(0, 0, 0, 0.07);
	background-color: #eff4fa;
}

.state-inner-list {
	display: flex;
	flex-direction: column;
	/* Arrange items in a vertical list */
	gap: 10px;
	/* Spacing between each state */
	width: 300px;
	/* Adjust width as needed */
}

.state-item {
	display: flex;
	justify-content: space-between;
	/* Puts state name on the left and count on the right */
	border-bottom: 1px solid #ddd;
	/* Optional: Adds a separator line */
	padding: 5px 0;
}

.state_heading {
	font-weight: bold;
}

.state_count {
	font-weight: bold;
	color: #303030;
}

.error-bg {
	background: #f2f6ff;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.error-card {
	max-width: 500px;
	border: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	background: #fff;
	text-align: center;
	padding: 20px;
}

.error-number {
	font-size: 80px;
	font-weight: bold;
	color: #001f3f;
	margin: 20px 0px 20px 0px;
}

.error-message {
	font-size: 18px;
	color: #303030;
}

.btn-home {
	margin-top: 15px;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	min-height: 0px !important;
	position: relative;
}

.fc .fc-toolbar-title {
	font-family: var(--font-primary) !important;
	font-weight: 600 !important;
	font-size: 25px !important;
	line-height: 16.8px !important;
	letter-spacing: 1px !important;
	color: #5d3868 !important;
}

/* Change header color */
.fc-toolbar {
	padding: 10px;
	border-radius: 8px;
	color: white;
}

/* Change title text color */
.fc-toolbar-title {
	color: #000000;
}

/* Style day cells */
.fc-daygrid-day {
	background-color: #f8f9fa;
	border: 1px solid #ddd;
}

/* Highlight the current day */
.fc-day-today {
	background-color: #ffebcc !important;
}

/* Custom event colors */
.fc-event {
	background-color: #007bff !important;
	border: none !important;
	color: white !important;
	font-weight: bold;
}

/* Hover effect on events */
.fc-event:hover {
	background-color: #0056b3 !important;
}

/* Button styling */
.fc-button {
	background-color: #5d3868 !important;
	border: none !important;
	color: white !important;
	border-radius: 50% !important;
	width: 40px !important;
	height: 40px !important;
	padding: 5px !important;
}

.fc .fc-daygrid-day-top a {
	color: #303030 !important;
}

/* profile summary modal */
.header_bg {
	background: #5d3868;
	color: #ffffff;
}

.canva-width {
	width: 600px !important;
}

.canva-close-btn {
	color: #ffffff !important;
}

.member-profile {
	padding: 20px;
	border-radius: 10px;
	background-color: #f8f9fa;
	/* Light grey background */
}

.member-name {
	font-size: 24px;
	/* Larger heading */
	font-weight: bold;
	color: #333;
	/* Dark text */
}

.member-info {
	font-size: 16px;
	/* Standard paragraph size */
	color: #666;
	margin-bottom: 5px;
}

.member-info strong {
	color: #000;
	/* Emphasized labels */
}

.member-email,
.member-mobile {
	font-weight: 500;
	color: #444;
}

.member-education {
	font-size: 18px;
	font-weight: 600;
	color: #444;
	margin-top: 10px;
}

.member-description {
	font-size: 16px;
	line-height: 1.6;
	color: #555;
	margin-top: 10px;
}

.keypoints {
	padding-left: 30px;
}

.cell-img {
	width: 450px;
	height: 450px;
}

.organogram-img {
	width: 100%;
	max-height: 550px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

/* sub nav items */

.notice-tab .nav-item {
	padding: 5px 10px;
}

.notice-tab .nav-link:hover {
	background: rgba(255, 255, 255, 0.2);
}

/* Sub-menu Styling */
.sub-menus {
	background: rgba(255, 255, 255, 0.1);
	padding: 8px 0;
	border-radius: 8px;
	list-style: none;
}

.sub-menus .nav-link {
	padding-left: 30px;
	font-size: 14px;
	color: #ddd;
}

.sub-menus .nav-link:hover {
	background: rgba(255, 255, 255, 0.2);
}

/* Arrow Rotation */
.arrow-icon {
	transition: transform 0.3s ease-in-out;
}

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

/* star rating */
.rating-container {
	display: flex;
	justify-content: start;
	gap: 10px;
	font-size: 2rem;
	cursor: pointer;
}

.star {
	color: #ccc;
	transition: color 0.3s;
}

.star.active {
	color: gold;
}
body.dark-mode .star {
	color: #555 !important; /* darker gray for better contrast */
}

body.dark-mode .star.active {
	color: #ffd700 !important; /* bright gold in dark mode */
}
body.dark-mode .star:hover,
body.dark-mode .star:hover ~ .star {
	color: #ffdf00 !important;
}
.feedback-message {
	margin-top: 10px;
	font-size: 1.2rem;
	font-weight: bold;
}

.whos-search-bg {
	background: #eee;
	padding: 20px;
	margin: 20px 0px 20px 0px;
	border-radius: 10px;
}
body.dark-mode .whos-search-bg {
    background-color: #333;
}

.scroll-modal {
	overflow: hidden;
}

.bg_white {
	background-color: #ffffff;
	/* or any color you want */
}
.feather_icons {
     color: grey;
  width: 20px;
  margin-right: 3px;

}
/* Title Styles */
.service-title {
  color: #007bff;
  font-size: 18px;
  font-weight: bold;
}

.our-services-title {
  color: #000;
  font-size: 40px;
  font-weight: bold;
}

.description {
  font-size: 16px;
  line-height: 1.6;
}
/* Card Styles */
.service-card {
  background-color: #ffffff;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.dark-mode .service-card {
    background-color: #000;
    border: 1px solid #ccc;
}
.cards-img-top {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.cards-title {
    font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.contact_btn {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    padding: 0px;
    text-transform: uppercase;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.contact_btn:hover,
.contact_btn:focus,
.contact_btn:active {
    color: #ffffff !important;
    border: none;
    outline: none;
    box-shadow: none;
}

.one-img-width{
    max-width: 400px;
    border-radius: 10px;
}


.floating-social-wrap {
  position: fixed;
  bottom: 26%;
  right: 0px;
  z-index: 1000;
}

.social-main-btn {
  background-color: #5D3868;
  color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 5px 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
}

.icon {
  position: absolute;
  width: 45px;
  height: 45px;
  background-color: #333;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}

.icon a {
  color: white;
  font-size: 18px;
}

.floating-social-wrap.open .facebook {
  bottom: 70px;
  right: 0px;
  opacity: 1;
  pointer-events: auto;
  background-color: #5d3868;
}

.floating-social-wrap.open .twitter {
  bottom: 45px;
  right: 60px;
  opacity: 1;
  pointer-events: auto;
  background-color: #5d3868;
}

.floating-social-wrap.open .instagram {
  bottom: 0px;
  right: 80px;
  opacity: 1;
  pointer-events: auto;
  background-color: #5d3868;
}

.floating-social-wrap.open .youtube {
  bottom: -45px;
  right: 60px;
  opacity: 1;
  pointer-events: auto;
  background-color: #5d3868;
}