@import url('https://fonts.googleapis.com/css2?family=Anek+Telugu:wght@100..800&display=swap');


header {
	background-color: burlywood; /* #87cefa; */
	padding: 0 30px;
	margin: 0;
}

.navbar-nav .nav-item {
	margin: 0 5px;
}

.navbar-nav .nav-item a {
	color: #000;
	font-family: "Anek Telugu", sans-serif;
	font-weight: 600;
	font-size: 18px;
}

.active {
	color: #6A0DAD !important;
}


.about-section {
	padding: 50px 0;
}

.about_image {
	border: 10px solid #fff;
	border-radius: 8px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	margin-right: 20px;
}

.about_image img {
	width: 100%;
	border-radius: 8px;

}

@media (max-width: 500px) {
	.header {
		padding: 0px;
	}

	.about_content {
		padding-top: 50px;
	}

	.about_image {
		margin-right: 0px;
	}
}

.about_content h1 {
	color: #6A0DAD;
	font-family: "Anek Telugu", sans-serif;
	font-weight: 600;
	font-size: 26px;
}

p {
	font-family: "Anek Telugu", sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-align: justify;
	margin-bottom: 10px;
}



.stats-section {
	padding: 50px 0;
	background: #f9f9f9;
}

.stats-card {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.stats-title {
	font-family: "Anek Telugu", sans-serif;
	color: #6A0DAD;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 10px;
}

.top-stories {
	margin-top: 20px;
}

.top-stories-title {
	font-family: "Anek Telugu", sans-serif;
	color: #000;
	margin-bottom: 10px;
	font-weight: 600;
}

.top-stories-table {
	width: 100%;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}


.top-stories-table td {
	padding: 8px 12px !important;
	vertical-align: middle;
}

.story-link {
	text-decoration: none;
	color: #000;
	font-family: "Anek Telugu", sans-serif;
	font-weight: 600;
	font-size: 16px;
	transition: color 0.2s ease;
}

.story-link:hover {
	color: #6A0DAD;
}

.count-cell {
	text-align: center;
	font-family: "Anek Telugu", sans-serif;
	font-weight: 600;
	font-size: 18px;
}






.footer {
	background-color: #161616;
	color: #fff;
	padding: 50px 0;
	text-align: center;
}

.footer a {
	color: #fff;
	font-family: "Anek Telugu", sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
	margin: 0 10px;
}

.footer a:hover {
	color: #6A0DAD !important;
}

.footer .navbar-brand img {
	max-height: 100px;
	vertical-align: middle;
	border-radius: 4px;
}

.footer ul.list-inline {
	padding-left: 0;
	margin: 20px 0;
	list-style: none;
}

.footer hr {
	border-color: #fff;
	margin: 20px 0;
}

.footer .small {
	font-family: "Anek Telugu", sans-serif;
	font-size: 16px;
	color: #fff;
}


.breadcrumb-section {
	padding-top: 25px;
	background-color: #161616;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}


.breadcrumb-item a {
	color: #ffffff;
	text-decoration: none;
	font-family: "Anek Telugu", sans-serif;
	font-size: 18px;
	font-weight: 500;
}

.breadcrumb-item {
	font-family: "Anek Telugu", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

.breadcrumb-item a:hover {
	color: #87cefa;
	text-decoration: none;
}

.breadcrumb .active {
	color: #87cefa !important;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #fff !important;
}



.about-kaaraa-section {
	background-color: #f5f5f5;
	padding: 50px 0;

}

.about_kaaraa h1 {
	color: #6A0DAD;
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.4;
}

.about_kaaraa_image {
	width: 100%;
	max-width: 450px;
	height: 500px;
	border-radius: 12px;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.about_kaaraa_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

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

.about_kaaraa_content ul li {
	padding-left: 20px;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
	line-height: 2;
	list-style-type: none;
	font-family: "Anek Telugu", sans-serif;
}


@media (max-width: 500px) {
	.about_kaaraa_content {
		padding-top: 50px;
	}

	.about_kaaraa_content ul {
		padding-left: 0px;
	}

	.about_kaaraa_content ul li {
		padding-left: 0px !important;
	}
}

.kaaraa_awards li {
	background-color: #fff;
	list-style-type: none;
	margin-bottom: 15px;
	padding: 20px;
	border-left: 8px solid #87cefa;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.kaaraa_awards li p {
	font-family: "Anek Telugu", sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #6A0DAD;
}

.kaaraa_awards li ol li {
	padding: 0px;
	list-style-type: auto;
	border-left: none;
	box-shadow: none;
	font-family: "Anek Telugu", sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
}

.kaaraa_awards li span {
	font-family: "Anek Telugu", sans-serif;
	font-size: 18px;
	font-weight: 600;
}


.trust-secton {
	padding: 50px 0;
}

.trust-heading h1 {
	text-align: center;
	color: #6A0DAD;
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
}

.card {
	position: relative;
	padding: 20px;
	border: 2px solid #87cefa !important;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.card:hover {
	border: 2px solid #6A0DAD !important;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.card p {
	margin-bottom: 0px;
	font-weight: 500;
	font-size: 18px;
	font-family: "Anek Telugu", sans-serif;
	text-align: start !important;
}






.photo-section {
	padding: 50px 0;
	background-color: #f5f5f5;
}

.photo-heading h1 {
	color: #6A0DAD;
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
	margin-bottom: 40px;
}

.photo {
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin-bottom: 30px;
}

.photo .photo-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.photo-content {
	text-align: center;
	padding: 15px 10px;
	background-color: #87cffa;
}

.photo-content h3 {
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	font-family: "Anek Telugu", sans-serif;
	margin: 0;
}

.photo:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}







.contact-section {
	background-color: #f5f5f5;
	padding: 50px 0;
}

.contact-section .container {
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	width: 90%;
}

.contact-section .form-label {
	font-family: "Anek Telugu", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin-bottom: 0px !important;
}

.contact-section .form-control {
	border-radius: 6px;
	border: 2px solid #ced4da;
	box-shadow: none;
	transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.contact-section .form-control:focus {
	border-color: #000;
	box-shadow: none;
}

.contact-section .btn-primary {
	background-color: #000;
	border-color: #000;
	transition: background-color 0.3s ease;
	margin-top: 10px;
	width: 100%;
	font-family: "Anek Telugu", sans-serif;
}

.contact-section .btn-primary:hover {
	background-color: #6A0DAD;
	border-color: #6A0DAD;
}

.contact-section .alert {
	margin-top: 20px;
}

.contact-section .note {
	margin-bottom: 15px;
	color: #000000;
	font-size: 0.95rem;
}

.contact-section small.form-text {
	color: #000000;
}

.login {
	background-color: #000;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 90px;
	transition: background-color 0.3s ease;
}

.login:hover {
	background-color: #6a0dad;
}

.logincolor {
	color: #ffff !important;
}





.login-section {
	padding: 50px 0;
	background-color: #f5f5f5;
	;
}

.login-form {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.login-form h1 {
	color: #6A0DAD;
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
	text-align: center;
}

.login-form p {
	text-align: center;
}


.form-label {
	font-family: "Anek Telugu", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin-bottom: 0px !important;
}

.form-control,
.form-select {
	border-radius: 6px !important;
	border: 2px solid #ced4da !important;
	box-shadow: none !important;
	transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
	height: 35px;
}

.form-control:focus,
.form-select:focus {
	border-color: #000 !important;
	box-shadow: none !important;
	font-size: 16px;
	font-weight: 600;
}

.form-control::placeholder,
.form-select::placeholder {
	font-family: "Anek Telugu", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	opacity: 1;
}

.btn-primary {
	background-color: #000 !important;
	border-color: #000 !important;
	transition: background-color 0.3s ease !important;
	width: 100% !important;
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 18px !important;
	height: 35px;
}

.btn-primary:hover {
	background-color: #6A0DAD !important;
	border-color: #6A0DAD !important;
}




.profile-section {
	padding: 50px 0;
	background-color: #f9f9f9;
}

.profile-container {
	background: #ffffff;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	max-width: 800px;
	margin: 0 auto;
}

.profile-section h1 {
	color: #6A0DAD;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
}

.success {
	background-color: #e6f9ea;
	border-left: 5px solid #2ecc71;
	padding: 15px 20px;
	margin-bottom: 20px;
	color: #2e7d32;
	border-radius: 5px;
	font-size: 16px;
}

.dataGrid {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

.dataGrid th.label {
	text-align: left;
	padding: 5px 10px;
	background-color: #f1f1f1;
	font-weight: 600;
	color: #333;
	width: 30%;
	border: 1px solid #ddd;
	font-weight: 500;
	font-size: 18px;
	font-family: "Anek Telugu", sans-serif;
}

.dataGrid td {
	padding: 5px 10px !important;
	border: 1px solid #ddd;
	color: #000;
	background-color: #fff;
	word-break: break-word;
	font-weight: 500;
	font-size: 18px;
	font-family: "Anek Telugu", sans-serif;
}


@media (max-width: 768px) {
	.container {
		padding: 20px;
	}

	.profile-section h1 {
		font-size: 24px;
	}

	.dataGrid th.label,
	.dataGrid td {
		font-size: 14px;
		padding: 10px;
	}
}




.edit-profile-section {
	padding: 50px 0;
	background-color: #f9f9f9;
}

.edit-profile-form {
	background: #ffffff;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.edit-profile-form h1 {
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
	color: #6A0DAD;
	text-align: center;
}

.edit-profile-form p {
	text-align: center;
}

.change-password-section {
	padding: 50px 0;
	background-color: #f9f9f9;
}

.change-password-form {
	background: #ffffff;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.change-password-form h1 {
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
	color: #6A0DAD;
	text-align: center;
}

.change-password-form p {
	text-align: center;
}





.table-section {
	padding: 50px 0;
	background-color: #ffffff;
}

.table-section h1 {
	font-weight: 600;
	font-size: 26px;
	font-family: "Anek Telugu", sans-serif;
	color: #6A0DAD;
}

.table-section table {
	background: #ffffff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}

.table-section thead.custom-header th {
	background-color: #000000;
	font-weight: 600;
	color: #ffffff;
	border-bottom: 2px solid #dee2e6;
	text-align: center;
}

.table-section tbody tr:hover {
	background-color: #f1f3f5;
	transition: background-color 0.3s ease;
}

.table-section td.align-middle {
	vertical-align: middle !important;
	text-align: center;
}

.table-section td {
	font-size: 18px;
}

.table-section td.username-cell {
	text-align: left;
}

.pagination.justify-content-center {
	margin-top: 20px;
}

.pagination.justify-content-center li a,
.pagination.justify-content-center li span {
	color: #007bff;
	border-radius: 4px;
	padding: 8px 12px;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination.justify-content-center li.active span {
	background-color: #007bff;
	color: white !important;
	border-color: #007bff;
}

.pagination.justify-content-center li a:hover {
	background-color: #007bff;
	color: white !important;
}


.createbutton {
	background-color: #087332 !important;
	color: #fff !important;
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 18px !important;
	font-weight: 500 !important;
}








.table-responsive {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
	padding: 12px;
	border-radius: 8px;
	overflow-x: auto;
}

.table-header {
	background-color: #f8f9fa;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	border-radius: 6px 6px 0 0;
}

.table-header h6 {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin: 0;
}

.table-header label {
	font-size: 18px;
	font-family: "Anek Telugu", sans-serif !important;
	color: #000000;
	margin-right: 5px;
}

.table-header select {
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #fff;
	font-size: 14px;
	font-family: "Anek Telugu", sans-serif !important;
	cursor: pointer;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s;
}


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

.custom-table thead tr th {
	background-color: #000 !important;
	color: #fff !important;
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.custom-table thead tr th input,
.custom-table thead tr th select {
	margin-top: 5px;
	padding: 4px 6px;
	font-size: 14px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.custom-table tbody tr td {
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	padding: 5px;
	vertical-align: middle;
	color: #000000;
}

.custom-table tbody tr td a {
	color: #007bff;
}

.custom-table tbody tr:hover {
	background-color: #f1f5ff;
	transition: background 0.2s ease-in-out;
}

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


#pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 20px 0;
	font-family: "Anek Telugu", sans-serif !important;
}

#pagination a {
	display: inline-block;
	padding: 8px 14px;
	margin: 0;
	border: 1px solid #3a6ea5;
	border-radius: 6px;
	color: #3a6ea5;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

#pagination a:hover {
	background-color: #e24545;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

#pagination .selected a {
	background-color: #e24545;
	color: #fff;
	border-color: #e24545;
	font-weight: 600;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

#pagination .disabled a {
	color: #999;
	border-color: #ccc;
	pointer-events: none;
	background-color: #f8f9fa;
}




.kn-tabs .ui-tabs-nav li a {
	font-family: "Anek Telugu", sans-serif !important;
	color: #000;
	font-size: 16px;
	font-weight: 600;
}






.card-section {
	background-color: #f0f2f7;
	padding: 50px 0;
}


.card-container {
	margin-bottom: 2rem;
}

.literature-card {
	background: white;
	border-radius: 15px !important;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	height: 100% !important;
	border: none !important;
	margin-bottom: 1.5rem;
	padding: 0px !important;
}

.literature-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
	border: none !important;
}

.card-header {
	background: linear-gradient(to right, #3a6ea5, #2a4e7a);
	color: white;
	padding: 1.25rem !important;
	border-bottom: none;
}

.card-title {
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	margin-bottom: 0 !important;
}

.card-title a {
	color: white !important;
	text-decoration: none;
}

.card-title a:hover {
	color: #f05454 !important;
}

.pdf-lnk {
	text-align: right;
	flex: 2;
	padding-right: 5px;
}

.card-body {
	padding: 1.5rem;
	background-color: #fff;
}

.info-item {
	display: flex;
	justify-content: space-between;
	padding: 0.75rem 0;
	border-bottom: 1px solid #f1f1f1;
}

.info-item:last-child {
	border-bottom: none;
}

.info-label {
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #2a4e7a;
	flex: 1;
}

.info-value {
	text-align: right;
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #000;
	flex: 2;
}

.info-value a {
	color: #3a6ea5;
	text-decoration: none;
	transition: color 0.3s;
}

.info-value a:hover {
	color: #f05454;
}

.btn-download {
	background: linear-gradient(to right, #f05454, #e04343) !important;
	color: white !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 0.75rem 1.5rem !important;
	font-weight: 600 !important;
	transition: all 0.3s !important;
	width: 100% !important;
	margin-top: 1rem !important;
}

.btn-download:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 5px 15px rgba(240, 84, 84, 0.3) !important;
}

.badge-genre {
	background: black; /* #ff9a3c; */
	color: white;
	font-family: "Anek Telugu", sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 0.35rem 0.75rem;
	border-radius: 20px;
}

.form-label i {
	font-size: 14px !important;
	color: #000000;
}

.quick-links {
	padding: 30px 0;
	position: relative;
	overflow: hidden;
}

.quick-links::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.3)"/></svg>');
	background-size: cover;
	pointer-events: none;
}

.quick-links .link-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px 20px;
	background: #87cefa;
	border-radius: 16px;
	text-decoration: none;
	font-family: "Anek Telugu", sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #000;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08),
		0 6px 10px rgba(0, 0, 0, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
	overflow: hidden;
	height: 100%;
	min-height: 180px;
	border: 1px solid rgba(255, 255, 255, 0.8);
}

.quick-links .link-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.quick-links .link-card:hover {
	transform: translateY(-10px) scale(1.02);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15),
		0 15px 20px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	color: #2c3e50;
	background: linear-gradient(145deg, #ffffff, #fafafa);
}

.quick-links .link-card:hover::before {
	opacity: 1;
}

.quick-links .link-card:hover .card-icon {
	transform: scale(1.1) translateY(-5px);
	color: #3498db;
}

.quick-links .link-card:hover .card-arrow {
	transform: translateX(5px);
	opacity: 1;
}

.card-icon {
	margin-bottom: 15px;
	color: #6A0DAD;
	transition: all 0.4s ease;
}

.card-arrow {
	margin-top: 15px;
	opacity: 0.7;
	transition: all 0.3s ease;
}

.serachdropdown {
	display: none;
	border: 2px solid #000;
	border-radius: 5px;
	position: absolute;
	background: #fff;
	max-height: 200px;
	width: 255px;
	overflow-y: auto;
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

@media (max-width: 500px) {
	.serachdropdown {
		width: 364px;
	}
}

.serachdropdown li {
	padding: 8px 12px;
	cursor: pointer;
	transition: background 0.2s;
}

.serachdropdown li:hover {
	background-color: #f0f0f0;
}

.serachdropdown li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-family: "Anek Telugu", sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.ui-autocomplete {
	display: none !important;
}

.form-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.sort-icons {
	display: flex;
	flex-direction: column;
}

.sort-icons .fa-sort-up {
	position: relative;
	top: 3px;
}

.sort-icons .fa-sort-down {
	position: relative;
	top: -10px;
}

.sort-icons i.active {
	color: #87cefa !important;
}

a {
	text-decoration: none;
}