/* Nav sub css Jn27*/
.sub-nav {
  --dhcolor: #0087a8;
  --black:#333;
  --white: #fff;
}

.in__brief_none {
	display: none;
}

span.navbar-text img {
	margin-right: 7px;
}

span.navbar-text img:last-child {
	margin-right: 0px;
}

.sticky span.navbar-text {
	display: contents;
}

.sticky span.navbar-text img {
	margin-right: 0px !important;
}

.dsktp-none {
	display: none;
}

.scl-mda-none {
	display: none !important;
}

.sub-nav {
	background: #f6f6f6;
	border-bottom: solid 1px #b7cede;
	color: #0087a8;
	font-weight: 600;
}

.sub-nav ul {
	list-style: none;
	display: flex;
	padding: 0px;
	margin: 0px;
}

.sub-nav ul li {
	list-style: none;
	display: flex;
	grid-auto-columns: auto auto;
	border-bottom: solid 1px #eaeaea;
	padding: 5px 15px;
}

.sub-nav ul li:first-child {
	margin-left: -10px;
}

.sub-nav ul li:last-child {
	margin-right: -10px;
}


.grievance_form .btn.disabled, .grievance_form .btn:disabled {
    opacity: 0.4 !important;
}

.sub-nav ul .active a {
	font-weight: bold !important;
}

.sub-nav ul .active {
	color: var(--black);
	border-bottom: solid 2px var(--dhcolor);
}

.sub-nav ul li a {
	font-size: 16px;
	color: var(--black);
	font-weight: 600;
}

.sub-nav ul li:active {
	background-color: var(--dhcolor);
	color: var(--white);
}
.sub-nav ul li a:active {
	color: var(--white);
}
/*
.sub-nav ul li:hover {
	background-color: var(--dhcolor);
	color: var(--white);
}
.sub-nav ul li a:hover {
	color: var(--white);
}*/
/*
.sub-nav ul li:hover a {
	color: var(--white);
}

.sub-nav ul li a:hover {
	color: var(--white);
}



.sub-nav ul li:hover,
.sub-nav a{
	color: #fff;
}
*/
.sub-nav {
    display: none;
}



/* Nav sub End css Jn27*/



/* Nav sub Media Queries Jn27 */

@media only screen and (min-width:100px) and (max-width:767px) {
    
    .sub-nav {
        display:block;
    }
	.sub-nav ul li:first-child {
		margin-left: 0px;
	}
	.sub-nav ul li:last-child {
		margin-right: -10px;
	}
	#main {
		margin-top: 0px !important;
	}
	.sub-nav ::-webkit-scrollbar {
		width: 0;
		height: 0px;
	}
	.sub-nav {
		margin: -10px 0 0 0;
		padding-right: 0px;
        /*
		position: fixed;
		z-index: 1;
		width: 100%;
        */
	}
	.sub-nav ul {
		padding: 0px;
		overflow-x: auto;
	}
	ul.justify-content-between {
		white-space: nowrap;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}

@media only screen and (min-width: 100px) and (max-width: 767px){
.sub-nav {
    margin: 0px 0 0 0;
}
.sub-nav + section{
	padding-top:10px;
}
}


/* Nav sub Media Queries Jn27 End*/