html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: auto;
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@font-face {
	font-family: "kosh";
	font-style: normal;
	font-weight: 200;
	src: local(kosh), url(font/koshashri.ttf) format("truetype")
}

.kosh-n {
	font-family: "kosh";
	font-style: normal;
	font-weight: 200
}

.kosh-in {
	font-family: "kosh";
	font-style: oblique;
	font-weight: 200
}

.kosh-b {
	font-family: "kosh";
	font-style: normal;
	font-weight: 600
}

.kosh-ib {
	font-family: "kosh";
	font-style: oblique;
	font-weight: 600
}

.kosh-sm {
	font-family: "kosh";
	font-style: normal;
	font-weight: 600
}

/*input,*/
input[type="text"],
select,
.input-group,
.form-control {
	font-family: "kosh";
	font-style: normal
		/* font-weight: 600;*/
}

input[type="text"],
select,
.input-group,
.form-control {
	padding: 7px 10px 4px;
	vertical-align: middle;
	border: 1px solid #bbb;
	background-color: #fff;
	/* max-height: 35px */
	/*min-height:22px; line-height: 1;*/
	/*padding:0 !important;*/
}

.input-group>.btn {
	/*padding:.675rem .75rem .0rem;*/
	vertical-align: middle !important;
	line-height: 1;
	font-size: 1rem
}

.f1rem {
	font-size: 1rem
}

.f12rem {
	font-size: 1.2rem
}

.f15rem {
	font-size: 1.5rem
}

.mr-0 {
	margin-right: 0 !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.mr-25 {
	margin-right: 25px !important;
}

.mr-30 {
	margin-right: 30px !important;
}

.ml13 {
	margin-left: 13px
}

.ml10 {
	margin-left: 10px
}

.ml15 {
	margin-left: 15px
}

.ml20 {
	margin-left: 20px
}

.pl15 {
	padding-left: 15px
}

.ml7 {
	margin-left: 7px
}

* {
	outline: none
}

/* Fonts */
:root {
	--font-default: "Open Sans", "Poppins", "Helvetica Neue";
	/*"Open Sans", system-ui, -apple-system,  "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
	--font-primary: "Segoe UI", Arial, "Noto Sans", "Open Sans", sans-serif;
	--font-secondary: "kosh";
}

/* Colors 0441a7 */
:root {
	--color-default: #0b2a73;
	--color-primary: #fe6500;
	--color-secondary: #222;
	--color-white: #fff;
}

/* Smooth scroll behavior */
:root {
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

main {
	padding-top: 125px;
}

body {
	font-family: var(--font-default);
	color: var(--color-default);
	vertical-align: middle;
}

a,
a:link,
a.olink:link,
a.olink:active,
a.olink:visited {
	color: var(--color-primary);
	text-decoration: none !important;
}

a:hover,
a.olink:hover {
	color: #406aff;
	text-decoration: none;
}

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

.mcontainer {
	padding: 10px 30px;
	margin: 0 auto;
	width: 100%;
}


/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
	padding: 80px 0;
	overflow: hidden;
}

.section-header {
	text-align: center;
	padding: 30px 0;
	position: relative;
}

.section-header h2 {
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 0;
	color: #001973;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.section-header h2:after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 3px;
	background: var(--color-white);
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.section-header span {
	position: absolute;
	top: 46px;
	color: #444;
	left: 0;
	right: 0;
	z-index: 1;
	font-weight: 700;
	font-size: 56px;
	text-transform: uppercase;
	line-height: 0;
}

.section-header p {
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

@media (max-width: 640px) {
	.section-header h2 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.section-header span {
		font-size: 38px;
	}

	.formright .col-form-label {
		text-align: left;
	}
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs .page-header {
	padding: 140px 0 80px 0;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.breadcrumbs .page-header:before {
	content: "";
	background-color: rgba(14, 29, 52, 0.8);
	position: absolute;
	inset: 0;
}

.breadcrumbs .page-header h2 {
	font-size: 56px;
	font-weight: 500;
	color: #fff;
	font-family: var(--font-default);
}

.breadcrumbs .page-header p {
	color: rgba(255, 255, 255, 0.8);
}

.breadcrumbs nav {
	background-color: #f3f6fc;
	padding: 20px 0;
}

.breadcrumbs nav ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-secondary);
}

.breadcrumbs nav ol a {
	color: var(--color-primary);
	font-family: var(--font-primary);
	transition: 0.3s;
}

.breadcrumbs nav ol a:hover {
	text-decoration: underline;
}

.breadcrumbs nav ol li+li {
	padding-left: 10px;
}

.breadcrumbs nav ol li+li::before {
	display: inline-block;
	padding-right: 10px;
	color: #4278cc;
	content: "/";
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background: var(--color-primary);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}

.scroll-top i {
	font-size: 24px;
	color: #fff;
	line-height: 0;
}

.scroll-top:hover {
	background: rgba(13, 66, 255, 0.8);
	color: #fff;
}

.scroll-top.active {
	visibility: visible;
	opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
/* #preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

#preloader:before,
#preloader:after {
	content: "";
	position: absolute;
	border: 4px solid var(--color-primary);
	border-radius: 50%;
	-webkit-animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

@-webkit-keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

@keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
} */

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
	transition: all 0.5s;
	z-index: 997;
	padding: 15px 0;
	background: #fff;
}

.header.sticked {
	background:
		/*#dce3f6*/
		#fff;
	padding: 15px 0;
	box-shadow: 0px 2px 20px rgba(14, 29, 52, 0.1);
}

.header .logo img {
	max-height: 65px;
	margin-right: 6px;
}

.header .logo h1 {
	font-size: 30px;
	margin: 0;
	font-weight: 700;
	color: #fff;
	font-family: var(--font-primary);
}

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1280px) {
	.navbar {
		padding: 0;
	}

	.navbar ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
	}

	/*.navbar li {
 position: relative;
 margin-right: 15px;

}*/
	.text_blue {
		color: #6883b0
	}

	.text_blue:hover {
		color: #425b85
	}

	.navbar li:last-child {
		margin-right: 0px;
	}

	.navbar li a.active {
		/*background: var(--color-primary);*/
		color: var(--color-primary) !important;
		border-bottom: 1px solid var(--color-primary);
	}

	.navbar li a.active:hover,
	.navbar li a:hover {
		/*background: var(--color-primary);*/
		color: var(--color-primary) !important;
	}

	.navbar a,
	.navbar a:focus {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6px 10px;
		font-family: var(--font-primary);
		font-size: 16px;
		font-weight: 600 !important;
		color: #003995;
		white-space: nowrap;
		transition: 0.3s;
		border-radius: 0px;
	}

	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}

	.navbar a:hover,
	.navbar .active,
	.navbar .active:focus,
	.navbar li:hover>a {
		color: var(--color-primary) !important;
	}

	.navbar .btn-login,
	.navbar .btn-login:focus {
		background: var(--color-default);
		padding: 8px 20px;
		margin-left: 30px;
		border-radius: 4px;
		color: #fff;
	}

	.navbar .btn-login:hover,
	.navbar .btn-login:focus:hover {
		color: #fff;
		background: var(--color-primary);
	}

	.navbar .dropdown ul {
		display: block;
		position: absolute;
		/* left: 14px; */
		top: calc(100% + 30px);
		margin: 0;
		padding: 0;
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		background: #fff;
		box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
		transition: 0.3s;
		border-radius: 4px;
	}

	.navbar .dropdown ul li {
		min-width: 200px;
	}

	.navbar .dropdown ul a {
		padding: 10px 20px;
		font-size: 15px;
		text-transform: none;
		font-weight: 400;
		color: var(--color-secondary);
	}

	.navbar .dropdown.dp ul a {
		padding: 10px;
		font-size: 15px;
		text-transform: none;
		font-weight: 400;
		color: #003995;
		white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis !important;
        max-width: 30ch;
	}

	.navbar .dropdown ul a i {
		font-size: 12px;
	}

	.navbar .dropdown ul a:hover,
	.navbar .dropdown ul .active:hover,
	.navbar .dropdown ul li:hover>a {
		color: var(--color-primary);
	}

	.navbar .dropdown:hover>ul {
		opacity: 1;
		top: 100%;
		visibility: visible;
	}

	.navbar .dropdown .dropdown ul {
		top: 0;
		left: calc(100% - 30px);
		visibility: hidden;
	}

	.navbar .dropdown .dropdown:hover>ul {
		opacity: 1;
		top: 0;
		left: 100%;
		visibility: visible;
	}
}@media (max-width: 767.98px) {
  .logo img {
    height: 40px !important;
    max-height: none !important;
  }
}
.navbar-right .dropdown-menu {
	right: 0;
	left: auto;
}
@media (min-width: 1280px) and (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.navbar .dropdown .dropdown:hover>ul {
		left: -100%;
	}
}

@media (min-width: 1280px) {

	.mobile-nav-show,
	.mobile-nav-hide {
		display: none;
	}
}

    .login{
        color: #003995 !important;
        font-weight: 600;
    }
.exit-icon {
color: #fff !important;
    margin-left: 2rem;
}
/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
.login {
    color: #ffffffc9 !important;
}
.navbar {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	max-width: 400px;
	bottom: 0;
	transition: 0.3s;
	z-index: 9997;
}
.navbar ul {
	position: absolute;
	inset: 0;
	padding: 50px 0 10px 0;
	margin: 0;
	background: rgba(14, 29, 52, 0.9);
	overflow-y: auto;
	transition: 0.3s;
	z-index: 9998;
}
.navbar a, .navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 35px;
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
	white-space: nowrap;
	transition: 0.3s;
}
.navbar a.icon-home{
	margin-left: -26px;
}
.dropdown-menu-end[data-bs-popper] {
    right:auto;
    left: auto;
}
.dropdown-menu a{
	color: #0b2a73;
}
.navbar a i, .navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
	color: #fff;
}
.navbar .btn-login, .navbar .btn-login:focus {
	background: var(--color-primary);
	padding: 8px 20px;
	border-radius: 4px;
	margin: 15px;
	color: #fff;
}
.navbar .btn-login:hover, .navbar .btn-login:focus:hover {
	color: #fff;
	background: var(--color-default);
}
.navbar .dropdown ul, .navbar .dropdown .dropdown ul {
	position: static;
	display: none;
	padding: 10px 0;
	margin: 10px 20px;
	transition: all 0.5s ease-in-out;
	border: 1px solid #19335c;
}
.navbar .dropdown>.dropdown-active, .navbar .dropdown .dropdown>.dropdown-active, .navbar .dropdown:focus {
	display: block;
	background-color: #fff;
}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus  {
    color:#00369b !important;
}
.mobile-nav-show {
	color: var(--color-primary);
	font-size: 28px;
	cursor: pointer;
	line-height: 0;
	transition: 0.5s;
	z-index: 9999;
	margin-right: 10px;
}
.mobile-nav-hide {
	color: #fff;
	font-size: 32px;
	cursor: pointer;
	line-height: 0;
	transition: 0.5s;
	position: fixed;
	right: 20px;
	top: 20px;
	z-index: 9999;
}
.mobile-nav-active {
	overflow: hidden;
}
.mobile-nav-active .navbar {
	right: 0;
}
.mobile-nav-active .navbar:before {
	content: "";
	position: fixed;
	inset: 0;
	background: rgba(14, 29, 52, 0.8);
	z-index: 9996;
}
.mcontainer {
    padding: 10px 10px;
    margin: 0 auto;
    width: 100%;
}
.link-dark, .link-dark:focus, .link-dark:hover {
    color: #ffffff !important;
}

}
@-webkit-keyframes pulsate-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

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

@keyframes pulsate-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

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

@-webkit-keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.sidenav {
	padding: 0;
}

.sidenav form * {
	line-height: 22px;
	vertical-align: middle;
	padding: 4px 10px;
}

.sidenav .accordion-button {
	padding: 10px 20px;
	background: #f2f7ff;
	border-color: #dce3f6;
	font-size: 1rem !important;
	font-weight: 600;
	/*margin-bottom: 5px;*/
}

.accordion-button:focus {
	box-shadow: none;
	border-color: rgba(0, 0, 0, .125);
}

.sidenav .accordion-button:not(.collapsed) {
	background: #ffede0
		/*b8cae8*/
	;
	border-color: #3e6fc0 !important;
	color: #111;
}

.accordion-button:not(.collapsed)::after {
	color: #111;
}

.sidenavbgg {
	background: #f1f5fb;
	background: -moz-linear-gradient(top, #f1f5fb 0%, #f1f5fb 59%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #f1f5fb 0%, #f1f5fb 59%, #ffffff 100%);
	background: linear-gradient(to bottom, #f1f5fb 0%, #f1f5fb 59%, #f1f5fb7d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f5fb', endColorstr='#ffffff', GradientType=0);
}

.sbrdrleft {
	border-left: 1px solid #89a3ce;
}

.sbrdrrt {
	border-right: 1px solid #89a3ce;
}

.sbrdrlr {
	border-left: 1px solid #89a3ce;
	border-right: 1px solid #89a3ce;
}

.sidenav .accordion * {
	border-radius: 0 !important;
}

/*.sidenav .accordion-item {
	border: 0px;
}*/
.sidenavbg {
	background-color: #F7F3E8;
}

@media (max-width: 1350px) {

	.container,
	.container-md,
	.container-sm {
		max-width: 98%;
		margin-left: auto !important;
	}
}

.sidenav a:link,
.sidenav a:active,
.sidenav a:visited {
	color: #003297;
	text-decoration: none;
}

.sidenav a:hover {
	color: #000;
	/*background-color:#fff;*/
}

.sidenav ul {
	list-style: none;
	padding: 0 4px 0 0;
	margin: 0;
}

.sidenav ul li a {
	/*color: #111;*/
	display: block;
	font-weight: 500;
	padding: 3px 10px 3px 20px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.1rem !important;
	border-bottom: 1px dotted #819ecf;
	-webkit-transition: background 0.3s, color 0.5s, margin 1s;
	-moz-transition: background 0.3s, color 0.5s, margin 1s;
	transition: background 0.3s, color 0.5s, margin 1s;
}

.sidenav ul li:hover a {
	/*background: #fff;*/
	/* border-left: 5px solid #f87703;color: var(--color-secondary);*/
	/* margin-left: 15px;*/
}

.sidenav ul li:last-child a {
	border-bottom: 0 !important;
	/*background: #fff;*/
	/* border-left: 5px solid #f87703;color: var(--color-secondary);*/
	/* margin-left: 15px;*/
}

.sidenav ul li.active a {
	color: #fff !important;
	background-color: #003297;
}

.btn-primary {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff !important;
	/*font-family: var(--font-primary) !important;*/
}

.btn-primary:hover {
	background: var(--color-default);
	border-color: var(--color-default);
	color: #fff !important;
}

/*.btn i {
	margin-top: -3px;
	margin-right: 6px;
}*/
.btn-secondary {
	background: #525252;
	border-color: var(--color-secondary);
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/


@keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero * {
	vertical-align: middle;
	/*  align-items: center;   
  background: silver;*/
}

.hero {
	min-height: 66vh;
	background-size: cover;
	background-position: center;
	position: relative;
	/*	width:80%; align-items: center;   justify-content:center; display:flex;*/
	padding: 0px 0 20px;
	/*color: rgba(255, 255, 255, 0.8); max-width:1440px; margin:0 auto;*/
}

.hero .container.c800 {
	max-width: 980px;
}

.hero .container-fluid {
	max-width: 100%;
}

.vh-70 {
	height: 70vh !important
}

.orange td {
	/*position:relative;
	left:auto;bottom:2px;*/
	height: 65px;
	width: 65px;
	color: #111;
	padding: 5px 5px;
	border-radius: .375rem;
	transition: 0.3s;
	line-height: 1.3;
	display: inline-block;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	margin: 5px;
}

.orange td span {
	color: #F76700;
}

.hero .input-group,
.hero input,
.hero select {
	border: 0;
	border-radius: 0;
}

.hero select {
	padding: 2px 15px 4px;
	height: 42px;
	vertical-align: middle;
}

.hero,
.bgtop {
	/* background-color: var(--color-secondary);*/
	background: #dce3f6;
	background: -moz-linear-gradient(top, #dce3f6 0%, #feffff 100%);
	background: -webkit-linear-gradient(top, #dce3f6 0%, #feffff 100%);
	background: linear-gradient(to bottom, #dce3f6 0%, #feffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce3f6', endColorstr='#feffff', GradientType=0);
}

.hero h2 {
	margin-bottom: 20px;
	padding: 0;
	font-size: 48px;
	font-weight: 700;
	color: #222;
}


.hero15{font-size: 15px;
}
.hero a:link,
.hero a:active,
.hero a:visited {
	color: #012984;
	/* font-size: 1.1em; */
	text-decoration: none;
}

.hero a:hover {
	color: #ff903b;
}
.herolink {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  
}
.herolink li {
 margin:0;
  padding: 0;
}

.herolink li::after {
  content: "|";
  color: #a0b6eb;
  padding: 0 3px 0 1px;
}

.herolink li:last-child::after {
  content: "";
}

.herolink a:link,
.herolink a:active,
.herolink a:visited {
  color: #012984;
  text-decoration: none;  padding: 0;

}

.herolink a:hover {
  color: #ff903b;
}

.hero p {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 40px;
	color: #555;
}

.hero .form-search {
	background: #fff;
	border-radius: 9px;
	padding: 5px;
}

.hero form .form-control {
	vertical-align: middle;
	border: none !important;
	background: none !important;
	font-size: 1.0rem;
}

.hero form .form-control {
	padding: 4px 15px 7px;
	line-height: 40px;
	margin-right: 10px;
	max-height: 44px;
}

.hero form .form-control:hover,
.hero form .form-control:focus {
	outline: none;
	box-shadow: none;
}

.hero i {
	margin-top: 1px;
	font-size: 1rem; margin-right:10px;
}

.hero form .btn-primary {
	background-color: var(--color-primary);
	padding: 1px 12px 1px;
	border-color: #ddd;
	font-size: 1.1rem;
	font-weight: 500;
}

.hero form .btn-primary {
	height: 48px;
	margin-top: 3px;
	margin-right: 3px;
}

.hero form .btn-primary:hover {
	background: var(--color-default);
}

.form-check-label {
	margin-top: 3px;
}

.main_cont {
	padding: 15px 0 20px;
	background: linear-gradient(to bottom, #dce3f6 0%, #feffff 100%);
}

.bg-y {
	background-color: #FAF3E9
}

.scrollarea {
	overflow-y: auto;
}

.wel_card {
	background-color: white;
	padding: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 25px !important;
}

.scrolls30 {
	overflow-y: auto;
	max-height: 30vh;
	/*border: solid 1px #819ecf !important; border-top:0 !important;*/
}

.scrolls40 {
	overflow-y: auto;
	max-height: 40vh;
}

.pr-0 {
	padding-right: 0 !important;
}

.card-header .pb-0 {
	padding-bottom: 0 !important;
	line-height: 26px !important min-height: 40px;
}

.card-hdrhome {
	/*background: linear-gradient(to right, rgba(120,155,212,1) 30%, rgba(255,255,255,0.1) 100%) !important;*/
	/*background: #FFEFBA; 
background: -webkit-linear-gradient(to left, #FFFFFF, #FFEFBA); 
background: linear-gradient(to left, #FFFFFF, #FFEFBA); 
background: #e85f04; 
background: -webkit-linear-gradient(to left, rgba(255,255,255,0.4), #e85f04); 
background: linear-gradient(to left, rgba(255,255,255,0.4), #e85f04); 
background: #027bc4; 
background: -webkit-linear-gradient(to left, rgba(255,255,255,0.4), #027bc4); 
background: linear-gradient(to left, rgba(255,255,255,0.4), #027bc4); 



*/

	background: #999;
	background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0.4), #999);
	background: linear-gradient(to left, rgba(255, 255, 255, 0.4), #999);
	/*background-image: linear-gradient(to left, #fdfcfb 0%, #e2d1c3 100%) !important;*/
	padding: 3px 20px 5px 20px;
	min-height: 40px;
	font-size: 1.02em;
	font-weight: 600;
	border-bottom: solid 1px #d9ca9c !important;
	color: #fff !important;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	line-height: 40px;
	font-family: var(--font-primary);
}

.scrolls {
	overflow-y: auto;
	max-height: 60vh;
}

.scrolls100 {
	overflow-y: auto;
	max-height: 100vh;
}

.mainc {
	height: 100vh;
	height: -webkit-fill-available;
	max-height: 100vh;
	overflow-x: auto;
	overflow-y: hidden;
}

.inlinedl {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 3em 0;
	padding: 0;
}

.inlinedl-cell {
	box-sizing: border-box;
	flex-grow: 1;
	width: 100%;
	overflow: hidden;
	list-style: none;
	border: solid 3px white;
	/* background: rgba(112,128,144,0.2);*/
}

.inlinedl-cell>h1,
.inlinedl-cell>h2,
.inlinedl-cell>h3,
.inlinedl-cell>h4,
.inlinedl-cell>h5,
inlinedl-cell>h6 {
	margin: 0;
}

.inlinedl--2cols>.inlinedl-cell {
	width: 50%;
}

.inlinedl--3cols>.inlinedl-cell {
	width: 33.33%;
}

.inlinedl--4cols>.inlinedl-cell {
	width: 25%;
}

.inlinedl--5cols>.inlinedl-cell {
	width: 20%;
}

.inlinedl--6cols>.inlinedl-cell {
	width: 16.6%;
}

.srcbg.inlinedl .inlinedl-cell {
	background: rgba(112, 128, 144, 0.2);
	padding: 0.8em 1.2em;
}

[data-href] {
	cursor: pointer;
}

.src th {
	background-color: #f9f9f9;
	font-weight: 600;
	color: #111;
	padding: 15px;
}

.table-hover tr:hover td {
	/*   --#{$prefix}table-accent-bg: var(--#{$prefix}table-hover-bg);
    color: var(--#{$prefix}table-hover-color);*/
	background-color: #FFFFF0 !important;
	--bs-table-accent-bg: #FFFFF0 !important;
}

.src td {
	padding: 6px 15px;
}

.src em {
	background-color: #199ce9;
	padding: 5px 5px 2px 3px !important;
	font-size: 90%;
	margin: 0 5px;
	text-decoration: none;
	font-style: italic;
	display: inline-block;
	line-height: .9;
	color: #fff;
	border-radius: 3px;
}

.srckoshfont {
	font-family: var(--font-secondary);
	/*font-style: normal;
	font-weight: 500; font-size:1.1rem;*/
}

.src {
	color: #000;
}

dl.inlinedl {
	width: 100%;
	overflow: auto;
	padding: 0;
	margin: 0;
	clear: both;
}

.inlinedl.trt dt {
	text-align: right !important;
	padding: 0 15px;
}

.inlinedl.trt dt:after {
	content: ":";
	padding: 0 15px;
}

.inlinedl dt {
	display: inline-block;
	width: 18%;
	padding: 0;
	margin: 0
}

.inlinedl dd {
	display: inline-block;
	width: 80%;
	/*background-color:#FAF3E9	;*/
	padding: 0;
	margin: 0
}

.src h3,
.src h5 {
	color: var(--color-primary);
}

.src h3 {
	font-size: 1.65rem;
}

.pheading {
	text-align: left;
	overflow: hidden;
	padding: 0;
}

.pheading span {
	display: inline-block;
	vertical-align: middle;
	line-height: 2;
	position: relative;
	font-size: 1.15rem;
	font-weight: 600;
	color: #222;
	margin: 15px 0;
	padding: 5px 10px 0;
	background: rgba(55, 188, 155, 0.08);
	border: 1px solid #37BC9B;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.pheading span:after {
	content: "";
	border-bottom: 3px solid #37BC9B;
	width: 100vw;
	position: absolute;
	top: 100%;
	left: 0;
}

.ptitle {
	color: #1976D2;
	font-size: 1.85rem;
	font-weight: 500;
	font-family: var(--font-primary);
	/*border-bottom:1px dashed #fc6500;*/
	padding-bottom: 5px;
	/*margin-bottom:10px;*/
}

.stitle {
	/*color:#DC3545;*/
	color: #111;
	font-size: 1.25rem;
	font-family: var(--font-primary);
	/*margin-bottom:8px; */
	font-weight: 500;
}

h4.stitle {
	font-size: 1.65rem;
}

.src h5 {
	display: inline-block;
}

.src .bp {
	background: #fffbef;
	border: 1px solid #ddd;
	margin: 0 3px;
	color: #7f6000;
	padding: 1px 4px 0px;
	border-radius: 5px;
	line-height: 26px !important;
	font-size: 16px;
	transition: all 1s ease-out;
}

.src .bp:hover {
	background: #fff7df;
	border: 1px solid #883d07;
}

.src u {
	font-weight: 600;
	color: #111;
}

.src a i {
	color: rgba(0, 0, 0, .3)
}

.src a:link,
.src a:visited,
.src a:active {
	font-weight: 500;
	color: #c11e1f;
	/*font-size: 15px;*/
	text-decoration: none;
}

.src a:hover {
	color: #1e217a;
}

.src .sea_sep {
	margin: 10px 0;
	padding: 1px 0 15px;
	box-shadow:
		/*#DEE4F7*/
		rgba(222, 228, 247, 0.5) 0px 25px 20px -20px;
	/*	border-top: 1px dashed #222;
	border-bottom: 1px dashed #888;*/
}

.scont {
	padding: 15px 20px;
}

.in_search a:link,
.in_search a:active,
.in_search a:visited {
	color: #012984;
}

.in_search a:hover {
	color: #ff903b;
}

.in_search form {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	/* max-width:80%; margin: auto;*/
}

.in_search form .form-control {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	margin-right: 10px;
	border: none !important;
	background: none !important;
}

.in_search form .form-control:hover,
.in_search form .form-control:focus {
	outline: none;
	box-shadow: none;
}

.in_search form .btn-primary:hover {
	background: var(--color-default);
}

.stats-item {
	padding: 30px;
	width: 100%;
}

.stats-item span {
	font-size: 3.2em;
	display: block;
	font-weight: 700;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.stats-item p {
	padding: 0;
	margin: 0;
	font-family: var(--font-primary);
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 20px;
	color: #ff903b;
	padding: 15px 5px;
}

.card. .card-header,
.card-footer {
	border-radius: 0 !important;
}

.searchbg {
	border: 1px solid #d8d0c1;
	background-color: #FDF4E1;
	padding: 15px;
	border-radius: 5px;
}

.search_hr {
	width: 98%;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.card_cust {
	background-color: #eff5ff;
	box-shadow: #819ecf 0px 2px 4px, #819ecf 0px 7px 13px -3px, #819ecf 0px -3px 0px inset;
	/*box-shadow: rgba(128, 127, 127, 0.30) 0px 5px 15px;*/
	border: solid 1px #819ecf;
	/*border-radius: 4px;	*/
}

/*.card_cust .card-header,*/
.card-header {
	background-color: #a5bce2;
	padding: 3px 10px 5px 20px;
	min-height: 50px;
	font-size: 1.2em;
	font-weight: 600;
	border-bottom: solid 1px #819ecf !important;
	color: #000;
	border-radius: 0px !important;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	line-height: 40px;
}

/*.card_cust .card-footer,*/
.card-footer {
	background-color: #a5bce2;
	padding: 10px 20px;
	min-height: 50px;
	border-top: solid 1px #819ecf !important;
	border-radius: 0px;
}

.card-header label {
	font-size: 1rem;
	display: inline
}

.card-header input,
.card-header select {
	font-size: 1rem;
	display: inline;
	vertical-align: middle;
	padding: 1px 10px 0 !important;
	border-color: #b2bdd4;
	background-color: #fff;
	border-radius: .375rem
}

.card .card-header,
.card .card-footer {
	border-color: #5073d2
}

.form-select-xsm {
	padding-top: .15rem;
	padding-bottom: .15rem;
	padding-left: .25rem;
	font-size: .775rem;
	border-radius: 5px
}

.bgbook {
	background-color: #fff8f2;
	font-family: 'Sanskrit';
	font-style: normal;
	position: relative
}

.brdrbook {
	border: 1px dotted #bda795
}

.entry_word {
	color: #4E2ECC
}

.transliteration {
	color: #9C27B0
}

.gram_category {
	color: #1976D2
}

.citation {
	color: green
}

.conceptus {
	color: #795548
}

.gram_note {
	color: #D12981
}

.ref_mode {
	color: orange
}

.english_meaning {
	color: deeppink
}

.reference {
	color: green
}

.editedtext {
	color: mediumblue
}

.inlinef input,
.inlinef select,
.inlinef label {}

.inlinef input,
.inlinef select {
	box-shadow: none;
}

@media (max-width:1200px) {
	.inlinef . {}

	.inlinef * {
		margin-left: 0 !important;
	}

	.inlinef input,
	.inlinef select,
	.inlinef label {
		text-align: left;
		/*width:100%;*/
	}
	
}

@media (max-width:1360px) {
	.hiddenc {
		display: none;
	}
}

.form-check .form-check-input {
	margin-top: 6px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer_logo {
	font-size: 14px;
	background-color: #071b49;
	padding: 15px 0;
	color: white;
	position: relative;
	z-index: 771;
	border-bottom: 1px solid #142b64;
}

.footer_logo img {
	width: auto;
	max-width: 100%;
	/* height: 75px; */
	margin-right: 30px !important;
	/*  padding:3px; background-color:rgba(0,0,0,.9); border-radius:3px; */
}

.footer_logo img:last-child {
	margin-right: 0px;
}

@media (max-width:680px) {

	.footer_logo img {
		margin-bottom: 1px !important;
		
		margin-right: 20px !important;
		/* height: 55px; padding:3px; background-color:rgba(0,0,0,.9); border-radius:3px; */
	}

	.footer_logo img:first-child {
		/* margin-left: 11px !important; */
	}
}

.footer {
	font-size: 14px;
	background-color: var(--color-default);
	padding: 0px 0 20px;
	color: white;
	position: relative;
	z-index: 771;
}

.footer:after {
	background-color: rgba(0, 0, 0, .5);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.footer * {
	z-index: 1700 !important;
}

.footer .footer-contact p {
	line-height: 25px;
}

.footer .copyright {
	text-align: center;
}

.footer .credits {
	padding-top: 4px;
	text-align: center;
	font-size: 13px;
}

.footer .credits a {
	color: #fff;
}

.search-section-d {
	background: linear-gradient(to bottom, #dce3f6 0%, #feffff 100%);
	padding: 30px !important;
}

.footer-linkbox {
	background-color: rgba(0, 0, 0, .5);
	padding: 5px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

ul.footer-links {
	margin: 0;
	padding: 0
}

ul.footer-links,
ul.footer-links li {
	list-style-type: none;
	margin: 0;
	padding: 1px 0 !important
}

.footerlink b {
	font-size: .9rem;
	font-weight: 800;
	padding-right: 4px
}

/* .footerlink a {
 font-size: .7rem;
	color: #fff !important;
	text-decoration: none !important;
}
.footerlink a:hover {
	color: #ddd !important
} */
.footerlink {
	padding: 0 4px
}

ul.footer-links li:before {
	/*content: "\F3CE";*/
	font-family: "bootstrap-icons";
	vertical-align: middle;
	padding-right: 10px;
	color: #FF597C;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	font-size: .7rem;
	margin-top: 5px
}

.footer-link {
	justify-content: center;
	line-height: 24px
}

.footer-link li {
	padding: 5px 10px;
	position: relative;
	display: inline-block
}

/* .footer-link li a {
	
	color: #fff
}
.footer-link li a:hover {
	color: #ee4730
}
 */


.footer a {

	text-decoration: none !important;

	color: #fff !important
}

.footer a:hover {
	color: #ee4730 !important
}

.text-orange{
color:#FF6702 !important;
}

/* 

 @media (max-width:575px) {
.footer-link li a {
	font-size: 14px
}
}.footer-link li::after {
	
	height: 19px;
	right: 0;
	top: 11px
}
.footer-link li:last-child::after {
	display: none
}
 @media (min-width:992px) {
.footer-link {
	margin: -5px -10px
}
.footer-link li {
	padding: 5px 10px
}
}
.footer-link li:after {
	content: "|";
	padding-left: 10px;
	position: relative;
	top: -1px
}
.footer-link li.last-li:after {
	content: " ";
	padding-left: 0
} */

.footer img {
	width: auto;
	max-width: 100%;
	/* height: 75px; */
}

.footer2 img {
	width: auto;
	max-width: 100%;
	height: 60px;
	margin-left: 10px;
}

/* Toast


 .toast-body{
background:rgba(0,0,0,.6); 
color:#fff; 
font-weight:600;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.toast{
border:1px solid #666;
border-radius:8px;	
font-size:1.09rem;
}*/



/*************Advance Search*************/

.bg_white {
	background-color: #eff5ff;
	box-shadow: rgba(128, 127, 127, 0.30) 0px 5px 15px;
	border: solid 1px #819ecf;
	border-radius: 4px;
}

.header-advance {
	background-color: #a5bce2;
	padding: 10px 20px;
	min-height: 50px;
	display: flex;
	border-bottom: solid 1px #819ecf !important;
}

.adv-footer {
	background-color: #a5bce2;
	padding: 10px 20px;
	min-height: 50px;
	border-top: solid 1px #819ecf !important;
}

.advance h4.card-title {
	color: #000000;
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0;
	text-overflow: ellipsis;
	/*line-height: 1.5em !important;*/
}

.adv-footer .btn-primary {
	background-color: #00388f;
	border-color: #a5bce2;
}

.adv-footer .btn-primary:hover {
	background-color: #ff6600;
}

.advance .btn-light:hover {
	background-color: #eff5ff;
	border: solid 1px #eff5ff;
}

.icon-blue {
	color: #01359d;
	/*#ff6600 */
}

.icon-orange {
	color: #ff6600;
}

.advance .margin {
	margin: 1.5rem;
}

/* catalogue page */

.catalogue_alphabet_list,
.orange_list {
	border-radius: .375rem;
	position: relative;
	background-size: cover;
	font-family: var(--font-secondary);
	overflow-x: auto;
}

.catalogue_alphabet_list {
	padding: 20px;
}

.catalogue_alphabet_list *,
.orange_list * {
	z-index: 100 !important;
}

.catalogue_alphabet_list>ul {
	padding-left: 0px;
	margin-bottom: 10px;
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
}

.catalogue_alphabet_list>ul:last-child,
.orange_list>ul:last-child {
	padding-left: 0px;
	margin-bottom: 0px;
}

.catalogue_alphabet_list>ul li,
.orange_list>ul li {
	list-style-type: none;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	margin-left: 5px;
	margin-bottom: 5px;
}

.orange_listm>ul {
	padding-left: 0px;
	margin: 0px auto;
}

.modal-header {
	background-color: #789bd4;
	padding: 15px 15px 11px;
	font-size: 1.2em;
	font-weight: 600;
	border-bottom: solid 1px #819ecf !important;
	color: #fff;
	vertical-align: middle;
}

.modal-header h1 {
	font-family: Arial, Helvetica, sans-serif;
}

/*.card_cust .card-footer,*/
.modal-footer {
	background-color: #a5bce2;
	padding: 7px 20px;
	min-height: 50px;
	border-top: solid 1px #819ecf !important;
}

.modal-footer .btn {
	padding: 6px 10px;
}

.modalhvh {
	height: 39vh;
}

.modalh65vh {
	height: 65vh;
	overflow: auto;
}

.modal .input-group {
	padding: 20px 25px;
	border: 0;
	border-bottom: 2px solid #ddd;
	max-height: 100px !important;
	background-color: #f0f0f0;
}

/* .modal input { */
/* padding: 20px 25px; */
/* } */
.modal-header .btn-close {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	background-color: rgba(255, 255, 255, .9);
	font-size: .7rem !important;
}

.orange_list>ul {
	padding-left: 0px;
	margin-bottom: 0px;
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
}

.orange_list>ul li {
	width: 70px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	height: 28px !important;
	line-height: 20px;
	padding: 5px 2px 2px;
}

.orange_list>ul li,
.orange_listm>ul li {
	color: #111;
	vertical-align: middle;
	border-radius: .275rem;
	transition: 0.3s;
	display: inline-block;
	/*background-color: var(--color-default);*/
}

.orgbg {
	background: #f3f7ff;
	/*background: linear-gradient(to bottom, #dce3f6 0%, #feffff 100%);Background:#f0f0f0;*/
	border-bottom: 1px solid #bcc9e0;
	padding: 15px 15px 5px 25px;
}

.orange_listm.m22>ul li a {
	margin: 0 11px 22px 12px;
	width: 65px;
	height: 32px !important;
	padding: 4px 2px 4px;
	line-height: 24px;
}

.orange_listm.m11>ul li a {
	margin: 0 8px 11px 12px;
	width: 40px;
	height: 32px !important;
	padding: 4px 2px;
	border: 1px solid #c9d8f3;
	font-size: 1em;
}

.orange_listm>ul li a {
	display: block;
	font-weight: 420;
	text-align: center;
	/*background-color:#ddd;*/
	border: 1px solid #f0f0f0;
	background: #f7fbff;
	color: #111;
	border-radius: .275rem;
	background: -moz-linear-gradient(left, #f7fbff 0%, #e3eaed 100%);
	background: -webkit-linear-gradient(left, #f7fbff 0%, #e3eaed 100%);
	background: linear-gradient(to right, #f7fbff 0%, #e3eaed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7fbff', endColorstr='#e3eaed', GradientType=1);
}

.orange_listm>ul li:hover a {
	/*background-color:#ddd;*/
	border-color: #4c7ac5;
	background: #d2ddf0;
	color: var(--color-default);
	box-shadow: 0 1px #ddd;
}

.orange_listm>ul li:active a {
	background-color: #d2ddf0;
	box-shadow: 0 3px #ddd;
	transform: translateY(2px);
}

.orange_list>ul li span,
.orange_listm>ul li span {
	color: #fe6500;
}

.catalogue_alphabet_list>ul li a {
	color: #111;
	padding: 11px 15px 1px;
	border-radius: .375rem;
	transition: 0.3s;
	line-height: 1.3;
	height: 42px !important;
	display: inline-block;
	/*background-color: var(--color-default);*/
	background-color: #f0f0f0;
	/*width:50px;*/
	border: 1px solid #ccc;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.catalogue_alphabet_list>ul li a:hover {
	color: #fff;
	background-color: #5678b0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.catalogue_alphabet_list>ul li a.active,
.catalogue_alphabet_list>ul li a.active:hover {
	color: #fff;
	background-color: var(--color-primary);
	border-color: #333;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.search_ip form {
	background: #fff;
	padding: 10px;
	border-radius: .375rem;
	max-width: 60%;
	margin: 0 auto;
	min-width: 320px;
}

.search_ip form .form-control {
	border: none !important;
	background: none !important;
	/*margin-top:2px; */
}

.search_ip form .form-control:hover,
.search_ip form .form-control:focus {
	outline: none;
	box-shadow: none;
}

.pagination .page-link {
	border: 1px solid transparent;
	color: #111;
	/*font-weight: 900;*/
	background-color: #f0f0f0;
	padding: 5px 10px;
}

.pagination .page-item.disabled .page-link {
	color: #999 !important;
	background-color: #ddd
}

.pagination .page-link.active {
	color: #fff !important;
	background-color: #5678b0;
	border-color: #000;
}

.pagination .page-link:link,
.pagination .page-link:visited,
.pagination .page-link a:active {
	color: #111;
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:hover {
	color: #fff;
	background-color: #5678b0;
}

.pagination .page-item {
	margin: 0px 2px;
	border-radius: .375rem;
}

.pagination .page-item:nth-child(1) .page-link {
	/*border: 1px solid #f1f1f1 !important;*/

	box-shadow: none;
}

.pagination .page-item:nth-last-child(1) .page-link {
	box-shadow: none;
}

.search_ip {
	position: relative;
}

.highlight_text {
	color: #ff6702;
	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	font-weight: 500;
	font-size: 15px;
}

.dropdown-divider {
	height: 0;
	margin: 5px;
	overflow: hidden;
	border-top: 1px solid #efefef;
	opacity: 1;
}

.keyboard_input_dropdown li a {
	font-size: 14px;
	font-weight: 500;
	color: #1e1e1ece;
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--bs-dropdown-link-active-color);
	text-decoration: none;
	/* background-color: #00369b; */
	background-color: #e9ecef;
}

.keyboard_input_dropdown .btn:hover,
.keyboard_input_dropdown .btn.show {
	color: var(--bs-btn-hover-color);
	background-color: #00194cc9;
	border-color: currentColor;
}

.search_ip input {
	padding-right: 60px !important;
}

@media (min-width: 320px) and (max-width: 767px) {
	.custom_table_responsive {
		overflow: auto;
	}

	.custom_table_responsive table {
		table-layout: auto;
	}

	.catalogue_alphabet_list>ul li {
		min-width: 40px;
	}

	.catalogue_alphabet_list>ul {
		display: flex;
		flex-wrap: wrap;
	}
	.footer_logo .m-auto{
		display: flex;
		flex-wrap: wrap;
	}
	.footer_logo img {
		width: auto;
		max-width: 100%;
		/* height: 75px; */
		margin-right: 10px !important;
	}
	.graph.graph-color-history .list-group-item{
		width: 20vh;
	}
	.adv .float-end {
		float:left !important;
	}
	.ml13.sm {
		margin-left: 0px;
		margin-top: 15px;
	}
}

.acc_overflow {
	max-height: 250px;
	overflow: auto;
}

/* filter */

.fbox {
	color: #adaeaf;
	padding: 0 18px 12px 0;
	/* border-bottom:1px solid #eaeaec*/
}

.fbox input[type="checkbox"] {
	margin-right: 7px;
}

.fsearch {
	margin: 0 20px 0 0;
	height: 30px;
	width: 200px;
	font-size: 15px;
	padding: 5px;
	border: 1px solid #ccc;
	outline: none;
}

.fsearch:focus {
	border: 1px solid #526cd0
}

.fdlist {
	padding: 20px 18px 10px 0 !important;
	margin-right: 18px !important;
	margin-left: 10px !important;
	height: 465px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.fdlist li {
	margin: 0 10px 8px 0;
	font-size: 14px;
	padding-left: 10px
}

.fdlist li label {
	display: block;
	width: 100%;
	min-height: 17px;
	color: #111
}

.fdlistTitle {
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #FE6601;
}

.fdcount {
	color: #94969f;
	font-size: 11px;
	margin-left: 4px
}

.findex {
	padding: 0;
	margin: 0;
	display: inline-block;
	text-transform: uppercase
}

.findex li {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	text-align: center;
	cursor: pointer;
	color: #01359b;
	font-weight: 700;
	font-size: 13px
}

.findex_disabled {
	opacity: .2;
	cursor: default
}

.catalogue_top_space {
	padding-top: 100px;
}

.navbarbg {
	background-color: var(--color-default);
	padding: 15px;
	color: #fff;
	vertical-align: middle
}

.navbarbg a:link,
.navbarbg a:visited,
.navbarbg a:active {
	color: white;
}

.navbarbg a:hover {
	color: var(--color-primary);
}

@media (max-width: 767px) {

	.text-right,
	label,
	.form-label {
		text-align: left !important;
	}

	/*.float-end {
		float: left !important;
	}*/
}

.slide {
	overflow: auto;
	width: 500px;
}

.slide table caption {
	font-weight: 700;
	color: #fff;
	font-weight: 600;
	background-color: #0B2A73;
}

.slide th,
.slide td,
.slide table caption {
	padding: 9px 0px 13px 10px;
}

.slide th {
	color: #111;
	font-weight: 600;
	background-color: #bfd3f2;
}

.slide td {
	color: #222;
}

.slide table tr:last-child td {
	border-bottom: 0;
}

.slide td a:link,
.slide td a:visited,
.slide td a:active {
	/*color:#0066ff;	*/
	color: var(--color-default);
}

.slide td a:hover {
	color: var(--color-primary);
}

.chipsbg {
	background-color: #ccc;
	padding: 20px 20px 10px;
}

.chips li {
	display: inline-block
}

.chips li a {
	position: relative;
	border: 1px solid #ccc;
	display: inline-block;
	background: #FFF;
	-webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
	box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	border-radius: 6px !important;
	margin: 0 5px 6px 0;
	line-height: 20px;
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #444;
}

.chips li a {
	border-radius: 2px;
	font-size: 13px;
	padding: 4px 23px 2px 11px;
	color: #444 !important;
	max-width: 120px;
}

.chips li a:hover {
	border-color: #0B2A73;
	background: #FFFFF0
}

.chips li a:after {
	position: absolute;
	right: 7px;
	top: 2px;
	cursor: pointer;
	content: "X";
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0B2A73
}

.h50vh {
	min-height: 50vh;
}

.h55vh {
	min-height: 55vh;
}

.h80vh {
	min-height: 80vh;
}

/* pub vol */

.pubv_bg {
	margin: 0;
	padding: 0;
	/* background: #efefef;*/
}

.pubv_bg .box {
	position: relative;
	margin: 45px;
	border-radius: 0px !important;
	background: #fff;
	overflow: hidden;
	padding: 0px;
	border: 1px solid transparent;
	/*box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.pubv_bg .box.active,
.pubv_bg .box.active:hover {
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	border: 2px solid #0b2a73;
	/*box-shadow: 0px 0px 0px 2px, #0b2a73 0px 4px 6px -1px;*/
}

.box.active:hover .obfitimg img {
	transform: scale(1)
		/*rotate(2deg)*/
	;
	object-fit: contain;
}

.pubv_bg .box.active .card-title {
	color: var(--color-secondary);
	background: #efefef;
}

.pubv_bg .box:hover {
	cursor: pointer;
	background: #fff;
	border-color: #fe6500;
	/*box-shadow: #fe6500 0px 0px 0px 1px, #c9d8f3 0px 4px 6px -1px;*/
}

.pubv_bg .box * {
	transition: all ease-in-out .4s;
	margin: auto;
	text-align: center;
}

.pubv_bg .box img {
	width: auto;
	/*  height:150px;*/
	max-width: 100%;
	margin: auto;
	vertical-align: middle;
	background-size: 100%;
	border-radius: inherit;
	background: #ddd;
	overflow: hidden;
}

.obfitimg {
	overflow: hidden;
	width: 100%;
	height: 150px;
}

.obfitimg img {
	width: 100%;
	height: 100%;
	object-position: 0px 5%;
	object-fit: contain;
}

.box:hover .obfitimg img {
	transform: scale(1.55)
		/*rotate(2deg)*/
	;
	object-fit: cover;
}

.pubv_bg .box .card-img,
.pubv_bg .box .card-img-top {
	border-radius: 0px !important;
	padding: 0;
	margin: 0;
}

.pubv_bg .box .card-title {
	vertical-align: middle;
	max-height: 90px;
	padding: 10px 15px;
	border-radius: 0px !important;
	margin-bottom: 0;
	font-family: var(--font-default);
	/*background: #ddd;*/
	width: 100%;
	font-weight: 600;
	/*border-top:1px solid #ddd;*/
	background: #f7fbff;
	background: -moz-linear-gradient(left, #f7fbff 0%, #e3eaed 100%);
	background: -webkit-linear-gradient(left, #f7fbff 0%, #e3eaed 100%);
	background: linear-gradient(to right, #f7fbff 0%, #e3eaed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7fbff', endColorstr='#e3eaed', GradientType=1);
}

.formright .col-form-label {
	text-align: right;
	font-weight: 450;
}

.formright small {
	letter-spacing: .2px;
	font-size: 12px;
}

.formright textarea {
	max-height: 150px !important;
	overflow: auto;
	resize: vertical;
}

ul.listc {
	margin-left: 0px;
}

ul.listc li {
	list-style-type: none;
	padding: 0 0px 0 0px;
}

ul.listc li:before {
	content: "\f0da";
	/* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: calc(var(--icon-space) * 1);
	width: var(--icon-space);
	color: #ff6600;
	margin-right: 10px;
}

.video-overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.35);
	top: 0%;
	left: 0%;
	bottom: 0%;
	right: 0%;

	/* 	top: 30%;
	left: 10%;
	bottom: 30%;
	right: 10%; */
	z-index: 9 !important;
}

.main-banner {
	position: relative;
	max-height: 55vh;
	overflow: hidden;
}

/*  .main-banner .btn-primary {
	font-size:1.85vw; font-weight: 600; text-transform:uppercase  
  }*/


.main-banner .bannerimg {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.main-banner h2 {
	padding: 1.1em 1.2em;
	font-size: 1.85vw;
	font-weight: 600;
	color: #fff !important;
	font-family: var(--font-default);
}

.main-banner h3 {
	padding: 1.1em 1.2em;
	font-size: 1.15vw;
	font-weight: 600;
	color: #fff !important;
	font-family: var(--font-default);
}

.main-banner h3 small {
	padding: 1.1em 1.2em;
	font-size: .85vw;
	font-weight: 500;
	color: #fff !important;
	font-family: var(--font-default);
}

.btn-xl {
	text-transform: uppercase;
	padding: .6em .6em;
	font-size: 1.1vw;
	font-weight: 600;
	transition: 1s;
	color: #fff !important;
}

.btn-xl.btn-primary:hover {
	background-color: #e85f04;
	color: #fff !important;
	transform: scale(1.1);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}

.modal-header.homediahdr {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#789bd4+0,ffffff+100&1+0,0.1+100 */
	background: linear-gradient(to right, rgba(120, 155, 212, 1) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-transform: uppercase;
}

.f-bold {
	font-weight: bold;
}

.lupdate {
	width: 100%;
	float: left;
	border: 1px solid #027bc4;
	height: 245px;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.lupdate .lutitle {
	/* float: left;*/
	background: #027bc4;
	color: #fff;
	padding: 5px 10px;
	line-height: 35px;
}

.rounded-2 {
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
}

.sidebar-widget-area {
	position: relative;
	z-index: 1;
}

.sidebar-widget-area .title {
	display: block;
	color: #1976D2;
	font-size: 1.45rem;
	font-weight: 500;
	font-family: var(--font-primary);
	padding: 0px 0px 15px;
	border-bottom: 2px solid #E4E9F8;
	background: #fff;
	margin-bottom: 15px !important;
}


.sidebar-widget-area .title .float-right {
	float: right !important;
}



.sidebar-widget-area .widget-content {
	/*  padding: 20px 20px 20px 20px; */
}

@media only screen and (max-width: 767px) {
	.sidebar-widget-area .widget-content {
		/* padding: 30px 0 30px 15px;  */
	}
}

.sidebar-widget-area:last-of-type {
	border-bottom: none;
}

.sidebar-widget-area ul li a {
	padding: 3px 10px 3px 10px !important;
	display: block;
	font-weight: 500;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.1rem !important;
	border-bottom: 1px dotted #819ecf;
	-webkit-transition: background 0.3s, color 0.5s, margin 1s;
	-moz-transition: background 0.3s, color 0.5s, margin 1s;
	transition: background 0.3s, color 0.5s, margin 1s;
	color: #333;
	/* -webkit-border-radius: 20px; */
	/* -moz-border-radius: 20px; */
	/* border-radius: 20px; */
}

.sidebar-widget-area ul li:hover a {
	/*background: #fff;*/
	background: linear-gradient(to right, rgba(120, 155, 212, .3) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #000;
	/* border-left: 5px solid #f87703;color: var(--color-secondary);*/
	/* margin-left: 15px;*/
}

.sidebar-widget-area ul li:last-child a {
	border-bottom: 0 !important;
	/*background: #fff;*/
	/* border-left: 5px solid #f87703;color: var(--color-secondary);*/
	/* margin-left: 15px;*/
}

.single-blog-post {
	padding: 10px 10px;
	z-index: 1;
	border: 1px solid #E4E9F8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(228, 233, 248);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	margin-bottom: 15px !important;
	overflow: hidden;
	max-height: 68px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
	border-bottom: 2px solid #E4E9F8;
	color: #333;
}

.single-blog-post:hover,
.single-blog-post.active {
	background: #f1f1f1;
	border-color: #ccc;
}

.single-blog-post h5:hover,
.single-blog-post.active h5 {
	color: #000;
}

.single-blog-post:last-child {
	margin-bottom: 0px !important;
}

.single-blog-post .post-content {}

.single-blog-post .post-content .headline h5 {}

.single-blog-post .post-content .headline h5 {
	line-height: 26px;
	/* text-overflow: ellipsis;white-space: nowrap; width: 250px;*/
	font-size: 1.05rem;
	margin-bottom: 10px;
	color: #333
}

.single-blog-post .post-content p {
	margin-bottom: 10px;
	font-size: 14px;
	color: #FF6700
}

.single-blog-post .post-content .post-meta p {
	margin-bottom: 0;
	font-size: 12px;
}

.single-blog-post .post-content .post-meta p a {
	font-size: 12px;
}

.single-blog-post.post-style-2 {
	margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-blog-post.post-style-2 .post-content {
		padding: 5px 30px 5px 5px;
	}

	.single-blog-post.post-style-2 .post-content .headline h5 {
		font-size: 14px;
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-blog-post.post-style-2 .post-content .headline h5 {
		font-size: 13px;
	}
}

@media only screen and (max-width: 767px) {
	.single-blog-post.post-style-2 .post-content .headline h5 {
		font-size: 13px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-blog-post.post-style-2 .post-content {
		padding: 5px;
	}
}

.single-blog-post.post-style-2:last-of-type {
	margin-bottom: 0;
}

.single-blog-post.post-style-3 .post-content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	padding: 0;
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	z-index: 2;
}

.single-blog-post.post-style-3 .post-content .post-tag a {
	padding: 0 10px;
	display: inline-block;
	height: 20px;
	background-color: #ffffff;
	text-transform: uppercase;
	font-size: 10px;
	color: #0000ff;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.75px;
}

.single-blog-post.post-style-3 .post-content .post-tag a:hover,
.single-blog-post.post-style-3 .post-content .post-tag a:focus {
	background-color: #0000ff;
	color: #ffffff;
}

.single-blog-post.post-style-3 .post-content .headline h5 {
	font-size: 18px;
	color: #ffffff;
}

.single-blog-post.post-style-4 {
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
	.single-blog-post.post-style-4 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-blog-post.post-style-4 {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

.single-blog-post.post-style-4 .post-thumbnail {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px;
	min-width: 200px;
	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.single-blog-post.post-style-4 .post-thumbnail {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		min-width: 100%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-blog-post.post-style-4 .post-thumbnail {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 250px;
		flex: 0 0 250px;
		min-width: 250px;
	}
}

.single-blog-post.post-style-4 .post-content {
	padding: 5px 20px 5px 5px;
}

.single-blog-post.post-style-4 .post-content .headline h5 {
	font-size: 18px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.single-blog-post.post-style-4 .post-content {
		padding: 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-blog-post.post-style-4 .post-content {
		padding: 5px;
	}

}

.single-blog-post.post-style-4:last-of-type {
	margin-bottom: 0;
}

.image_book_container {
	max-height: 400px !important;
	overflow: auto;
}

.accordion-custom-panel {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #ddd;
	padding: 10px;
}

.ref_trans_header {
	background-color: #30567B !important;
	color: #fff !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

article.accordion {
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color: #666;
	overflow: auto;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	height: 100vh;
}

article.accordion section {
	position: relative;
	display: block;
	float: left;
	width: 2em;
	height: 12em;
	margin: 0.5em 0 0.5em 0.5em;
	color: #333;
	background-color: #333;
	overflow: hidden;
	border-radius: 3px;
}

article.accordion section h2 {
	position: absolute;
	font-size: 1em;
	font-weight: bold;
	width: 12em;
	height: 2em;
	top: 12em;
	left: 0;
	text-indent: 1em;
	padding: 0;
	margin: 0;
	color: #ddd;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

article.accordion section h2 a {
	display: block;
	width: 100%;
	line-height: 2em;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

article.accordion section:target {
	width: 90%;
	padding: 0 1em;
	color: #333;
	background-color: #fff;
	height: 100%;
}

article.accordion section:target h2 {
	position: static;
	font-size: 1.3em;
	text-indent: 0;
	color: #333;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 100%;
}

article.accordion section,
article.accordion section h2 {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.dp a,
.dp a:focus {
	display: block;
}

.scrolls_saved {
	overflow-y: auto;
	max-height: 41.5vh;
}

.input-group.bg-none {
	background-color: transparent;
	padding-top: 5px;
}

.list-group-item {
	border: none;
	list-style: square;
	display: list-item;
	padding-left: .5rem;
}

.list-group {

	padding-left: 2rem;
	/* padding-right: .5rem; */
	padding-bottom: .5rem;
	line-height: 16px;
}

.modal-header h1 {
	font-family: "Open Sans", "Poppins", "Helvetica Neue";
}

.bookmark .card-header {
	background-color: #d5e4fb;
}

.bookmark .card {
	border: 1px solid #c5d6f9;
	border-bottom-right-radius: 1px solid #89a3ce;

}

.help img {
	max-height: 58vh !important;
    border: solid 1px #f1f0f0;
    width: 106vh;
    object-position: center;
    object-fit: cover;
}

/****************For 2 images***************/

img.help2 {
	height: auto !important;
	width: 100%;
	/* object-fit: cover; */
	object-position: top;
	border: solid 1px #f1f0f0;
	width: 100%;
	position: relative;
}

.full_screen_img_btn2 {
	position: absolute;
	right: 15px;
	bottom: 50px;
	z-index: 11;
	border: 1px solid transparent;
	border-radius: 4px;
	width: 40px;
	height: 38px;
	background: #0000007d;
	font-size: 16px;
	color: #fff !important;
	transition: all .3s ease 0s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.full_screen_img_btn2 i{
	color:  #fff !important;
}
.full_screen_img_btn2:hover {
	background: #1616167d;
}

/*********************Help page--active***************/
.sidenav ul.topic {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.topic li:hover {
	background-color: #e9ecef;
}

ul.topic li{
	padding-top: .3rem;
}
/*****************Select box- scroll-Bookmark popup********/
.custom-wrapper {
	/* width:200px; 
	 padding:20px;  */
	height: 20px;
}
.sidenav ul li a{
	/* color: #111; */
	display: block;
	max-width: 100%;
}
.sidenav ul.topic li div.text {  
    max-width: 36ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.caption{
	color: var(--color-primary);
	font-weight: 500;
	font-size: 1em;
}
.fs{
	font-size: .9em;
}
.brdr-bottom{
	/* border-top: solid 2px #9dbdf0; */
	border-bottom: solid 2px #9dbdf0;
	background-color: #b5c9e9;
}
.form-select.lang{
	padding: .3rem 1.8rem 0rem .3rem;
}
.line{
	border-right: 1px solid rgb(11 42 115);
	padding-right: .8rem;

	/* height: 5px; */
}
.line a{
	color: #003995;
	text-decoration: underline !important;
}
.line a:hover, span.timeline-f:hover{
	color: var(--color-primary) !important;
}

/**********************Graph******************/

.graph , .graph .list-group-item{
	list-style: none;
	-webkit-padding-start: 0px;
}

.graph-img {
	height: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.graph-img img {
	width: 250px;
}

li.grph-color {
	margin-right: .7rem;
}

.grph-color a {
	vertical-align: middle;
}

.grph-color span {
	display: inline-block;
	font-size: 1.0em;
	vertical-align: middle;
	margin-right: .3rem;
	/* padding-top: 9px; */
	width: 1em;
	height: 1em;
	border-radius: 2px;
}

.grph-color span.green {
	background-color: rgb(14 140 58);
}

.grph-color span.maroon {
	background-color: rgb(165, 42, 42);
}

.grph-color span.red {
	background-color: rgb(199, 63, 23);
}

.grph-color span.blue {
	background-color: rgb(0, 63, 135);
}

.grph-color span.yellow {
	background-color: rgb(238, 154, 0);
}
.pub_scroll{
	max-height: 40vh;
    overflow-y: auto;
}
p.pub_scroll{
	/* border-left: #a5a5a5 solid 1px; */
	background-color: #fff;
    margin: 1.2rem;
	border-radius: 5px;
}
.history_scroll {
    max-height: 36vh;
    overflow-y: auto;
	line-height: 1.6em;
}

/***********************timeline*********/

span.timeline-f{
	color: #003995 !important;
	text-decoration: underline !important;
}

/**************Modal Graph- Historical*******************/
.graph-img-history {
	/* height: 360px; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.graph-img-history img {
	width: 100%;
}
.grph-color-history span {
		display: inline-block;
		font-size: 1.0em;
		vertical-align: middle;
		margin-right: .6rem;
		/* padding-top: 9px; */
		width: 1em;
		height: 1em;
		border-radius: 2px;
		/* border: 3px solid #575656; */
}

.grph-color-history span.green {
	background-color: rgb(14 140 58);
}

.grph-color-history span.maroon {
	background-color: rgb(165, 42, 42);
}

.grph-color-history span.red {
	background-color: rgb(199, 63, 23);
}

.grph-color-history span.blue {
	background-color: rgb(0, 63, 135);
}

.grph-color-history span.yellow {
	background-color: rgb(238, 154, 0);
}
.grph-color-history span.rblue {
	background-color: #4E2ECC;
}

.grph-color-history span.purple {
	background-color: #9C27B0;
}

.grph-color-history span.lblue {
	background-color: #1976D2;
}

.grph-color-history span.ggreen {
	background-color: green;
}

.grph-color-history span.brown {
	background-color: #795548;
}

.grph-color-history span.lpink {
	background-color: #D12981;
}

.grph-color-history span.orange1 {
	background-color: orange;
}

.grph-color-history span.pink {
	background-color: deeppink;
}

.grph-color-history span.dgreen {
	background-color: rgb(10, 78, 10);
}

.grph-color-history span.dblue {
	background-color: rgb(3, 3, 145);
}
.grph-color-history span.dpurple {
	background-color: rgb(120, 5, 124);
}
.graph .list-group-item{
	padding: .7rem;
}
.graph.graph-color-history .list-group-item{
	padding: .7rem;
	width: 18vh;
}
.click {
	animation: click-animation 1s linear infinite;
	color: #003995 !important;
  }
  
  @keyframes click-animation {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
  }
  .hand{
	display: inline-flex;
	align-items: center;
  }
  @media only screen and (min-width: 767px) and (max-width: 991px) {
	.hand{
		margin-left: 1rem;
	}
  }
  
  
  
   .pe-lr {
         padding: 0 20px;
         border-radius: 10px !important;
         margin-left: 15px;
         background: #f9f9f9;
         border: 1px solid #f0f0f0;
         }
       
         .carousel-item,
         .carousel-inner,
         .carousel {
         width: 100%;        
         object-fit: cover;
         overflow: hidden;
         }
         .carousel-item img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         }
         #carouselExample {
         max-height: 100%;
         overflow: hidden;
         }
         .carousel-inner {
         height: 100%;
         }
         .carousel-item {
         height: 100%;
         }
         .carousel-item video,
         .carousel-item img {
         object-fit: cover;
         width: 100%;
         height: 100%;
         }
         .carousel-control {
         display: none;
         opacity: 0;
         transition: opacity 0.5s ease;
         }
         #carouselExample:hover .carousel-control {
         display: flex;
         opacity: 1;
         }
         /* Responsive Styles */
         @media (max-width: 768px) {
         #carouselExample {
         max-height: 300px;
         }
         }
         #carouselExample .carousel-control-prev,
         #carouselExample .carousel-control-next {
         display: none;
         opacity: 0;
         transition: opacity 0.5s ease;
         /* Add a smooth transition effect */
         z-index: 9999;
         }
         #carouselExample:hover .carousel-control,
         #carouselExample:hover .carousel-control-next {
         display: flex;
         opacity: 1;
         }
         /* Custom CSS for carousel animation */
         /* .carousel-fade .carousel-inner .carousel-item {
         opacity: 0;
         -webkit-transition-property: opacity;
         -moz-transition-property: opacity;
         -o-transition-property: opacity;
         transition-property: opacity;
         }
         .carousel-fade .carousel-inner .active {
         opacity: 1;
         }
         .carousel-fade .carousel-inner .active.left,
         .carousel-fade .carousel-inner .active.right {
         left: 0;
         opacity: 0;
         z-index: 1;
         }
         .carousel-fade .carousel-inner .next.left,
         .carousel-fade .carousel-inner .prev.right {
         opacity: 1;
         }
         .carousel-fade .carousel-control {
         z-index: 1;
         }
         */
         /* Custom CSS to style the carousel indicators */
         .carousel-indicators {
         bottom: 10px;
         /* Adjust as needed */
         z-index: 991;
         }
         .carousel-indicators button {
         width: 10px !important;
         height: 10px !important;
         border-radius: 50%;
         background-color: rgba(255, 255, 255, 0.5);
         /* Adjust opacity as needed */
         margin: 0 5px;
         /* Adjust spacing as needed */
         }
         .carousel-indicators .active {
         width: 12px;
         /* Increase size of active dot */
         height: 12px;
         background-color: white;
         /* Change color of active dot */
         }
		 
		 
		 
		 
@media (max-width: 575px) {
	.hero h2 {
		font-size: 30px;
	}
	
	.hero p , .hero .form-check{
	width: 100% !important;display:block !important;
}
.main-banner h2 {
   font-size: 1rem;
   padding: .6em .6em;
}
.btn-xl {

  padding: .6em .6em;
  font-size: .8em;

}
.sidebar-widget-area{
	 border:1px solid #ddd !important; background-color:white;
}
.sidebar-widget-area .title {
   border-bottom: 2px solid #E4E9F8;
  background:  rgba(255, 255, 255, 0.5);
  margin-bottom: 15px !important; padding: .5em .5em;border-radius: 10px !important;
}


.pe-lr {
  padding: 0 10px;
  border-radius: 10px !important;
  margin: 20px 0 0 0;
 }
.mcontainer {
  padding: 10px 10px; 
}

}

.contactresp p{
	padding:10px;
}

.contactresp b{
font-weight:bold;
}

         
            .close-btn {
    position: absolute;
/*    top: 12px;
    right: -55px;*/
top:35px;
right:-30px;
    background: transparent;
    border: none;
    font-size: 44px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    z-index: 999;
}
.card {
    border-radius: 0 !important;
}

.card-header:first-child {
    border-radius: 0 !important;
}
/* Mobile layout adjustments (below 768px) */
@media (max-width: 768px) {
  .card-footer,.card-header {
    display: block !important;   margin: 0px auto;  /* Switch to block layout on mobile */
   width: 100%;
   text-align: center;
}
.card-header.adv, .card-header .text-left {
	text-align: left !important;
}
.card-header span.float-end{
	text-align: right !important;
}

  .card-footer nav,
  .card-footer .ms-auto {
    margin: 10px auto 0; /* Add some space between elements */
    width: 100%; /* Stack the elements vertically */
  }

  .card-footer .d-flex {
    display: block !important; text-align:center; /* Remove flex on mobile for form */
  }

  .pagination {
    justify-content: center; /* Center pagination on mobile */
  }
   /*.card-footer span,.card-header span ,.card-header span.float-end{
  text-align: left;
  width: 100% !important;
  display: block !important;
  float:none;
   }*/
.card-header {
    

    padding: 3px 5px 5px 5px;
    
    font-size: 1em;}
 .lh22 {
        line-height: 22px !important;
    }
.card-header input, .card-header select{
 padding:2px 2px  !important;


}
  .catalogue_alphabet_list {
  padding: 10px 0;
}
.catalogue_alphabet_list > ul li a { 
  padding: 6px 10px 1px;
  border-radius: .275rem;line-height: 28px;
  height: 36px !important;
}
}




.sidenav ul.publish-vol {
    list-style: none !important;
    /* padding: 0 0px 0 11px !important; */
    margin: 0;
}
.publish-vol .list-group-item {
    border: none;
	list-style: none !important;
	padding-left: 0px;
    display: list-item;
    padding-left: 1.2rem;
    border-bottom: 1px dotted #819ecf;
	color: #003297;
	font-weight: 500;
}
.publish-vol .list-group-item:last-child{
	border-bottom: 0px !important;
}
.publish-vol li .text-bg-primary {
    color: #fff !important;
    background-color: #fc6400 !important;
}
.border-bottom{
	border-bottom: 1px solid #003297 !important;
	border-radius: 0px !important;
}
table.pub-vol tr{
	color: #003297;
    font-weight: 500;
}




.owl-carousel .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
}

.owl-carousel img {
 
  height: 90px;
  object-fit: contain;
  padding: 0;
  margin: auto;
  width: auto;
}

/* Specific style for IYC logo */
.owl-carousel img.iyc-logo {
  height: 65px;
  max-height: 65px;
}

/* Specific style for IYC logo */
.owl-carousel img.medulogo {
  height: 65px;
  max-height: 65px;
}


  .footer-linkbox ul.footer-link {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer-linkbox ul.footer-link li {
    display: inline-block;
    margin: 0 2px;
  }

  .bg-links{
margin:11px 0;
  border-radius: 9px;
  /*padding: 5px; 
	background-color:#fce6d9; #cad3e8; border:1px solid #ff6601;  */
  }


@media (max-width: 990px) {
  
.pe-lr {
  padding: 0 10px;
  border-radius: 10px !important;
  margin: 20px 0 0 0 !important;

 }
.ml13 {
		margin-left: 0px!important;

		
	}

.ovrflwtable{max-height:400px !important; overflow:auto;
}
.slide {
   overflow-x:auto;
    width: 350px;
  }

/* 

.slide table {
    table-layout: fixed;  Required to enforce cell width 
    width: 100%;
  }  .slide th,
  .slide td,
*/

  .slide table caption {
    white-space: normal;
    word-break: break-word;
    width: 100vw;           /* Adjust width as needed */
    max-width: 100%;
    line-height: 1.4;
position: sticky;
    top: 0;
   
    z-index: 10;
  }
}

@media (max-width: 1024px) {
  .hidetabdown {
    display: none !important;
  }
}


@media (max-width: 768px) {
    /* Hide 3rd and 4th columns */
    #searchResultDiv th:nth-child(3),
    #searchResultDiv th:nth-child(4),
    #searchResultDiv td:nth-child(3),
    #searchResultDiv td:nth-child(4) {
        display: none !important;
    }
}

.sticky_filter{
	position: sticky;
	top: 0;   z-index: 1020;}