@import url('https://fonts.googleapis.com/css2?family=Eczar:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@200;300;400;600;700;800;900&display=swap');
/*  font-family: "Martel Sans", sans-serif;*/


@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@200;300;400;600;700;800;900&family=Pragati+Narrow:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body{   font-family: "Noto Sans", sans-serif;}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -20%, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

@keyframes shake {
	25% {
		transform: rotate(calc(var(--angle)*-1))
	}

	50% {
		transform: rotate(var(--angle))
	}

	to {
		transform: rotate(0deg)
	}
}



.top-nav p {
	padding: 0;
	margin: 0;
	line-height: 30px;
	font-size: 85%;
}

.top-nav li {
	list-style-type: none;
	float: left
}


.top-nav li a:hover {
	text-decoration: none;
	opacity: .5
}

.top-nav .btn-xs {
	padding: 3px 4px;
	line-height: 1.5;
	border-radius: 0;
	border: 1px solid rgba(255, 255, 255, .5);
	background-color: #fff;
	color: #333;
	font-weight: 700
}

.top-nav .btn-black {
	padding: 3px 6px;
	font-size: 10px;
	line-height: 1.5;
	border-radius: 0;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, .1);
	color: #fff
}

.top-nav .btn-blue,
.top-nav .btn-yellow {
	font-size: 12px;
	line-height: 1.1;
	border-radius: 0;
	color: #fff
}

.top-nav .btn-blue {
	padding: 4px 8px;
	border: 0 solid #000;
	background-color: #00b9be
}

.top-nav .btn-yellow {
	padding: 4px 6px;
	border: 0 solid #d8470e;
	background-color: #f57d57
}

.top-nav .input-sm {
	height: 21px;
	margin: 0;
	padding: 0 10px;
	border-radius: 0
}

.top-nav .navbar-right {
	float: right !important;
	margin-bottom: 0;
	margin-right: -15px;
	margin-top: -1px
}

.top-nav .defTheme {
	color: #fff;
	padding: 3px 6px
}

.hi-btn {
	color: #f44336 !important;
	padding: 6px 12px;
	display: block;
	text-decoration: none;
	font-size: 90%
}


.top-nav ul.pwdarea li {
	padding: 4px 4px;
}

/*
.search a {
	color: #fff !important;
	font-size: 18px
}
*/

.pwdarea li .fontresize {
	display: block;
	box-sizing: border-box;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	padding: 1px 3px;
	font-weight: 700;
	font-size: 1em
}




.top-nav ul.topleft_menu {
	text-align: left;
	padding: 0;
	margin: 0;
	min-height: auto
}

.top-nav ul.topleft_menu li {
	font-weight: 400
}

.top-nav ul.topleft_menu li a {
	padding: 5px 8px;
	display: block;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase
}

.top-nav ul.topleft_menu li a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	background-color: #e0ab1b;
	width: 0%;
	transition-duration: .3s
}

.top-nav {
	position: relative;
	font-size: 13px;
	background-color: #0c2839;
	overflow: hidden;
	min-height: 30px;
	color: #cccccc;
}

.top-nav .time {
	color: #fff;
	text-decoration: none
}

.clock {
	color: #fff;
	padding-top: 6px
}

.top-nav .time i {
	font-size: 14px
}

.top-nav .social_icons {
	margin: 0;
	list-style: none;
	padding: 0;
	float: right;
}

.top-nav .social_icons li {
	display: inline-block;
	line-height: 0;
	margin-bottom: 0;
	padding: 2px;
}

.dsize,
.top-nav .social_icons li:before,
.publication .owl-pagination {
	display: none
}

.top-nav .social_icons li a {
	position: relative;
	padding: 7px;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.17);
	opacity: 0.8;
	display: inline flow-root list-item;
	text-align: center;
	height: 28px;
	width: 28px;
}

.top-nav .social_icons li a:hover {
	color: #ffac00
}

.top-nav ul.pwdarea {
	margin-bottom: 0;
	text-align: right;
	float: right
}


.top-nav ul.pwdarea li a img {
	width: 20px;
}

.top-nav li {
	list-style-type: none;
	float: left
}

.top-nav li a:hover {
	text-decoration: none;
	opacity: .4
}

.top-nav .btn-xs {
	padding: 3px 4px;
	line-height: 1.5;
	border-radius: 0;
	border: solid 1px rgba(255, 255, 255, .5);
	background-color: #fff;
	color: #333;
	font-weight: 700
}

.top-nav .btn-black {
	padding: 3px 6px;
	font-size: 10px;
	line-height: 1.5;
	border-radius: 0;
	border: solid 1px #fff;
	background-color: rgba(255, 255, 255, .1);
	color: #fff
}

.top-nav .btn-blue,
.top-nav .btn-yellow {
	padding: 4px 8px;
	font-size: 12px;


	line-height: 1.1;
	border-radius: 0;
	border: solid 0#000;
	background-color: #00b9be;
	color: #fff
}

.top-nav .btn-yellow {
	padding: 4px 6px;
	border: solid 0#d8470e;
	background-color: #f57d57
}

.top-nav .input-sm {
	height: 21px;
	margin: 0;
	padding: 0 10px;
	border-radius: 0
}

.top-nav .navbar-right {
	float: right !important;
	margin-bottom: 0;
	margin-right: -15px;
	margin-top: -1px
}

.top-nav .defTheme {
	color: #fff;
	padding: 3px 6px
}


.hi-btn,
.search-open {
	color: #fff !important;
	padding: 4px 12px;
	display: block
}

.hi-btn {
	background-color: #001a49;
	margin: 1px 0;
	border-radius: 34px;
	line-height: 18px
}

.search-open {
	background-color: #606060
}

.searchbox {
	width: 200px
}

.stylish-input-group .input-group-addon {
	background-color: #fe5900;
	border: 1px solid #fe5900;
	color: #fff;
	padding: 4px 0;
	border-radius: 0
}

.stylish-input-group .form-control {
	border-right: 0;
	box-shadow: 0 0 0;
	border-color: transparent;
	border-radius: 0;
	height: 25px
}

.stylish-input-group button {
	border: 0;

	background: 0 0
}

.top-nav ul.pwdarea li {
	/*! padding: 0; */
	font-weight: 600;
}

.pwdarea li .fontresize,
.pwdarea li .theame {
	display: block;
	box-sizing: border-box;
	text-align: center;
	height: 25px;
	width: 25px;
	line-height: 22px;
	color: #fff;
}

.pwdarea li .theame {
	line-height: 18px;
	background-color: #ffcf12;
	/*! color: #000 !important; */
	/*! border-color: #ffc232; */
}

.pwdarea li .contrast {
	background-color: #000 !important;
	border-color: #000 !important;
}

.top-nav ul.topleft_menu {
	text-align: left;
	padding: 0;
	margin: 0
}

.top-nav ul.topleft_menu li {
	font-weight: 400
}

.top-nav ul.topleft_menu li a {
	padding: 6px 8px;
	display: block;
	color: #666
}

.top-nav ul.topleft_menu li a:hover {
	background-color: #eee;
	color: #352961
}

.top-nav ul.topleft_menu li:last-child a {
	border-right: 0 solid #3e3d3d
}

.top-nav ul.pwdarea li:nth-child(1),
.top-nav ul.pwdarea li:nth-child(2),
.top-nav ul.pwdarea li:nth-child(3),
.top-nav ul.pwdarea li:nth-child(4) {
	line-height: 25px
}

.top-nav ul.pwdarea li:nth-child(10) {
	padding-top: 2px;
	padding-right: 0;
}

.top-nav ul.pwdarea li:nth-child(11) {
	padding: 0
}

header {
	position: relative;
	z-index: 100;
	margin: 0 auto;
	display: block;
	font-size: 14px;
}

header .navbar-inverse {
	background-color: transparent;
	border: 0
}

.navbar {
	background-color: #BD2631;
	color: #ffffff;
}

.logo-section {
    padding-top: 5px;
    padding-bottom: 11PX;
    /* background-size: cover; */
    /* background-position: bottom center; */
    /* background-repeat: no-repeat; */
    position: relative;
    background: #0978b5 url(../images/logo_bg.png);
    background-position: bottom right;
}
.logo {
	width: 85px;
	float: left;
	margin-right: 5px;
}

.logo-image img {
	max-width: 100%;
}

.department-text {
	margin-top: 9px;
}

.department-text .eng-name {
	font-weight: 600;
	color:#FFF;
	margin-top: 35px;
	font-size: 35px;
	margin-bottom: 0;
}

.department-text .eng-line {
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16.4px;
	font-weight: 400;
}

.department-text p.eng-line2 {
	font-size: 1.3rem
}

.logo h1,
.logo h1 span {
	display: block;
	margin: 0;
	font-size: 20px;
	color: #fff
}

.logo h1 span {
	font-size: 12px;
	font-style: italic
}

.dropdown-menu .has-submenu:after {
	font-family: FontAwesome;
	position: absolute;
	right: 8px
}


.navbar .dropdown-menu>li>a:focus,
.navbar .dropdown-menu>li>a:hover,
.navbar .dropdown-menu>li.open>a {
	color: #fff;
	background-color: #248e44;
}



.highlight-links ul,
.logo h1 {
	width: 100%
}

.emplogin>a {
	color: #fff;
	background-color: #dc3545 !important
}


.highlight-links ul li,
.wrapper {
	text-align: center;
	position: relative
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	z-index: 100
}

.logo-section .nopadding {
	padding: 0
}

.helpline,
.whatsapp {
	margin-top: 28px;
	font-weight: 500
}

.helpline {
	font-size: 1em;
	margin-left: 45%
}

.helpline span.oran,
.whatsapp span.oran2 {
	color: #dc3545;
	font-size: 1.1em;
	font-family: "Roboto", sans-serif
}

.whatsapp {
	text-align: center
}

.uplogo {
	padding: 0;
	float: right;
	/*! border-left: 1px dashed #d5cfcf */
}

.uplogo img {
	max-height: 86px
}

#home_services {
	background-color: #bb8337;
	padding: 20px 0;
	background-image: url(../images/impbg.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.highlight-links,
.ourser_wrap {
	position: relative
}

#usefullinkbg .linkstitle,
.ourser_wrap .linkstitle {
	text-align: center;
	font-size: 2em;
	font-weight: 800;
	color: #fff;
	position: relative;
	top: auto;
	padding-bottom: 15px
}

.ourser_wrap .linkstitle:after,
.ourser_wrap .linkstitle:before {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 0;
	height: 1px;
	width: 15%;
	background-color: #fff
}

.ourser_wrap .linkstitle:before {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	bottom: -12px;
	transform: rotate(45deg)
}

.highlight-links {
	background-repeat: no-repeat;
	background-size: 100%;
	display: flex;
	margin-top: 27px
}

.highlight-links ul li {
	float: left;
	border-top: 0 solid rgba(0, 0, 0, .2);
	border-right: 0 solid rgba(0, 0, 0, .2);
	border-bottom: 0 solid rgba(255, 255, 255, .4);
	border-left: 0 solid rgba(255, 255, 255, .4);
	width: 25%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin-left: -1px;
	margin-bottom: -1px;
	background-color: #fff
}

.highlight-links ul li a {
	display: block;
	padding: 20px 10px;
	font-size: 1em;
	transition-duration: .3s;
	color: #27310a;
	font-weight: 600;
	min-height: 203px
}

.highlight-links ul li a svg {
	height: 50px;
	fill: #ff6d03;
	transition-duration: .3s
}

.highlight-links ul li a:hover {
	background-color: #f2f2f2;
	text-decoration: none;
	color: #000
}

#usefullinkbg ul li a:hover span.icon svg,
.highlight-links ul li a:hover svg {
	fill: #fff
}

.highlight-links li .icons {
	padding: inherit;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	display: block;
	margin: 0 auto 15px;
	background: #fff;
	border: 1px solid #ff6d03
}

.highlight-links ul li a:hover .icons {
	background-color: #445710;
	border-color: #445710;
	transition: .3s all
}

.highlight-links li .icons img {
	height: 28px
}

.highlight-links h2.serfxd {
	position: absolute;
	background: #fff;
	padding: 3px 11px;
	top: -33px;
	z-index: 9999;
	left: 30px;
	font-size: 28px;
	color: #3e3e3e
}

.highlight-links ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.usefull_link_warp {
	background: #f1f3f8;
	padding: 15px 0 30px
}

.usefull_link_warp ul.usefull_link li {
	background: #fff;

	width: 33.3%;
	text-align: center;
	float: left;
	height: 123px;
	padding: 15px;
	font-weight: 600;
	margin-bottom: 25px;
	box-sizing: border-box
}

.usefull_link_warp ul.usefull_link {
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none
}

.usefull_link_warp ul.usefull_link li a img {
	display: table;
	margin: 6px auto
}

.usefull_link_warp ul.usefull_link li a {
	padding: 17px 8px;
	display: block
}

.usefull_link_warp ul.usefull_link h2 {
	color: #24292c;
	font-weight: 700;
	margin: 25px 0
}

.usefull_link_warp ul.usefull_link li:hover {
	background: #007c7c;
	transition: 2s all
}

.HOVER.FLASH:hover text,
.impact li .countbox:hover .count-title,
.usefull_link_warp ul.usefull_link li:hover a {
	color: #fff
}



.news .title .toggle2 {
	float: right;
	color: #fff;
	padding: 2px 10px;
	border: 3px solid #fff;
	margin-top: 3px
}


.news .foot {
	padding: 10px 15px 0;
	border-top: 1px solid #eee
}

.news .btn-outline-danger,
.news1 .btn-outline-danger {

	padding: 5px 10px;
	font-size: 13px
}

.news1 .btn-outline-danger {
	border-color: #4844b7;
	color: #4844b7
}

.vticker {
	height: 380px !important;
}

.vticker .arw,
.vticker .dtype,
.vticker .fa-file-pdf-o {
	display: none
}

.vticker .dsize {
	font-size: .8em;
	color: #c70000;
	margin-top: 5px;
	display: none;
}




.vticker ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%
}

.vticker ul li {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	position: relative;
	padding-left: 60px
}

.vticker ul li:before {
	position: absolute;
	padding: 11px;
	border-radius: 50%;
	left: 0;
	width: 50px;
	height: 50px
}

.news ul li:before {
	display: none
}

.news ul li {

	padding-left: 0px;
	margin-bottom: 5px !important;
	border-bottom: 0 !important;
}

.news ul li a {
	font-size: 90%;
	background: #fff;
	padding: 15px;
	border: 1px solid #e0e0e0;
}

.news2 ul li,
.news3 ul li {
	background: #fff;
	padding: 15px;
	border: 1px solid #e0e0e0;
	padding-left: 80px !important;
	margin-bottom: 1em !important;
	min-height: 80px
}

.news ul li a b {
	color: #c80000;

}

.ViewAll .btn-outline-danger {

	padding: 5px 10px;
	font-size: 13px
}



.vticker ul li:before {
	content: url(../images/small-calendar.png);
	background-color: #575757;
}

.news2 ul li:before {
	background-color: #0662ab;
}

.news3 ul li:before {
	background-color: #be531a;
}


.news3 ul li:before,
.news2 ul li:before {

	left: 10px;
}


.vticker ul li a {
	display: block;
	color: #373737;
}

#usefullinkbg ul li a,
.vticker ul li span {
	display: block
}

.vticker ul li .ndate {
	font-size: .82em;
	color: #2c28b4;
}

.vticker ul li .dsize {
	font-size: .8em
}


.course {
	list-style: none;
	margin: 0;
	padding: 0
}













.tab-pane.fade.show {
	opacity: 1
}

.tab-pane .foot {
	display: block;
	background: #eee;
	margin: -15px;
	padding: 8px 15px
}

.tab-pane .foot a {
	display: inline-block
}

.news .scroll {
	max-height: 352px;
	overflow-y: scroll;
	overflow-x: hidden
}

.course li {
	padding: 8px;
	box-sizing: border-box;
	float: left;
	width: 33.3%
}

.course li .icon span,
.course li a {
	text-align: center;
	background-color: #fff
}

.course li a {
	display: block;

	padding: 10px 10px 20px;
	font-weight: 600;
	color: #000;
	min-height: 204px;
	transition-duration: .3s;
	font-size: 1.1em
}

.course li .icon {
	display: block;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	margin: 25px auto;
	border-radius: 50%;
	padding: 4px;
	position: relative
}

.course li .icon:before {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	right: 18px;
	left: -10px;
	margin: 0 auto;
	top: -10px
}

.course li .icon img,
.course li .icon svg {
	height: 51px;
	border-radius: 50%
}

.course li .icon span {
	display: inline-block;
	height: 72px;
	width: 72px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 50%
}

.orange {
	background: #fa892d;
	background: -moz-linear-gradient(-45deg, #fa892d 0, #f17c2a 100%);
	background: -webkit-linear-gradient(-45deg, #fa892d 0, #f17c2a 100%);
	background: linear-gradient(135deg, #fa892d 0, #f17c2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa892d', endColorstr='#f17c2a', GradientType=1)
}

.orange span svg {
	fill: #f17c2a
}

.orange:before {
	border: 1px dashed #f17c2a
}

.btn-outline-primary {
	border-color: #001e59;
	color: #001e59
}

.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
	border-color: #001e59;
	background-color: #001e59;
	color: #fff;
	text-decoration: none
}

.box-back {
	z-index: 10
}

.glance img,
.title svg {
	margin-right: 10px;
	float: left
}

.glance img {
	max-width: 220px
}

.glance .title {
	margin-bottom: 1em;
}

.glance .title h4 {
	font-size: 1.5em;
	font-weight: 700;
	margin-top: 0;
	color: #218b40;
}

.glance .title h3 {
	font-weight: 300;
	letter-spacing: 5px;
}

.glance .title:after {
	display: none
}

.glance .content {
	min-height: 197px
}

.award {
	padding: 15px
}



.title {
	position: relative
}

.title svg {
	height: 21px;
	fill: #fff
}

.fimg {
	margin-bottom: 10px
}

.fimg img {
	max-width: 100%;
	border-radius: 6px
}


.btn-outline-success {
	border-color: #008ea1;
	color: #008ea1
}

.btn-outline-success:active,
.btn-outline-success:focus,
.btn-outline-success:hover {
	border-color: #008ea1;
	background-color: #008ea1;
	color: #fff;
	text-decoration: none
}

.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:hover {
	border-color: #492d65;
	background-color: #492d65;
	color: #fff;
	text-decoration: none
}

.btn-success {
	border-color: #008ea1;
	background-color: #008ea1;
	color: #fff
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover {
	border-color: #0b6e7b;
	background-color: #0b6e7b;
	color: #fff;
	text-decoration: none
}

.btn-outline-warning:active,
.btn-outline-warning:focus,
.btn-outline-warning:hover {
	border-color: #4844b7;
	background-color: #4844b7;
	color: #fff;
	text-decoration: none
}

.impact,
.typebus_warper ul.bus_serItems {
	list-style: none;
	margin: 0;
	padding: 0
}

.impact li,
.impact li .countbox {
	box-sizing: border-box;
	padding: 15px
}

.impact li {
	text-align: center;
	width: 25%;
	float: left
}

.impact li svg {
	height: 50px;
	fill: #dc3545
}

.countermain {
	padding: 15px 0;
	display: table;
	width: 100%
}

.countermain ul.counterno h2.count-title {
	color: #352961;
	font-size: 2em;
	font-weight: 600
}

.countermain ul.counterno p.count-text i.fa {
	background: #ff742f;
	padding: 5px 11px;
	margin-right: 15px
}

.countermain ul.counterno p.count-text {
	font-size: 1.1em
}

.impact li .countbox {
	border: 1px solid #eee;
	transition-duration: .3s
}

.impact li .countbox:hover {
	background-color: #352961;
	border: 1px solid #352961
}

.impact li .countbox:hover svg {
	fill: rgba(255, 255, 255, .8)
}

.impact li .countbox:hover .count-text {
	color: rgba(255, 255, 255, .7)
}

.typebus_warper,
footer {
	background-repeat: no-repeat;
	background-size: cover
}

.typebus_warper {
	padding: 40px 0;
	background-image: url(../images/welcome-bg.png);
	position: relative;
	background-color: #352961
}



.typebus_warper ul.bus_serItems {
	overflow: hidden
}

.bus_serItems .owl-wrapper-outer {
	display: table;
	width: 100%;
	padding-top: 22px
}

.typebus_warper ul.bus_serItems li {
	list-style: none;
	padding: 0 22px;
	position: relative
}

.typebus_warper ul.bus_serItems li .eventbox {
	padding: 15px;
	background-color: #fff;
	position: relative;

	min-height: 198px
}

.typebus_warper ul.bus_serItems li .content {
	color: #dc3545;
	font-size: 1.1em;
	font-weight: 600;
	padding-top: 25px;
	text-transform: capitalize;
	padding-bottom: 10px;
	padding-left: 30%
}

.typebus_warper ul.bus_serItems li p.buspara {
	color: #535353;
	font-weight: 500
}

.typebus_warper ul.bus_serItems li .eventbox img {
	max-width: 40%;
	border-radius: 50%;
	float: left;
	position: absolute;
	left: -20px;
	top: -20px;
	border: 3px solid #fff
}

.bus_serItems .owl-buttons {
	margin-top: 25px
}

.bus_serItems .owl-next,
.bus_serItems .owl-prev {
	display: inline-block;
	background-color: transparent;
	font-size: 22px;
	height: 30px;
	width: 30px;
	line-height: 26px;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff
}

.ftright {
	width: 100px;
	height: 40px;
	background: #383d41;
	position: absolute;
	right: 0;
	bottom: 0
}

.ftleft:before,
.ftright:before {
	height: 0;
	position: absolute;
	top: 0;
	width: 0
}

.ftright:before {
	border-bottom: 49px solid #383d41;
	border-left: 45px solid transparent;
	left: -45px
}

.brand-items .owl-controls .owl-page span {
	background: #fff
}

.brand-items1 .owl-controls .owl-page span {
	background: #fff
}

.brand-items {
	list-style: none;
	padding: 0;
	overflow: hidden
}

.brand-items,
.brand-items .owl-wrapper-outer {
	display: table;
	width: 100%
}

.brand-items li {
	list-style: none;
	padding: 0 14px
}

.brand-items li img {
	max-width: 100%;

}










.brand-items .owl-controls .owl-page span,
.brand-items1 .owl-controls .owl-page span,
.brand-items2 .owl-controls .owl-page span {
	background: #454141;
}

.brand-items2 {
	list-style: none;
	padding: 0;
	overflow: hidden
}

.brand-items2,
.brand-items2 .owl-wrapper-outer {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
}

.brand-items2 li {
	list-style: none;
	padding: 0 14px
}

.brand-items2 li img {
	max-width: 100%;

}







footer {
	z-index: 5;
	color: #fff;
	background-image: url(../images/footer-bg.jpg)
}

.footerbtm {
	padding: 15px 0;
	font-size: .9em;
	margin-top: 1em;
	border-top: 1px dashed rgba(255, 255, 255, 0.3);
	text-align: center;
}

.ftleft {
	width: 100px;
	height: 40px;
	background: #24292c;
	position: absolute;
	left: 0;
	bottom: 0
}

.ftleft:before {
	right: -45px
}

.footer-link {
	padding: 30px 0 0 0;
	font-weight: 400;
	position: relative
}

.footer-link h5 {
	/*! color: #ffbf00; */
	padding: 0 0 5px;
	position: relative;
}



.footer-link h5 {
	/*! width: 280px; */
	font-size: 15px;
	/*! color: #fff; */
}

.footer-bottom ul,
.footer-link ul {
	padding: 0;
	list-style: none
}

.footer-bottom ul {
	margin: 0
}

.link1 a:before {
	/*! font-size: 10px; */
	margin-right: 5px
}

.link1 a {
	position: relative;
	display: block;
	line-height: 26px;
	color: #fff;
}

.link1 a:hover {
	color: #ffbf00;
	transition: .5s all;
	padding-left: 8px;
}

.breadcrumb li a,
.filter li label,
.footer-bottom a,
.footer-bottom li a {
	color: #000
}



.footer-bottom li {
	display: inline-block;
	padding: 0 6px;
	border-right: 1px solid #142659
}

.footer-bottom li:first-child {
	padding-left: 0
}

.footer-bottom li:last-child {
	border-right: 0 solid #142659
}

.banFxd {
	position: fixed !important;
	width: 100% !important;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	z-index: 0 !important;
	top: 0
}


.in-banner,
footer {
	position: relative
}



.footer-link ul.ft_conDetails li {
	margin-bottom: 10px;
	position: relative;
	display: flex;
	font-size: 14px;
	line-height: 30px;
}

.footer-link ul.ft_conDetails li a {
	color: #fff;
}

.footer-link img {
	filter: brightness(0%) contrast(1%);
}

.footer-link ul.ft_conDetails li img,
.footer-link ul.ft_conDetails li svg {
	float: left;
	height: 31px;
	position: relative;
	margin-left: 10px;
	margin-right: 10px
}

.in-banner {
	z-index: bac;
	background: #b4dbfd;
}

.in-banner li.item {
	margin: 0;
	list-style: none
}

.incontent h3,
.incontent h4,
.inheading h2 {
	/* color: #073555; */
}

.inheading h2 {
	font-size: 2.9em;
	display: inline-block;
	padding: 10px 0;
	margin: 0
}

.inheading h1 {
	color: #fff;
	font-size: 2.2em;
}

#noticeboard .tab-content,
.breed-crum-div {

background-color: #ffffff00;
}

.breed-crum-div {
	margin-bottom: 0;
	border-radius: 0;
	padding: 5px 0;
	display: inline-table;
	/* width: 87%; */
	padding-right: 24px;
	float: right;
}

.breadcrumb {
	font-size: 13px;
	margin-bottom: 0;
	background-color: transparent;
	padding: 8px 0;
	float: right;
}

.breadcrumb li {
	color: #000 !important;
	margin: 0 5px;
	font-weight: 500
}

.breadcrumb .active {
	color: #f3541c !important
}

.breadcrumb>li+li::before {
	content: close-quote
}

.contentarea {
	background-image: url(../images/welcome-bg.png);
	padding: 0px 30px 30px;
	background: #b4dcff;
}

.incontent {
	padding: 15px;
	min-height: 358px;
	/* border: 1px solid #ccc; */
	background-color: #fff;
	border: #3db31594;
}

.search-inline {
	width: 100%;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
	top: 0;
	height: 45px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	background-color: #ececec;
	z-index: 99999;
	transition: all .5s ease-in-out
}

.search-inline.search-visible {
	opacity: 1;
	visibility: visible;
	animation: fadeInDown .4s ease-in-out
}

.search-inline button[type=submit] {
	position: absolute;
	background-color: transparent;
	border: 0;
	top: 0;
	right: 80px;
	padding: 0;
	cursor: pointer;
	width: 80px;
	height: 99%;
	background: #ff6d03;
	color: #fff
}

.search-inline .form-control {
	font-size: 2rem;
	position: absolute;
	left: 1%;
	top: 0;
	height: 100%;
	outline: 0
}

.search-inline .search-close {
	position: absolute;
	top: 0;
	right: 0;
	color: #616161;
	width: 80px;
	height: 100%;
	text-align: center;
	display: table;
	background: #efefef;
	text-decoration: none
}

.search-inline .search-close i {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	background: #003c72
}

.search-inline .form-control {
	display: block;
	width: 100%;
	padding: 0;
	font-size: 1em;
	line-height: 1.5;
	color: #007c7c;
	background-color: #efefef;
	background-clip: padding-box;
	border: 1px solid #efefef;
	border-radius: .25rem;
	font-weight: 300;
	transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out
}

.brand-items .owl-pagination,
.brand-items1 .owl-pagination {
	display: none;
}

.implink-wrap {
	position: relative;
	background-position: center
}

.Important {
	position: relative;

	padding-bottom: 0;
}

.brand-items2 .owl-controls {
	position: absolute;
	bottom: 0px;
	z-index: 9;
}

.brand-items2 .owl-controls {
	width: 100%;
}


.brand-items2 .owl-buttons .owl-next {
	left: 60px;
}

.brand-items2 .owl-buttons .owl-prev {
	right: 80px;
}





.Important .owl-pagination {
	display: none;
}



#usefullinkbg {
	background-color: #bb8337;
	background-image: url(../images/usefullink-bg.png);
	background-repeat: no-repeat;
	background-size: cover
}


#usefullinkbg .linkstitle:after {
	bottom: 0;
	height: 1px;
	width: 15%
}

#usefullinkbg .linkstitle:after,
#usefullinkbg .linkstitle:before {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto
}


.brand-items2 .owl-buttons {
	display: none;
}

.implink {
	text-align: center;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 50px 10px;
	margin-bottom: 10px;
}

#usefullinkbg .linkstitle:after,
#usefullinkbg .linkstitle:before {
	background-color: #fff
}

#usefullinkbg .linkstitle:before {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	bottom: -12px;
	transform: rotate(45deg)
}

#usefullinkbg ul {
	margin: 25px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	list-style: none
}

#usefullinkbg ul li {
	box-sizing: border-box;
	margin: 0;
	padding: 15px;
	width: 25%;
	text-align: center
}

#usefullinkbg ul li span.icon {
	display: block;
	width: 100px;
	height: 100px;
	background-color: #fff;
	box-shadow: 8px 8px 1px rgba(0, 0, 0, .51);
	transform: rotate(45deg);
	padding: 14px 22px;
	margin: 0 auto 40px;
	transition-duration: .3s
}

#usefullinkbg ul li span.icon svg {
	height: 55px;
	transform: rotate(-45deg);
	margin: 0;
	display: block;
	fill: #e45835;
	transition-duration: .3s
}

#usefullinkbg ul li a {
	font-weight: 700;
	font-size: 1.3em;
	color: #fff
}

#usefullinkbg ul li a:hover span.icon {
	background-color: #e45835;
	box-shadow: -8px -8px 1px rgba(0, 0, 0, .51)
}

.rightborder:after {
	display: block;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.1);
	height: 334px;
	position: absolute;
	right: 40px;
	top: -51px;
}

.connect .fa {
	font-size: 1.6em;
	margin-right: 5px
}

.connect .fa-facebook {
	color: #3d5b9b
}

.connect .fa-twitter {
	color: #2daae2
}

.connect .fa-linkedin {
	color: #0a66c2
}

.connect .fa-instagram {
	color: #c32aa3
}

.pwdFxd {
	left: 0;
	position: fixed !important;
	top: 0;
	width: 100%;
	box-shadow: 0 4px 25px rgb(0 0 0/51%);
	z-index: 9;
}

.filter {
	display: flex;
	list-style: none;
	margin: -15px -15px 20px;
	flex-direction: row;
	justify-content: left;
	background-color: #dee1d4;
	padding: 10px
}

.filter li {
	padding: 3px;
	flex-grow: 1
}

.filter li .archive {
	display: block;
	background-color: #ff6d03;
	color: #fff
}

.pdf-size,
.rar-size {
	color: #2d2d2d;
	font-size: 12px;
	font-weight: 400;
	display: block
}

.pdf-size:before,
.rar-size:before {
	color: #2d2d2d;
	margin: 0 5px
}

.table>thead>tr>th {
	    background-color: #8d8d8d;
    color: #000000;
}

.missionlist {
	list-style: none;
	margin: 20px 0 0;
	padding: 0
}

.missionlist li {
	display: table;
	widows: 100%;
	padding: 7px 0
}

.missionlist li .icon {
	display: table-cell
}

.missionlist li .data {
	display: table-cell;
	vertical-align: top
}

.missionlist li .data h5 {
	font-size: 20px;
	color: #000
}

.missionlist li .icon {
	width: 80px;
	vertical-align: middle
}

.missionlist li .icon svg {
	width: 82%;
	fill: #ff6d03
}

.missionlist.contact-details li .icon svg {
	width: 55%
}

.incontent h3,
.incontent h4 {
	position: relative
}

.incontent h3 {
	/* font-size: 2em; */
	/* border-bottom: 1px solid #c8c8c8; */
	/* margin: 0 0 30px; */
	/* padding: 0 0 10px; */
}

.incontent h3 span {
	color: #ff6d03
}

.incontent h3:before {
	/* position: absolute; */
	/* height: 5px; */
	/* width: 15%; */
	/* bottom: -3px; */
	/* background: #073555; */
}

.map {
	border: 1px solid #ccc
}

.map iframe {
	border: 0;
	width: 100%;
	height: 450px
}

.incontent h4 {
	font-size: 1.6em
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0
}

.gallery li {
	padding: 5px;
	box-sizing: border-box;
	width: 33%
}

.gallery li img {
	max-width: 100%;
	height: 180px
}

.gallery li .thumbnail {
	border-radius: 0;
	color: #000;
	padding: 5px;
	margin-bottom: 0
}

.gallery li .caption {
	display: block;
	min-height: 80px
}

.sitemap ul {
	background: url(../images/site_map_ul.gif)0-5px repeat-y !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 5px 4px 6px !important;
	position: relative !important
}

.sitemap ul li {
	background: url(../images/site_map_list.gif)-5px -5px no-repeat !important;
	line-height: 16px !important;
	padding: 0 0 0 10px !important;
	font: 700 10pt arial;
	margin: 10px 0
}

.sitemap ul li::before {
	display: none
}

.sitemap ul li a {
	color: #000;
	display: inline-block;
	padding: 5px;
	border-radius: 15px 0;
	transition-duration: .3s;
	border: 1px solid #d5d5d5
}

.sitemap ul li a:hover {
	background-color: #fbcf86;
	border: 1px solid #ed9501;
	color: #000;
	padding-left: 5px;
	text-decoration: none
}

.sitemap ul li ul {
	padding-bottom: 1px
}

.sitemap ul li ul li {
	font: 10pt arial
}

#noticeboard {
	padding: 30px 0;
	background-color: #cce0ff
}

#noticeboard .tab-content {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 15px
}

#noticeboard .nav-tabs>li>a {
	font-size: 1.2em;
	font-weight: 700;
	color: #fff;
	background-color: #ff740f
}

#noticeboard .nav-tabs>li>a.active,
#noticeboard .nav-tabs>li>a.active:focus,
#noticeboard .nav-tabs>li>a.active:hover {
	background-color: #fff;
	color: #000
}

.p-0 {
	padding: 0
}


.top-login li .icons {
	padding: 3px;
	border-radius: 3%;
	height: 85px;
	width: 85px;
	display: block;
	margin: 3px auto 5px;
	transition-duration: .3s;
	border: 1px solid #fff
}

.top-login ul li a:hover .icons {
	border-radius: 50%;
	border: 1px dashed #ccc
}

.top-login li .icons img {
	height: 75px
}

section {
	position: relative;
	z-index: 1;
	padding: 11px 0;
}

.display li {
	list-style: none;
	width: 23.6%;
	float: left;
	margin-right: 10px;
	margin-bottom: 4px
}

.display li:nth-child(12),
.display li:nth-child(4),
.display li:nth-child(8) {
	margin-right: 0
}

.display {
	padding: 0;
	margin: 0
}

.HOVER {
	--width: 100%;
	--time: 0.7s;
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	padding: 8px 2px;
	text-align: center;
	background: #fff;


	color: #011b4a;
}

.HOVER:hover {
	box-shadow: 0px 20px 25px rgba(255, 255, 255, 0.15);
}

.HOVER img,
.HOVER text {
	position: relative;
	z-index: 5;
	transition: color var(--time)
}

.HOVER text {
	font-size: 95%;
	/*! font-weight: bold; */
	min-height: 46px;
	display: block;
}

.HOVER img {
	width: 70px;
	margin: auto auto .5em
}

.HOVER:hover text,
.HOVER.FLASH:hover text {
	color: #228a42;
}

.HOVER span {
	position: absolute;
	display: block;
	z-index: 0;
	width: 0;
	height: 0;
	border-radius: 100%;
	background: #f1f1f1;
	transform: translate(-50%, -50%);
	transition: width var(--time), padding-top var(--time)
}

.HOVER:hover span {
	width: calc(var(--width)*2.25);
	padding-top: calc(var(--width)*2.25)
}

.HOVER.FLASH span {
	background: #bdd4ff;
}

.animated {
	--angle: 5deg;
	animation: shake 100s
}

.Services {
	background: #f1f1f1
}

.happing {
	margin-top: 2em !important;
	padding: 0
}

.happing .owl-pagination {

	display: none;
}

.happing .btn {
	position: absolute;
	z-index: 9999999;
	bottom: 0;
	border: 0;
	padding: 12px;
	right: 0;
	background-color: #f1f1f1;
	color: #dc3545;
	font-weight: 600;
	border-radius: 20px 0 0 0;
}

.pricingTable3 {
	margin: 0;
	z-index: 1;
	position: relative;

}



.title h2 {
	font-size: 19px;
	padding-left: 10px;
	border-left: 4px solid #c80000;
	margin-bottom: 15px;
	font-weight: 700;
	text-align: left;
}





.highlight {
	background: #ffcf12;
	color: #000 !important;
}

.highlight::after,
.new::after {
	content: url('../images/newicon.png');
	margin-left: 5px;
	animation: blinker 1s linear infinite;
}

.new::after {
	animation: blinker 1s linear infinite;
	color: var(--bs-yellow) !important;
}

.dropdown-menu>li>a i {
	margin-right: 5px;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}


.carousel-caption h6 {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	padding-left: 15px;
	display: inline-block;
}

.carousel-caption h6:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 100%;
	background: #F35C27;
	left: 0px;
	top: 0;
}

.carousel-caption h1 {
	color: #fff;
	font-size: 60px;
	line-height: 70px;
	margin: 0;
	position: relative;
	font-weight: 100;
}

.carousel-caption p {
	color: #fff;
	font-size: 18px;
	line-height: 35px;
}

.carousel-caption h1 b {
	font-weight: 900;
}

.newwrap {
	background: #f4f4f4;
	border-top: 1px solid #ddd;
}

.ViewAll {
	padding: 10px;
	text-align: right;
	background: #f0f0f000;
	margin: 0 -15px;
}

.ViewAll1 {
	text-align: center;
}

.eventcard2 .card {
	border-radius: 0 10px 10px 0;
	margin-left: -10px;
	margin-top: 15px;
	border-left: 0 !important;
}


.newscard {
	/*! box-shadow: 0 0 105px rgba(0, 0, 0, 0.14); */
	/*! background-color: #fff; */
	/*! position: relative; */
	/*!  */
	/*! z-index: 1; */
}

.glance {
	/*! padding: 20px; */
	/*! text-align: center; */
}

.newscard img {
	max-width: 100%;
	margin-bottom: 10px
}

.newscard .card ul {
	margin-top: 17px !important
}

.newscard strong {
	font-size: 1.1em;
	display: block;
	margin-bottom: 8px;
	color: #0f834c
}

.newscard a,
.newscard a:hover,
.viewmore a {
	text-decoration: none
}



.leader {
	position: relative;
	padding: 0;
	list-style: none;
	margin: 0;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.leader h3,
.updates h3 {
	color: #13426b
}



.leader li {
	margin-bottom: 0;
	box-sizing: border-box;
	padding: 10px 0;
}

.leader li:last-child {
	padding-bottom: 0;
}



.leader li .dep-logo {
	width: 60px;
	background: #fff;
	/*! padding: 5px; */
	box-shadow: 0 11px 19px rgb(0 0 0/18%);

	/*! height: 80px; */
	margin: auto;
	margin-top: -16px;
}



.leader li .dep-name p {
	font-size: .8em;
	color: #000;
	margin-bottom: 0
}

.depdiv {
	display: flex;
	align-content: space-between;
	align-items: stretch;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	text-align: center;
	background: #fff;
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14);
}

.depdiv .dep-logo img {
	max-width: 100%;

}

.depdiv .dep-logo img {
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-ms-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out
}

.depdiv:hover img,
.HOVER img:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(0%);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.brand-items li:hover img,
.brand-items1 li:hover img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(0%);

}

.depdiv .dep-name {
	/* text-align: left; */
	padding-top: 16px;
	/* display: flex; */
	/* width: 70%; */
	justify-content: center;
	align-content: center;
	flex-wrap: nowrap;
	flex-direction: column;
}

.depdiv .dep-name h4 {
	margin: 0 0 2px;
	padding: 0;
	color: #c80000;
	font-size: 1em;
}

.depdiv .dep-name a {
	color: #ffd40a;
	text-decoration: none
}

.Schemes p {
	padding: 6px 10px;
	border: 2px dashed #bdbdbd;
	border-radius: 30px;
	color: #ff6a00;
	margin-top: 15px;
	/*! font-size: medium; */
	border-bottom: 0;
}

.Schemes ul {
	list-style: none;
	padding: 0;
	display: flow-root;
}

.Schemes ul li a {
	display: block ruby;
	font-weight: bold;
	color: #5c5c5c;
}

.Schemes ul li a:hover {
	opacity: 0.5
}

.Schemes ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	width: 100%;
	float: left;
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14);
	background-color: #fff;
	position: relative;
	margin-bottom: 1em;
	flex-direction: row;
	justify-content: flex-start;
}

.Schemes ul li span {
	font-size: 16px;
	font-weight: 700;
	flex: 0 0 auto;
	border-radius: 50%;
	color: white;
	display: block;
	padding: 5px;
	background: #a00;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-right: 5px;
}







.brand-items1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.brand-items1 li {
	list-style: none;
	padding: 0 14px;
}


.brand-items1 li a {
	display: block;
	padding: 15px;
	color: #0d1028;
	transition-duration: .3s;
	background-color: #e5e5e5;
	width: 100%;
	min-height: 126px;
	text-align: center;

	border: 1px solid #e5e5e5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-type1 h6 span,
.list-type2 h6 span {
	background: #ffa03a;
	text-decoration: none;
}

.brand-items1 li a:hover {
	text-decoration: none;
	background-color: #fff;
	border-color: #228a42;
}

.brand-items1 li a span {
	display: block;
	margin-bottom: 15px
}

.brand-items1 li a img {
	height: 50px;
	transition-duration: .3s;
	transform: scale(1);
	width: 50px;
	display: block;
	margin: 10px auto;
}

.brand-items1 li a:hover svg {
	transform: scale(1.2)
}

.footer_title {
	width: 100%;
	margin-top: 20px;
}

.border-left {
	border-left: 1px solid #0000001a;
}











a:focus {
	color: #111;
	outline: 0;
	text-decoration: none;
	transition: .5s all
}



.select.form-control,
select {
	min-height: auto !important;
	background: #fff url(../images/select.png)no-repeat 95% 12px;
	font-size: 15px;
	height: 35px;
	border: 1px solid #ddd;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
	cursor: pointer
}

.search.searchbar {
	margin: 0;
	padding: 4px 18px 4px 2px;
	background: #fff;
	position: absolute;
	top: 0;
	height: 49px;
	right: 0;
	z-index: 0;
	box-shadow: -20px 0 36px #0000002b;
	width: 296px;
	display: flex;
}

.search.searchbar::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 52px solid #fff;
	border-left: 47px solid transparent;
	position: absolute;
	left: -45px;
	top: 0
}

.search-btn,
.search-open {
	background-color: #061117;
	color: #fff !important;
	padding: 7px 13px;
	display: block;
	border: 0;
	border-radius: 50px;
	/*! position: absolute; */
	/*! right: 7px */
}

.searchbar input {
	border: 0px solid #f2f2f2;
	color: #000 !important;
	padding: 6px 10px;
	display: block;
	float: left;
	height: 46px;
	text-align: left;
	outline: 0;
	width: 86%;
}









.bn-label i {
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #c80000;
	top: 50%;
	margin-top: -5px;
	left: 37%;
	z-index: 2;
}

.bn-label i:before {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #c80000;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -5px;
	animation-name: blink-a;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes blink-a {
	0% {
		transform: scale(1, 1);
	}

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

.bn-label i:after {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #c80000;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -5px;
	animation-name: blink-b;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-iteration-count: infinite;
}

@keyframes blink-b {
	0% {
		transform: scale(1, 1);
	}

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

.brand-items .box {
	position: relative;

	overflow: hidden;
	transition: transform .2s;
	/* Animation */
	text-align: center;
}

.brand-items .box img {

	width: 100%;
}

.brand-items .box img:hover {
	transform: scale(1.5);
}

.brand-items .box::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.bg1::after {
	background: linear-gradient(#221f1c00, #c65619);
}

.bg2::after {
	background: linear-gradient(#221f1c00, #85b846);
}

.bg3::after {
	background: linear-gradient(#221f1c00, #b7342b);
}

.bg4::after {
	background: linear-gradient(#221f1c00, #2c8443);
}

.bg5::after {
	background: linear-gradient(#221f1c00, #066aba);
}

.bg6::after {
	background: linear-gradient(#221f1c00, #07b894);
}

.bg7::after {
	background: linear-gradient(#221f1c00, #bb587d);
}

.bg8::after {
	background: linear-gradient(#221f1c00, #4734ae);
}

.bg9::after {
	background: linear-gradient(#221f1c00, #F78181);
}

.bg10::after {
	background: linear-gradient(#221f1c00, #81F79F);
}

.bg11::after {
	background: linear-gradient(#221f1c00, #5882FA);
}

.bg12::after {
	background: linear-gradient(#221f1c00, #9A2EFE);
}

.bg13::after {
	background: linear-gradient(#221f1c00, #FE2EF7);
}

.bg14::after {
	background: linear-gradient(#221f1c00, #FE2E64);
}

.brand-items .box a {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 10%;
	color: #fff;
	z-index: 9;
	font-weight: 700;
}

.brand-items .box:hover {
	opacity: 0.5;
}



.publication .owl-controls .owl-page span,
.publication .owl-controls .owl-page span {
	background: #454141;
}

.publication {
	list-style: none;
	padding: 0;
	overflow: hidden
}

.publication .owl-wrapper-outer {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
}

.publication li {
	list-style: none;
	padding: 0 14px
}

.publication li img {
	max-width: 100%;
		height:auto;

}

.publication .owl-buttons {
	position: absolute;
	top: -55px;
	right: 0;
	z-index: 999;
}




.regional .owl-controls .owl-page span,
.regional .owl-controls .owl-page span {
	background: #454141;
}

.regional {
	list-style: none;
	padding: 0;
	overflow: hidden
}

.regional .owl-pagination {
	margin-top: 0;
	display: none;
}

.regional .owl-wrapper-outer {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}

.regional li {
	list-style: none;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: #c80000;
}

.regional li img {
	max-width: 100%;

}

.regional .owl-buttons {
	position: absolute;
	top: -55px;
	right: 0;
	z-index: 999;
}

.implink1 {
	/* text-align: center; */
	/* background-color: #fff; */
	/* border: 1px solid #e0e0e0; */
	/* padding: 10px; */
	margin-bottom: 1em;
}

.btn-outline-primary {
	color: #0d6efd;
	border-color: #0d6efd
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #0d6efd;
	background-color: transparent
}

.btn-outline-secondary {
	color: #6c757d;
	border-color: #6c757d
}

.btn-outline-secondary:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
	box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
	box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
	color: #6c757d;
	background-color: transparent
}

.btn-outline-success {
	color: #198754;
	border-color: #198754
}

.btn-outline-success:hover {
	color: #fff;
	background-color: #198754;
	border-color: #198754
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
	box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: #fff;
	background-color: #198754;
	border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
	box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
	color: #198754;
	background-color: transparent
}

.btn-outline-info {
	color: #0dcaf0;
	border-color: #0dcaf0
}

.btn-outline-info:hover {
	color: #000;
	background-color: #0dcaf0;
	border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
	color: #000;
	background-color: #0dcaf0;
	border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
	box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
	color: #0dcaf0;
	background-color: transparent
}

.btn-outline-warning {
	color: #ffc107;
	border-color: #ffc107
}

.btn-outline-warning:hover {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	color: #ffc107;
	background-color: transparent
}

.btn-outline-danger {
	color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
	box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
	box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	color: #dc3545;
	background-color: transparent
}

.btn-outline-light {
	color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-outline-light:hover {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
	box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
	box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
	color: #f8f9fa;
	background-color: transparent
}

.btn-outline-dark {
	color: #212529;
	border-color: #212529
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #212529;
	border-color: #212529
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
	box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
	color: #fff;
	background-color: #212529;
	border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
	box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
	color: #212529;
	background-color: transparent
}

.in-banner h2:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -50px;
    border-top: 44px solid transparent;
    border-left: 50px solid #BD2631;
    border-bottom: 0 solid transparent;
    top: 0;
}
.in-banner h2 {
   position: relative;
    font-size: 26px;
    margin: 0px 0 0px 0px;
    padding: 13px 15px 9px 12px;
    /* background: #BD2631; */
    display: inline-block;
    float: left;
    width: auto;
    color: #003a5a;
    top: -2px;
font-family: "Noto Sans", sans-serif;
    max-width: 603px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumb a{
	color:#cd002d;
}

.navbar.district li.active a{color: #0f507e !important;
}

h2.entry-title a {
    color: #000000;
 font-family: "Noto Sans", sans-serif;
    font-size: 34px;
}

.distric-list{display: flex;flex-wrap: wrap;list-style: none;padding: 0px;gap: 5px;}
.distric-list li{
    width: 18.5%;
    text-align: center;
    padding: 0px !IMPORTANT;
    border: 1px solid #ffffff;
    border-radius: 25px;
    border-radius: 28px;
    /* background: #fff; */
    /* background: #e8e8e8; */
    /* box-shadow: 20px 20px 60px #afafaf, -20px -20px 60px #ffffff; */
    transition: 0.3s;
    cursor: pointer;
    /* position: relative; */
    overflow: hidden;
}
.distric-list li a{
	color:#000;
	font-weight: 600;
	LINE-HEIGHT: 33PX;
	display: block;
	text-align: left;
	margin-left: 41px;
}
.distric-list li:hover{

transform: translateY(-8px);

box-shadow: 1px 5px 13px #d9d9d9;
}
.distric-list li span.linkicon img{width: 38px;}
.distric-list li span.linkicon{
    width: 40px;
    /* position: absolute; */
    left: 5px;
    top: 3px;
    margin-right: 8px;
}

.distric-list li a:hover span.linkicon {
    transform: rotate(360deg);
}
.table tbody tr td .ndate{display: block;
    color: red;
    font-size: 13px;
}
.effect-apollo img{height:180px;}

/*UpSamchar*/

.upsamchar{
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-gap: 20px;
    padding: 7px;
    list-style: none;
}
.upsamchar li{
	
border: 1px solid #e1e1e1;
}
.upsamchar li .ndate{
color: #172c9b;
    font-size: 11px;
    display: block;
}
.upsamchar li a.p-2{display:block;
padding:15px;}
.upsamchar li a h4{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
    color: red;
}
.upsamchar li a p{color:#000;}

.padding-2{padding: 7px;
}


.distric-list li::after {
   content: "";
   position: absolute;
   LEFT: -9px; /* place at the end */
   top: 30%;
   transform: translateY(-10%);
   width: 56px;   /* icon size */
   height: 20px;
   background: url('http://192.168.0.77/upwebnews/wp-content/uploads/2025/09/checkmark.png') no-repeat center center;
   background-size: contain;
}
.distric-list li {
  position: relative;
  /* padding-right: 25px; */ /* space for the image */
  list-style: none; /* remove default bullets */
}

.distric-list lI.hvr-rectangle-in {
 
    background: #fdfdfd;
}
.in-banner-district{padding:0px !important;}
.in-banner-district .inheading{
    position: absolute;
    width: 100%;
}
.in-banner-district .inheading h1{color: #444444;margin: 1.3em 0px;font-weight: 400;}


    .serch-filter{
		width: 28%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.serch-filter input#districtSearch{    
	border-radius: 40px;
}

.hvr-rectangle-in:before {
    
    background: #ffffff !important;
}
span.label{

font-weight: bold;
    margin-bottom: 10px;
    line-height: 31px;
    color: #181818 !important;
    font-size: 14px;
}

.district-logo .logo {
    width: 57px;
    float: left;
    margin-right: 5px;
}
.district-logo .department-text .eng-name {
    font-weight: 600;
    color: #fff;
    margin-top: 26px;
    font-size: 27px;
    margin-bottom: 0;
}
.district-logo .department-text .eng-line {
    color: #ffcf12;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}


.navbar.district{
    background-color: #0f507e !important;
    color: #ffffff;
}

.navbar.district .navbar-nav>li>a {
    color: #fff;
    display: block;
    padding: 12px 20px !important;
    font-weight: normal !important;
}
#searchsubmit{
	
	position: relative;
    top: -50px;
    width: 73px;
    border-radius: 0px;
    left: 221px;
}
.storycontent h3{
	    color: #000000;
 font-family: "Noto Sans", sans-serif;
    font-size: 22px;}

.date-post{font-size:14px !important;}
.storycontent{paddign: 10px 10px;
}
.storycontent p{
	    line-height: 30px;
}

.storycontent p{
	    line-height: 30px;
}

/*SIDEBAR css*/


.sidebar ul{
	
	    list-style: none;
    padding: 0px;
}

.sidebar >div >ul >li{
	padding: 12px;
	background: #f3f3f3;
	border: 1px solid #b3b2b2;
	margin-bottom: 20px;
}
/*
.sidebar >div >ul >li#block-2{
	margin-top: 67px;
}
*/
h3.storytitle a{
   color: #000000;
   font-family: "Noto Sans", sans-serif;
    font-size: 34px;

}
.sidebar >div >ul >li#block-3 ul li{line-height: 30px;}
.sidebar >div >ul >li#block-3 ul li a{color:#000;}

.sidebar >div >ul >li#block-3 ul li{position: relative;}
.sidebar >div >ul >li#block-3 ul li::before {
    content: "\f101";
    font-family: FontAwesome;
    color: #0d549d;
    position: absolute;
    top: 2px;
    left: -19px;
    font-size: 18px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    padding: 0px 0px 0px 24px;
}

.sidebar h2.wp-block-heading {
    padding: 0px;
    text-transform: uppercase;
    font-size: 17px;
}
#block-6 ul li {
       background: #e7e7e7;
    DISPLAY: INLINE-FLEX;
    PADDING: 4PX;
    border-radius: 20PX;
    PADDING: 6PX 20PX;
    display: inline-block;
    border: 1px solid #fff;
    margin-bottom: 5px;
}
#block-6 ul li a{
color: #2c2c2c;
}

h2.post-title a {
    color: #000000;
  font-family: "Noto Sans", sans-serif;
    font-size: 24px;
}
.sub-contentarea p{
      line-height: 34px;
  font-family: "Noto Sans", sans-serif;
    text-align: justify;
    font-size: 18px;
    margin-bottom: 18px;
	color: #000;
}
p.post-meta{
	margin-bottom: 10px;
    font-size: 14px;
    line-height: normal;
}
.sub-contentarea .content-cover{
background: #f9ffe7;
    display: inline-block;
    padding: 20px;
    border-radius: 30px 0px;
    border: 1px solid #e1f1d0;
}
.sub-contentarea .content-cover h2{
color: #3d7620;
}
.profile-img img{width: 100%;
    border-radius: 15px 0px;
    border: 4px solid #9f930b;
    padding: 3px;
}
.profile-img{
	
width: 100px;
	
float: left;
	
margin-right: 18px;
	
margin-bottom: 18px;
}

.contactlist{
	    list-style: none;
    padding: 16px 4px;
	column-count: 2;
}

.contactlist li{
	   font-size: 16px;
    margin-bottom: 12px;
    line-height: normal;
}

.contactlist li span{    font-size: 18px;
    display: block;
    line-height: 34px;
    color: red;}

article >a >img {
    width: 30%;
    float: left;
    margin-right: 16px;
}

.navbar.district .navbar-nav>li>a:hover {
    background: #0c4770;
	color: #fff;
}
 
.storycontent{ margin-bottom: 30px;
    border-bottom: 3px solid #ebebeb;

}
.imgcover-left{
    width: 221px;
    float: left;
    margin-right: 13px;
}
.imgcover-left img{width:100%;}


.navbar-default .navbar-nav>li>a {
 
    padding: 15px 15px;
}
.video-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* Video Card */
.video-grid li {
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: all 0.3s ease;
}

.video-grid li:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* Video Wrapper (16:9) */
.video-box {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Title */
.video-grid p {
  margin: 0;
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #333;
  background: #f9f9f9;
  border-top: 1px solid #eee;
}
/* Tablet */
@media (max-width: 992px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 576px) {
  .video-grid {
    grid-template-columns: 1fr;
  }
}
.publication-grid-4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.publication-grid-4 li {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: center;
}

.publication-grid-4 img {
  max-width: 100%;
  height: auto;
}

.publication-grid-4 h4 {
  font-size: 15px;
  margin: 10px 0 5px;
}

.pub-link a {
  font-size: 13px;
  color: #0073aa;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover

 {
    color: #bd2631;
    background-color: #fff;
}


@media (max-width: 992px) {
  .publication-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
  .publication-grid-4 { grid-template-columns: 1fr; }
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #bd2631;
    background-color: rgb(247 247 247);
}