@import url(../assets/css/font.css);
b, strong {
  font-weight: bold;
}
header {
  position: relative;
  z-index: 100;
}
* {box-sizing: border-box;}
.hi-btn {
  font-family: Hind, serif
}
.dropdown-menu .has-submenu:after{
  display: none;
}
.ellipsis{
  white-space: nowrap;
  text-overflow: ellipsis
}
.hi-btn {
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 34px;
  padding: 3px 11px;
  font-weight: bold;
}
.navbar {
  position: relative;
  margin-top: 1em;
  z-index: 9;
}
.sub-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
  position: absolute;
  top: 20px;
  right: 2px
}
.navbar .navbar {
  padding-bottom: 0;
  padding-top: 0;
}
.logo-section .navbar-toggler-icon.ti-menu {
  color: var(--teal);
}
.navbar .navbar-nav > li > a {
  padding: 12px 15px;
  color: var(--dark);
  font-weight: 500;
  transition-duration: .3s;
  display: block;
  text-decoration: none;
  position: relative;
  font-size: 1.09em;
}
.navbar .navbar-nav > li.show > a, .navbar .navbar-nav > li > a:hover {
  color: var(--teal);
  background-color: var(--white);
  box-shadow: var(--box-shadow-lg);
}
.navbar .navbar-nav .dropdown-menu > li > a {
  display: block;
  padding: 10px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  position: relative;
  color: var(--darkblue);
  text-decoration: none;
}
.navbar .navbar-nav .dropdown-menu > li > a .sub-arrow {
  rotate: -90deg
}
.navbar .navbar-nav .dropdown-menu > li.show > a, .navbar .navbar-nav .dropdown-menu > li > a:hover {
  color: var(--white);
  background-color: var(--teal);
}
a:focus {
  color: var(--dark);
  outline: 0;
  text-decoration: none;
  transition: .5s
}
.select.form-control, select {
  min-height: auto !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../assets/images/select.png) 80% 12px no-repeat var(--white);
  font-size: 15px;
  height: 35px;
  border: 1px solid #ddd;
  -webkit-transition: .1s linear;
  -moz-transition: .1s linear;
  transition: .1s linear;
  cursor: pointer
}
#home_services, footer {
  background-repeat: no-repeat;
  background-size: cover
}
.slider {
  padding: 0;
  background:#162a44;
}
.slider .container-fluid {padding:0px}
.slider .leader {
  position: relative;
  z-index: 1;
}

.top-nav p {
  padding: 0;
  line-height: 35px;
  /*! float: left; */
  margin: 0 1em 0 0
}
.top-nav li {
  list-style-type: none;
  float: left;
}
.top-nav li .dropdown-menu {
  z-index: 9999999;
}
.topnav-menu {
  margin: 0;
  padding: 0;
  display: flex;
}
.topnav-menu li a {
  color: var(--white);
  line-height: 37px;
  font-size: 0.75em;
  padding: 0 0.7em;
  text-transform: uppercase;
}
.topnav-menu li .dropdown-item {
  color: var(--dark);
  line-height: 35px;
}
.topnav-menu li a img {
  width: 25px;
  margin-right: 5px;
  filter: brightness(0) invert(1)
}
.top-nav ul.pwdarea li {
  padding: 4px 7px;
}
.search a {
  color: var(--white) !important;
  font-size: 18px;
  display: block;
  padding: 5px;
}
#search .search-btn {
  border: 1px solid #00000047;
  z-index: 2;
  left: -5px;
  border-radius: 0 4px 4px 0
}
#search p a {
  color: var(--gray) !important;
  display: block;
  font-size: initial;
}
#search .search-input {
  height: 40px;
  margin: 0;
  position: relative;
  padding: 0 15px;
  width: 80%;
  z-index: 0
}
#search .searchbar {
  display: flex;
}
.pwdarea li .fontresize, .pwdarea li .theame {
  display: block;
  text-align: center;
  text-decoration: none
}
.pwdarea li .fontresize {
  box-sizing: border-box;
  line-height: 25px;
  padding: 1px 3px;
  font-weight: 700;
  font-size: 1em
}
.pwdarea li .theame {
  border-radius: 50px;
  width: 25px
}
.top-nav ul.topleft_menu li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--yellow);
  width: 0%;
  transition-duration: .3s
}
.top-nav {
  padding: 0;
  position: relative;
  z-index: 1;
  background-color: var(--teal);
  display: block;
  min-height: 54px;
}
.top-nav .navbar {
  position: relative;
  margin: 0;
  padding: 0;
}
header .top-nav:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 16%);
  border-radius: 0 0 110px 0;
  background: var(--dark);
  z-index: -1
}
.clock {
  padding-top: 6px
}
.top-nav .social_icons {
  margin: 0;
  list-style: none;
  padding: 0
}
.top-nav .social_icons li {
  display: inline-block;
  line-height: 0;
  margin-bottom: 0;
  padding: 0
}
.top-nav .social_icons li a {
  margin-bottom: 0;
  width: 25px;
  text-align: center;
  display: block;
  font-size: 15px;
  color: var(--white);
  position: relative;
  height: 37px;
  padding: 11px 5px;
}
.top-nav .social_icons li .ti-twitter-alt:before {
  top: 5px;
  left: 3px
}
.top-nav .social_icons li a:hover {
  color: #e0e0e0
}
.breadcrumb li a, .carousel-caption p, .clock, .footer-link ul.ft_conDetails li a, .notice .nav-tabs .nav-link:focus, .notice .nav-tabs .nav-link:hover, .pwdarea li .fontresize, .table > thead > tr > th a {
  color: var(--white)
}
.top-nav ul.pwdarea {
  margin: 0;
  padding: 0;
  float: right;
}
.top-nav ul.pwdarea li a img {
  width: 25px;
}
.top-nav li a:hover {
  opacity: .7
}
.top-nav .defTheme {
  color: var(--white);
  padding: 3px 6px
}
.pwdarea li .theame {
  line-height: 18px;
  background-color: var(--yellow);
  color: var(--white) !important;
  border-color: var(--yellow)
}
.pwdarea li .contrast {
  background-color: var(--black) !important;
  border-color: var(--black) !important
}
.top-nav ul.topleft_menu {
  min-height: auto;
  text-align: left;
  padding: 0;
  margin: 0
}
.top-nav ul.topleft_menu li {
  font-weight: 400
}
.top-nav ul.topleft_menu li a {
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 8px;
  display: block;
  color: #666
}
.top-nav ul.pwdarea li:first-child, .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: 27px;
}
.top-nav ul.pwdarea li:nth-child(10) {
  padding-top: 2px;
  padding-right: 0
}
.brand-items, .content-box td, .logo-section .nopadding, .p-0, .top-nav ul.pwdarea li:nth-child(11) {
  padding: 0;
}
.logo-section {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background-color: var(--dark);
  position: relative;
  z-index: 1;
}
.logo-section:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: var(--white);
  height: 100%;
  width: calc(100% - 0px);
  border-radius: 60px 0 0 0;
  z-index: -1
}
.brand-items li, .studentupdates ul, .vticker ul, .tender ul {
  padding: 0;
  list-style: none
}
.logo-section .container {
  position: relative;
  z-index: 9
}
.uplogo {
  display: flex;
  justify-content: end;
  padding: 0;
  position: relative;
}
.uplogo:before {
  content: "";
  position: absolute;
  right: -80px;
  width: 170px;
  top: -8px;
  background: var(--lightblue);
  height: 101px;
  transform: skewX(-25deg);
  z-index: 0;
}
.uplogo img {
  max-height: 93px;
  z-index: 1;
}
.Policies a, .connect li a, .footer-link h5, .incontent h3, .incontent h4, .ourser_wrap, .theme-btn, .title, .wrapper, footer {
  position: relative
}
.logo {
  width: 75px;
  float: left;
  margin-right: 10px;
  margin-left: 15px;
  margin-top: 7px;
}
.National_Education_Policy {
  z-index: 2;
  position: relative;
  padding: 20px 0;
  background-image: url(../assets/images/filed.png),url(../assets/images/striped.png);
  background-repeat: no-repeat,no-repeat;
  background-position: bottom right,top left; background-size: 50%, 43% 90%;   
}
.National_Education_Policy .title {
  margin-bottom: calc(var(--section-title-space) - 12px);
  position: relative;
  z-index: 2;
  top: 10px;
}
.National_Education_Policy .title p {
  width: 90%;
}
.National_Education_Policy .shape-mockup {
  position: absolute;
  z-index: -1;
  top: 58px;
}
.National_Education_Policy .shape-mockup img {
  width: 100%;
}
.nep-head{margin-top: 70px; color: #0c4dc6;}
.brand-items1 {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: -30px;
  margin-top: 0px;
  list-style: none; padding-left: 0;
}
.Policy-card {
  text-align: center;
  border-radius: 0 15px 0 15px;
  border: 1px solid #0D5EF4;
  background: var(--white);
  box-shadow: var(--box-shadow-sm);
  padding: 20px 10px;
  position: relative;
  font-weight: 600;
}
.Policy-card:hover {
  opacity: 0.8;
}
.Policy-card a {
  color: var(--dark);
  text-decoration: none;
}
.Policy-card .icon {
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: var(--white);
  margin: 0 auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  left: 14%;
  top: 10%;
}
.Policy-card:hover .icon {
  background-color: var(--gray-200);
}
.Policy-card svg {
  display: inline-block;
  fill: var(--blue);
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 1; margin-bottom: 10px;
}
.Policy-card svg path {
  fill: var(--blue);
}
.brand-items1 li {
  list-style: none;
  padding: 0 10px;
}
.newsection {
  position: relative;
  z-index: 1;
  background: var(--darkblue) url(../assets/images/notice_bg.png);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.newsection .shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  opacity: 0.3;
}
.nav.nav-tabs.about-six-nav-tabs {
  margin: 0;
  border: 0;
  margin-top: 1.5em;
}
.nav.nav-tabs.about-six-nav-tabs .nav-link {
  border: none;
  margin-bottom: 20px;
  box-shadow: var(--box-shadow-sm);
  position: relative;
  z-index: 1;
  border-radius: 0 0px 0 50px;
  padding: 20px 40px 20px 20px;
  display: block;
  width: 100%;
  font-size: 16px;
  color: var(--darkblue);
  text-align: right;
  background: var(--white);
}
.nav.nav-tabs.about-six-nav-tabs .nav-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s ease-in-out;
  border-radius: 50px;
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  z-index: 9;
  right: 0;
}
.nav.nav-tabs.about-six-nav-tabs .nav-link.active {
  color: var(--white);
  background: var(--teal);
}
.about-six-tab-content {
  width: 100%;
}
.list {
  list-style: none;
  padding: 0;
  margin:0px 0px 15px 0px;
}
.list li {
  margin-top: 9px;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}
.list li::after {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  font-size: 21px;
  color:#1aa463;
}
.color-style-five .list li::after {
  background: var(--teal);
}
.events {
  border-radius: 10px;
}
.events .fimg {
  position: relative;
}
.events .fimg img {
  width: 100%;
  border-radius: 0 15px 0 15px;
}
.events .nwsDisc {
  background: var(--white);
  padding: 20px;
  border-radius: 0 15px 0 15px;
  position: relative;
  top: -30px;
  margin-bottom: -30px;
  margin-left: 30px;
  padding-top: 2em;
}
.events .news-thumb .nwsDisc h4 {
  margin-top: 5px;
}
.events .news-thumb .nwsDisc a {
  display: none;
}
.events .nwsDisc .newicon, .events .nwsDisc .dsize {
  display: inline-block;
  font-size: 85%;
  margin: 0px 5px;
}
.events p a {
  font-weight: 700;
  color: var(--darkblue);
  background-image: linear-gradient(to right, var(--teal) 0, var(--teal) 100%);
  display: inline;
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  -webkit-transition: .3s, background-size .8s;
  transition: all .3s, background-size .8s;
}
.events p a:hover {
  background-size: 100% 2px;
  color: var(--teal);
}
.events p.ndate {
  position: absolute;
  top: -10px;
  max-width: 200px;
  text-align: center;
  color: var(--white);
  z-index: 9;
  background: var(--blue);
  font-weight: 800;
  padding: 5px 10px;
  border-radius: 0 15px 0 15px;
}
.datevent::after {
  position: absolute;
  left: -7px;
  top: -7px;
  height: 40px;
  width: 100px;
  line-height: 80px;
  border: 2px solid #ffffff8c;
  content: "";
  opacity: 0.8;
  border-radius: 0 15px 0 15px;
  z-index: -1;
}
.datevent span {
  position: relative;
  z-index: 4;
}
.brand-items1 li img, .brand-items2 li img, .logo-image img {
  max-width: 100%
}
.title {
  margin-bottom: 2em;
}
.title h2 {
  color: var(--darkblue);
}
.events .title h2, .important_links .title h2 {
  color: var(--white);
}
.events .title p, .important_links .title p {
  color: var(--teal);
  background: var(--bg-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title p {
  color: var(--teal);
  font-weight: 600;
  background: var(--bg-gradient1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  position: relative;
  z-index: 1;
  align-items: center;
  margin: 0;
}
.title a {
  float: right;
}
.title a {
  font-size: .875em;
  padding: 8px 15px;
  transition: .5s;
  color: var(--white);
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  border: 0;
  background: var(--teal);
  border-radius: 0 10px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  background: none;
  border: 1px solid;
}
.title a:hover, .title a:focus {
  box-shadow: 0 0.5em 0.5em -0.4em var(--teal);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
  border-color: var(--teal);
  color: var(--teal);
}
.theme-btn {
  font-size: 14px;
  color: var(--white);
  padding: 17px 20px;
  transition: var(--transition);
  text-transform: uppercase;
  position: relative;
  border-radius: 50px 50px 50px 0;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  border: none;
  background: var(--teal);
  box-shadow: var(--box-shadow);
  z-index: 1;
}
.theme-btn::before {
  content: "";
  height: 300px;
  width: 300px;
  background: var(--yellow);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: -1;
}
.theme-btn:hover {
  color: var(--white);
  background: var(--yellow);
}
.theme-btn:hover::before {
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.theme-btn i {
  margin-left: 5px;
}
.academic-shape {
  height: 470px;
  width: 470px;
  top: 0;
  left: 0;
  z-index: -2;
  position: absolute;
}
.academic-shape img {
  height: 470px;
  width: 470px;
}
.academic1 {
  border: 1px solid #DEE7F9;
  border-top: none;
  border-right: none;
}
.academic .academic-box-items:hover {
  box-shadow: var(--box-shadow-lg);
}
.academic .academic-box-items.active {
  background: var(--white);
  -webkit-box-shadow: var(--box-shadow-lg);
  box-shadow: var(--box-shadow-lg);
}
.academic .academic-box-items {
  padding: 20px 10px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-right: 1px solid #DEE7F9;
  border-top: 1px solid #DEE7F9;
  position: relative;
  background: transparent;
}
.academic .academic-box-items span {
  min-height: 45px;
}
.academic .academic-box-items a {
  color: var(--dark);
  text-decoration: none;
  display: block;
}
.academic .icon {
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: var(--white);
  margin: 0 auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  left: 25%;
  top: 10%;
}
.academic .academic-box-items:hover .icon {
  background-color: var(--gray-200);
}
.academic .academic-box-items svg {
  display: inline-block;
  fill: var(--blue);
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 1;
}
.academic .academic-box-items span {
  margin-top: 20px;
  font-weight: 600;
  display: block;
  font-size: 1em;
}
.academic .academic-box-items:hover span {
  color: var(--blue);
}
.academic .academic-box-items.border-right-none {
  border-right: none;
}
.Studenttitle {
  background: var(--blue);
  padding: 20px;
  border-radius: 0 15px 0 15px;
  margin: 0;
  border: none;
  margin-bottom: 20px;
  box-shadow: var(--box-shadow-sm);
  position: relative;
  z-index: 1;
  color: var(--white);
}
.Studenttitle h5 {
  margin: 0;
}
.Studenttitle::after {
  position: absolute;
  left: 15px;
  bottom: -8px;
  content: "";
  right: 15px;
  height: 7px;
  background: var(--white);
  display: block;
  opacity: 0.6;
  z-index: -1;
}
.news {
  margin: 0;
  z-index: 1;
  position: relative;
  background: var(--white);
  box-shadow: var(--box-shadow-sm);
  padding: 30px 30px 0px 30px;
  border-radius: 10px;
  position: relative;
}
.news .scroll {
  max-height: 352px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
  transition-duration: .5s
}
.news .scroll:hover {
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5)
}
.important_links {
  background: var(--darkblue);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.important_links .shape {
  position: absolute;
  z-index: 0;
  left: 0%;
  top: 5%;
}
.important_links .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 0.5;
}
.important_links .shape-2 img, .newsection .shape-2 img {
  height: 100vh;
}
.important_links .links {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}
.animation {
  -webkit-animation: jumpReverseAni 7s linear infinite;
  animation: jumpReverseAni 7s linear infinite
}
@-webkit-keyframes jumpReverseAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes jumpReverseAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.important_links .links li {
  list-style: none;
  width: 20%;
  padding: 5px;
  margin: 0;
}
.important_links .links li:last-child .box_details {
  line-height: 20px;
}
.important_links .links li .box {
  background: var(--white);
  border-radius: 30px 10px 30px 10px;
  padding: 10px 5px 10px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  box-shadow: var(--box-shadow-sm);
  align-content: center;
  align-items: center;
  flex-direction: row;
  color: var(--dark);
}
.important_links .links li .box:hover {
  box-shadow: var(--box-shadow-lg);
  background: var(--teal);
  color: var(--white);
}
.important_links .links li .box:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0;
  border-top: 60px solid var(--orange);
  border-right: 60px solid transparent;
  z-index: -2;
  width: 40px;
  border-radius: 30px 0 10px 10px;
}
.important_links .links li:hover .box:before {
  border-top-color: var(--white);
}
.important_links .links li:hover .box_icon {
  color: var(--teal);
}
.important_links .links li .box_icon {
  font-size: 1.5em;
  color: var(--white);
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  position: absolute;
  left: 10px;
  top: 2px;
}
.important_links .links li .box_icon::before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
}
.important_links .links li .box_details {
  margin: 0;
  padding-top: 2px;
  font-size: 1em;
  text-decoration: none;
  display: block;
  font-weight: 600;
  min-height: 43px;
  line-height: 43px;
}
.img, img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  height: auto;
}
.about_us {
  position: relative; background-color: #ebf3ff;
}
.about-left {
  margin-right: 20px;
}
.about-img {
  display: flex;
  gap: 30px;
  position: relative;
}
.about-img .img-1 {
  border-radius: 30px 80px 0 80px;
}
.about-img .img-2 {
  border-radius: 50%;
  border: 2px dashed var(--teal);
  padding: 8px;
}
.about-img .img-3 {
  border-radius: 0 80px 80px 80px;
}
.about-experience {
  display: flex;
  align-items: center;
  text-align: center;
  background: var(--blue);
  padding: 15px 20px 15px 15px;
  color: var(--white);
  border-radius: 50px 50px 50px 0;
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);
  font-size: large;
}
.about-experience-icon {
  width: 70px;
  height: 70px;
  line-height: 60px;
  text-align: center;
  margin: auto;
  background: var(--white);
  border-radius: 50px;
  margin-bottom: 5px;
}
.about-experience-icon img {
  width: 45px;
}
.about-right {
  position: relative;
  display: block;
}
.about-content {
  margin-top: 30px;
}
.about-item {
  position: relative;
  display: flex;
  gap: 12px;
  margin-bottom: 25px;
}
.about-item-icon {
  width: 60px;
  height: 60px;
  text-align: center;
  background: var(--orange);
  border-radius: 0 15px 0 15px;
  color: var(--white);
  box-shadow: var(--box-shadow-sm);
  padding: 10px;
}
.about-item-icon img {
  width: 40px;
  filter: brightness(0) invert(1);
}
.about-item-content {
  flex: 1;
}
.about-item-content h5 {
  font-size: 22px;
  margin-bottom: 5px;
}
.about-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.about-phone {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about-phone .icon {
  width: 48px;
  height: 48px;
  background: var(--gray);
  color: var(--white);
  border-radius: 50px;
  text-align: center;
  font-size: 22px;
  box-shadow: var(--box-shadow-lg);
  padding: 13px;
}
.about-phone .number {
  line-height: 1;
}
.about-phone .number span {
  color: var(--darkblue);
  font-weight: 500;
}
.about-phone .number h6 {
  font-size: 20px;
  margin-top: 8px;
}
.about-phone .number h6 a {
  color: var(--teal);
}
.department-text {
  line-height: 0;
  margin-top: 3px;
}
.department-text .eng-line {
  color: var(--teal);
  margin-bottom: 1px;
  font-size: 1em;
  line-height: 16px;
}
.department-text .eng-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6em;
  font-weight: 700;
  color: var(--black);
  text-transform: uppercase
}
.department-text .NAAC {
  font-weight: 500;
  color: var(--blue);
  margin-bottom: 0;
  line-height: 15px;
  font-size: 0.9em;
}
.department-text .NIRF {
  font-weight: 700;
  color: var(--red);
  margin-bottom: 0;
  line-height: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.logo h1, .logo h1 span {
  display: block;
  margin: 0;
  font-size: 20px;
  color: var(--white)
}
.logo h1 span {
  font-size: 12px;
  font-style: italic
}
.logo h1, .wrapper {
  width: 100%
}
.emplogin > a {
  color: var(--white);
  background-color: var(--red) !important
}
.wrapper {
  text-align: center;
  margin: 0 auto;
  z-index: 100
}
.helpline, .whatsapp {
  margin-top: 28px;
  font-weight: 500
}
.helpline {
  font-size: 1em;
  margin-left: 45%
}
.helpline span.oran, .whatsapp span.oran2 {
  color: var(--red);
  font-size: 1.1em
}
.contentmodal, .inheading h1, .news-thumb .nwsDisc, .whatsapp {
  text-align: center
}
#home_services {
  background-color: #bb8337;
  padding: 20px 0;
  background-image: url(../images/impbg.jpg)
}
.ourser_wrap .linkstitle {
  text-align: center;
  font-size: 2em;
  font-weight: 800;
  color: var(--white);
  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: var(--white)
}
.ourser_wrap .linkstitle:before {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  bottom: -12px;
  transform: rotate(45deg)
}
.studentupdates ul, .tender ul, .vticker ul {
  margin: 0;
  width: 100%
}
.filter li label, .footer-bottom a, .footer-bottom li a {
  color: var(--black)
}
.news .title h4 {
  background-color: transparent;
  color: var(--white);
  margin-top: 5px;
  margin-bottom: 5px
}
.news .foot {
  padding: 10px 15px 0;
  border-top: 1px solid #eee
}
.studentupdates {
  height: 230px !important
}
.tender, .vticker {
  height: 370px !important
}
.ftleft, .ftright {
  height: 40px;
  bottom: 0
}
.studentupdates .dsize, .tender .dsize, .vticker .dsize {
  font-size: .8em;
  color: var(--red);
}
.news .title, .news1 .title {
  margin: 0-16px;
  background-image: -moz-linear-gradient(69deg, #2ea35e 0, #159541 100%);
  background-image: -webkit-linear-gradient(69deg, #2ea35e 0, #159541 100%);
  background-image: -ms-linear-gradient(69deg, #2ea35e 0, #159541 100%);
  box-shadow: 0 5px 8px 0 rgba(46, 163, 94, .43);
  padding: 13px
}
.navbar-default .dropdown-menu, .newgallery li a {
  box-shadow: 0 20px 25px rgb(0 0 0/33%)
}
.studentupdates ul li, .tender ul li, .orders ul li, .vticker ul li {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  position: relative;
  padding-left: 60px
}
.studentupdates ul li:before, .tender ul li:before, .orders ul li:before, .vticker ul li:before {
  position: absolute;
  padding: 11px;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 0 15px 0 15px;
}
.studentupdates ul li:before, .tender ul li:before, .vticker ul li:before {
  content: url(../assets/images/small-calendar.png);
  background-color: #a4a4a4;
}
.studentupdates ul li a, .tender ul li a, .vticker ul li a {
  display: block;
  color: #373737
}
.carousel-caption h1 span, .dList div div, .orders ul li span, .studentupdates ul li span, .tender ul li span, .vticker ul li span, header {
  display: block
}
.studentupdates ul li .ndate, .tender ul li .ndate, .vticker ul li .ndate {
  font-size: .85em;
  color: var(--blue)
}
.orders .dsize, .studentupdates ul li .dsize, .tender ul li .dsize, .vticker ul li .dsize {
  font-size: .85em;
}
.orders {
  max-height: 330px !important;
  margin-bottom: 15px;
  overflow: auto
}
.orders .dsize {
  color: #352961 !important;
  margin-top: 5px
}
.course, .orders ul, .typebus_warper ul.bus_serItems {
  list-style: none;
  margin: 0;
  padding: 0
}
.orders ul li:before {
  content: url(../images/document-icon.png);
  background-color: #003c72
}
.orders ul li a {
  display: block;
  color: #2a2a2a;
  font-weight: 700
}
.orders ul li .ndate {
  color: #a3a3a3;
  font-size: .82em
}
.orders ul li .dsize {
  color: #666;
  font-size: .8em
}
.accessibility:hover span, .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
}
.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%)
}
.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: var(--white);
  text-decoration: none
}
.box-back {
  z-index: 10
}
.notice svg, .title svg {
  height: 21px;
  fill: var(--white);
  margin-right: 5px
}
.fimg img {
  max-width: 100%;
  border-radius: 6px
}
.bg-white {
  background-color: var(--white)
}
footer {
  background-image: url(../assets/images/footer-bg.jpg);
  z-index: 5;
  color: var(--white);
  background-color: var(--dark);
}
.typebus_warper {
  padding: 40px 0;
  background-image: url(../images/welcome-bg.png);
  position: relative;
  background-color: #352961
}
footer .shape5 {
  position: absolute;
  z-index: 1;
  bottom: 30%;
  left: 0px;
}
footer .shape5:after, footer .shape5:before {
  content: '';
  position: absolute;
  left: 88px;
  bottom: 27px;
  border: 4px solid var(--lightblue);
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
footer .shape5:after {
  width: 72px;
  height: 72px;
  border: 5px solid var(--teal);
  left: 36px;
  bottom: 26px;
  z-index: -1
}
.jump {
  -webkit-animation: jumpAni 7s linear infinite;
  animation: jumpAni 7s linear infinite
}
@-webkit-keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.jump-reverse {
  -webkit-animation: jumpReverseAni 7s linear infinite;
  animation: jumpReverseAni 7s linear infinite
}
@-webkit-keyframes jumpReverseAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes jumpReverseAni {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.typebus_warper ul.bus_serItems {
  overflow: hidden
}
.brand-items, .brand-items .owl-wrapper-outer, .bus_serItems .owl-wrapper-outer {
  display: table;
  width: 100%
}
.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: var(--white);
  position: relative;
  border-radius: 10px;
  min-height: 198px
}
.typebus_warper ul.bus_serItems li .content {
  color: var(--red);
  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 var(--white)
}
.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 var(--white);
  color: var(--white)
}
.ftright {
  width: 100px;
  background: #383d41;
  position: absolute;
  right: 0
}
.brand-items .owl-controls .owl-page span, .brand-items2 .owl-controls .owl-page span {
  background: var(--white)
}
.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-items2 li {
  list-style: none;
  padding: 0 14px
}
.brand-items, .brand-items2 {
  list-style: none;
  overflow: hidden
}
.brand-items2, .brand-items2 .owl-wrapper-outer {
  display: table;
  width: 100%;
  margin: 0
}
.footerbtm {
  padding: 15px 0;
  border-top: 1px dashed var(--white)fff38;
  line-height: 20px;
  font-size: 90%
}
.ftleft {
  width: 100px;
  background: #24292c;
  position: absolute;
  left: 0
}
.ftleft:before {
  right: -45px
}
footer {
  z-index: 5;
  background: var(--darkblue) url(../assets/images/footer.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.Policies {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}
.Policies-one li {
  width: 100% !important;
}
.Policies li {
  list-style: none;
  width: 50%;
  margin: 0;
}
.footer-link {
  background: rgba(255, 255, 255, 0.07) url(../assets/images/footer-bg.png);
  border-radius: 0 0 15px 15px;
  border: 1px solid rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(12.4px);
  backdrop-filter: blur(12.4px);
  padding: 40px;
  position: relative;
  padding-bottom: 1em;
}
.footer-link h5 {
  line-height: 50px;
}
.footer-link h5:before, .footer-link h5:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 51px;
  height: 3px;
  background-color: var(--teal)
}
.footer-link h5:after {
  width: 10px;
  left: 56px;
  border-right: 10px solid var(--teal);
  box-shadow: 15px 0 0 0 var(--teal)
}
.footer-link ul, td.gridrow ul {
  padding: 0;
  list-style: none
}
.carousel-caption h1, .footer-bottom ul {
  margin: 0
}
.Policies a:before, .dropdown-menu > li > a i, .theme-btn span {
  margin-right: 5px
}
.Policies a {
  display: block;
  line-height: 26px;
  color: var(--white)
}
.Policies a:hover {
  color: var(--teal);
  transition: .5s;
  padding-left: 8px
}
.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
}
.Visitors {
  margin-bottom: 5px;
  text-align: right;
}
.connect {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  flex-direction: row-reverse;
}
.connect li a span {
  position: absolute;
  font-size: 19px;
  top: 10px;
  left: 12px
}
.connect li a {
  display: inline-block;
  width: 37px;
  color: var(--white);
  border-radius: 50%;
  padding: 12px;
  text-align: center;
}
.connect li a.facebook {
  background: #1877f2;
  border-color: #1877f2;
  color: var(--white)
}
.connect li a.facebook:hover {
  background: var(--white);
  border-color: var(--white);
  color: #2daae2
}
.connect li a.twitter {
  background: #2daae2;
  border-color: #2daae2;
  color: var(--white)
}
.connect li a.twitter:hover {
  background: var(--white);
  border-color: var(--white);
  color: #2daae2
}
.connect li a.youtube {
  background: red;
  border-color: red;
  color: var(--white)
}
.connect li a.youtube:hover {
  background: var(--white);
  border-color: var(--white);
  color: red;
}
.connect li a.instagram {
  background: #c32aa3;
  border-color: #c32aa3;
  color: var(--white)
}
.connect li a.instagram:hover {
  background: var(--white);
  border-color: var(--white);
  color: #c32aa3;
}
.connect li {
  list-style: none;
  padding-left: 5px;
  margin: 0;
}
.footer-link ul.ft_conDetails li {
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.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: 0
}
.in-banner li.item {
  margin: 0;
  list-style: none
}
.incontent h3, .incontent h4, .inheading h2 {
  color: var(--slider)
}
.inheading h2 {
  font-size: 2.9em;
  display: inline-block;
  padding: 10px 0;
  margin: 0
}
.inheading h1 {
  color: var(--white);
  font-size: 2em
}
.breed-crum-div {
  margin: 0;
  display: flex;
  justify-content: center;
  align-content: flex-start
}
.breadcrumb {
  font-size: 13px;
  margin-bottom: 0;
  background-color: transparent;
  padding: 0
}
.breadcrumb li {
  color: var(--white);
  margin: 0 5px;
  font-weight: 400;
  font-size: 1em;
  font-style: italic
}
.breadcrumb .active {
  color: var(--yellow) !important
}
.breadcrumb > li + li::before {
  content: close-quote
}
.incontent {
  padding: 15px;
  min-height: 358px;
  border: 1px solid #ccc;
  background-color: var(--white)
}
section {
  position: relative
}
.blink_me, .new::after {
  animation: 1s linear infinite blinker
}
.brand-items2 .owl-buttons .owl-next, .brand-items2 .owl-buttons .owl-prev {
  position: absolute;
  top: 35%;
  font-size: 15px;
  padding: 10px 12px;
  transition-duration: .3s;
  background: #f6f6f6;
  box-shadow: -10px 0 20px var(--black)00012
}
.brand-items2 .owl-buttons .owl-prev {
  left: 0
}
.brand-items2 .owl-buttons .owl-next {
  right: 0
}
.brand-items2 .owl-buttons div:hover {
  opacity: .6 !important
}
.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: var(--orange);
  color: var(--white)
}
.pdf-size, .rar-size {
  color: var(--gray-dark);
  font-size: 12px;
  font-weight: 400;
  display: block
}
.pdf-size:before, .rar-size:before {
  color: var(--gray-dark);
  margin: 0 5px
}
.table > thead > tr > th {
  background-color: var(--gray-dark);
  color: var(--white);
  overflow: hidden
}
.missionlist {
  list-style: none;
  margin: 20px 0 0;
  padding: 0
}
.missionlist li {
  display: table;
  widows: 100%;
  padding: 7px 0
}
.missionlist li .data {
  display: table-cell;
  vertical-align: top
}
.missionlist li .data h5 {
  font-size: 20px;
  color: var(--black)
}
.missionlist li .icon {
  display: table-cell;
  width: 80px;
  vertical-align: middle
}
.missionlist li .icon svg {
  width: 82%;
  fill: var(--orange)
}
.missionlist.contact-details li .icon svg {
  width: 55%
}
.incontent h3 {
  font-size: 2em;
  border-bottom: 1px solid #c8c8c8;
  margin: 0 0 30px;
  padding: 0 0 10px
}
.incontent h3 span {
  color: var(--orange)
}
.incontent h3:before {
  position: absolute;
  height: 5px;
  width: 15%;
  bottom: -3px;
  background: var(--slider)
}
.incontent h4 {
  font-size: 1.6em
}
.leader ul li, .leader ul li .dep-name p {
  margin-bottom: 0;
  color: #282828;
  font-size: 0.95em;
}
.newgallery li a:hover {
  box-shadow: 10px 10px 15px rgba(145, 145, 145, .33);
}
section {
  padding: 40px 0
}
.Services {
  background: #f1f1f1
}
.highlight {
  border-radius: 34px;
  padding: 5px 11px !important;
  color: var(--white) !important;
  background-color: var(--teal);
}
.new::after {
  content: url(../assets/images/newicon.png);
  margin-left: 5px
}
.new::after {
  color: var(--yellow) !important
}
.ViewAll {
  padding: 10px 15px;
  background: #f7f7f7;
  text-align: right;
  margin: 0 -30px 0 -30px;
  border-radius: 10px;
}
.ViewAll .btn {
  margin-left: 1em
}
.leader ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.leader h3 {
  color: #13426b
}
.leader ul li {
  box-sizing: border-box;
  padding: 10px;
  clear: both;
  width: 33.3%;
}
.leader ul li:nth-child(1),.leader ul li:nth-child(2){width: 35%;}
.leader ul li .dep-logo {
  width: 125px;
  clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
  box-shadow: 0px 0px 15px rgba(23, 22, 22, 0.24);
  position: relative;
  margin: 0px auto 15px auto;
}
.leader ul li .dep-name h4 {
  color: #0d5ef4;
  font-size: 1.1em;
  font-weight: 700;
}
.depdiv {
}
.depdiv .dep-logo img {
  /*! width: 75px; */
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  /*! max-width: 75px; */
}
.depdiv:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1)
}
.depdiv .dep-name {
  text-align: center;
}
.depdiv .dep-name h4 {
  margin: 0 0 2px;
  padding: 0
}
.depdiv .dep-name a {
  color: var(--yellow);
  text-decoration: none
}
.footer_title {
  width: 77%;
  margin-top: 15px;
  font-size: 1.25em;
  font-weight: 600;
}
.leader1 ul li .dep-logo {
  width: 100px
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: var(--darkblue);
  background-color: #e7e7e7
}
.navbar-default .btn {
  font-weight: 700;
  border-radius: 100px;
  border: 0
}
.navbar-default .btn:hover {
  background: var(--white);
  color: var(--danger)
}
.navbar-default .dropdown-menu {
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 220px !important;
  padding: 0;
  margin: 0;
  font-size: .875em;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: var(--white);
  border: 0
}
.navbar-default .dropdown-menu > li > a {
  display: block;
  padding: 13px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: var(--darkblue);
  white-space: nowrap
}
.news-thumb .nwsDisc h4 {
  font-size: 1.1em;
  margin-top: 1em
}
.carousel-caption h1 b {
  font-weight: 900
}
.Citizen_Services {
  padding: 0;
  margin: 0;
  display: flow-root;
}
.pwdicon li a {
  background: var(--white);
  color: var(--black)
}
.doc-icon::before, .theme-btn i {
  margin-left: 5px
}
.pwdicon li {
  margin-bottom: 0
}
.leader1 ul li:last-child, .pwdicon li {
  margin-right: 0
}
.accessibility, .pwdicon li a {
  align-items: center;
  cursor: pointer
}
.accessibility {
  display: block;
  overflow: hidden;
  transition: .4s;
  color: var(--white)
}
.pwdicon li a {
  padding: 5px;
  text-align: center
}
.accessibility {
  border: 0px solid var(--white);
  border-radius: 53px;
  top: 109px;
  padding: 7px;
  position: absolute;
  max-width: 50px;
  z-index: 104;
  box-shadow: 0 4px 19px rgba(0, 0, 0, 0.91);
  right: 10px;
  background-color: var(--red);
  height: 50px;
  text-align: left;
}
.accessibility svg {
  width: 35px;
  height: 35px
}
.accessibility:hover {
  max-width: 330px;
}
.accessibility span {
  white-space: nowrap;
  padding-left: 5px;
  opacity: 0
}
@property --bg-angle {
  inherits: false;
  initial-value: 0deg;
  syntax: "<angle>"
}
.pwdicon {
  list-style: none;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  padding: 0 0 15px
}
.pwdicon li a {
  position: relative;
  width: 100%;
  height: 110px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border-radius: 12px;
  border: 2px solid var(--white);
  transition: border-color .15s;
  font-weight: 600
}
.pwdicon li a:hover {
  border-color: #2d2684;
  transition: 1s;
  color: #2d2684
}
.pwdicon li a img {
  display: block;
  height: 30px;
  margin: 5px auto
}
#Accessibility, #search {
  --offcanvas-width: 300px
}
.Visitors strong {
  font-size: larger
}
.home {
  padding: 9px !important;
  font-size: 0;
  box-shadow: -20px 0 36px var(--black)0002b;
  color: var(--red) !important;
}
.ellipsis {
  overflow: hidden
}
.news .arw, .news .dtype, .news .fa-file-pdf-o {
  display: none;
}
.news .ndate {
  margin-bottom: 3px;
}
.news .ndate, .news .newicon {
  display: inline-block;
}
.bradcumb-area {
  min-height: 500px;
  position: relative;
  background: url(../assets/images/inner_page-2.jpg);
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bradcumb-area img {
  transition-duration: .3s;
  filter: blur(1px);
  position: relative;
  z-index: -5;
  width: 100%
}
.bradcumb-area:hover img {
  filter: blur(4px)
}
.bradcumb-area.style-1 {
  background-image: url(../images/dudhwa-national-park_webp.jpg)
}
.overlay-bg-2::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.45) 41%, rgb(255, 255, 255) 100%);
  /*background-color: rgba(0, 0, 0, .62);*/
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.bradcumb {
  position: absolute;
  width: 100%;
  top: 90px;
  transform: translateY(-50%) translateX(-50%);
  left: 50%
}
.bradcumb h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 1.7em
}
.bradcumb ul li {
  display: inline-block;
  color: #fff
}
.bradcumb ul li a {
  position: relative;
  margin-right: 20px;
  color: #fff
}
.bradcumb ul li a:before {
  position: absolute;
  content: "";
  right: -13px;
  top: 3px;
  width: 1px;
  height: 16px;
  background-color: #fff
}
.bradcumb ul li a:hover {
  color: #ff5300
}
.inrbner {
  list-style: none;
  padding: 0;
  margin: 0
}
.breadcrumb .active {
  color: #ffc232 !important
}
.breadcrumb > li + li::before {
  content: close-quote
}
.inner-wrap {
  position: relative;
  z-index: 1;
  margin-top: -370px;
}
.inner-wrap .container {
  background-color: #fff;
  padding: 30px 30px 80px 30px;
  border-radius: 70px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, .1);
  min-height: 500px;
}
/*==========accessibility Css============*/
#slideRightPopup {
  max-width: 320px;
}
.accessibilitybtn {
  position: fixed;
  right: 0px;
  z-index: 1002;
  display: flex;
  padding: 10px;
  background-color: #0d5ef4;
  border-radius: 5px 0px 0px 5px;
  top: 139px;
  transition-duration: .3s;
  border: 0px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
  right: -116px;
  transition-duration: .3s;
}
.accessibilitybtn span {
  font-weight: bold;
  padding: 7px 7px;
  transition-duration: .3s;
  display: inline-block;
}
.accessibilitybtn:hover {
  right: 0px;
  background-color: #ffbf00;
}
.accessibilitybtn img {
  height: 40px;
}
.accessibilitypopup {
  width: 250px;
}
.accessibilitypopup .offcanvas-header {
  background-color: #0d5ef4;
  padding: 8px 15px;
}
.accessibilitypopup .offcanvas-header h5 {
  color: #fff;
}
.accessibilitypopup .offcanvas-header button {
  background-color: rgba(255, 255, 255, 0.18);
  filter: invert(1);
}
.accessibilitypopup .offcanvas-body {
  background-color: #eee;
}
.accessibility-tools {
  display: flex;
  flex-wrap: wrap;
}
.accessibility-tools > div {
  box-sizing: border-box;
  padding: 1px;
  width: 50%;
}
.accessibility-tools > div button {
  display: block;
  border: 0px;
  font-weight: 400;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  border: 0px;
  min-height: 80px;
  line-height: 1.5;
  transition-duration: .3s;
  font-size: 12px;
}
.accessibility-tools > div button:hover {
  background-color: #f5f9ff;
  color: #0740aa;
}
.accessibility-tools > div button > span {
  display: block;
}
.accessibility-tools > div button > span img {
  height: 25px;
  transition-duration: .3s;
}
.accessibility-tools > div button:hover img {
  /*filter: brightness(0) invert(1);*/
}
.hide-images img {
  display: none !important;
}
.grayscale-images img {
  filter: grayscale(100%) !important;
}
.underline-links a {
  text-decoration: underline !important;
}
/*==========accessibility Css End============*/
.hide, .hidden {
  display: none;
}
.table-responsive{box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.09);} 
.table td,.table th{ padding: 8px 15px;}

.filter-section {
  margin: 0 0 15px;
  padding: 10px 0 15px 0;
  border-bottom: 1px dashed #33b779;
}
.filter-box {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0;
  background-color: transparent !important;
}
.filter-box > tbody > tr:nth-of-type(2n + 1) {
}
.filter-box td {
  padding: 0px 5px;
  border: 0;
}
.filter-box td label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 0.9em;
}
.filter-box td .archive {
  display: block;
}
.gridrow a {
  display: block;
}
a.archive {
  color: #fff !important;
  display: block;
  padding: 5px 15px;
  margin-top: 7px;
  background: #33b779;
  border-color: #33b779;
  border-radius: 45px;
}
.filter-box td input[type="text"],
.filter-box td select {
  display: block;
  min-width: 100px;
  height: 35px;
  max-width: 100%;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 64px;
  padding: 0 15px;
  font-size: 1em;
  color: var(--e-global-color-very-dark-mostly-black-blue);
  background: var(--e-global-color-white);
}
.filter-box td .archive {
  padding: 7px 15px;
  width: 100%;
  border: 0;
  border-radius: 4px;
  background-color: #ffcd56;
  margin-top: 3px;
}
.filter-box td input[type="reset"],
.filter-box td input[type="submit"] {
  display: block;
  padding: 7px 15px;
  width: 100%;
  border: 0;
  background-color: #0d5ef4;
  color: #fff;
  border-radius: 114px;
}
.filter-box td input[disabled=""] {
  background-color: #6184c4;
}
.filter-box td input[type="reset"]:active,
.filter-box td input[type="reset"]:focus,
.filter-box td input[type="reset"]:hover,
.filter-box td input[type="submit"]:active,
.filter-box td input[type="submit"]:focus,
.filter-box td input[type="submit"]:hover {
  background-color: #0256d2;
  color: #fff;
}
.filter-box td .archive:active,
.filter-box td .archive:focus,
.filter-box td .archive:hover {
  background-color: #ffdf94;
}
.doc-note {
  border: 1px solid #cc5858;
  padding: 10px;
  border-radius: 7px;
  background: #cc58581c;
  font-weight: bold;
  color: #a82020;
}

 
.sitemap .sub-arrow,
.sitemap ul li .home,
.sitemap ul li:before {
  display: none;
}
.sitemap ul {
  background: url(../assets/images/site_map_ul.gif) repeat-y !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 5px 4px 6px !important;
  display: block !important;
  box-shadow: none;
  width: 100% !important;
}
.sitemap ul li {
  background: url(../assets/images/site_map_list.gif) -5px 5px no-repeat !important;
  padding: 0 0 0 10px !important;
  margin-bottom: 10px;
}
.sitemap ul li a {
  border: 0px solid #ccc;
  line-height: 26px;
  padding: 5px 10px;
  border-radius: 15px 0;
  transition-duration: 0.3s;
  display: inline-block;
  color: var(--text-black);
}
.sitemap ul li a:hover {
  background-color: var(--e-global-color-light-white);
  color: var(--e-global-color-text);
  padding-left: 5px;
  text-decoration: none;
  transition-duration: 0.3s;
}
.sitemap ul,
.sitemap ul li ul {
  position: static !important;
}
.sitemap .dropdown ul {
  margin-top: 10px !important;
  padding: 0 0 4px 6px !important;
}
.sitemap .dropdown-menu .has-submenu::after {
  display: none;
}
.sitemap .Policies li {
  list-style: none;
  width: 100%;
  float: initial;
}
.sitemap a::before {
  color: var(--e-global-color-primary);
}
.serial {
  counter-reset: Serial;
  box-shadow: 0 0 105px rgba(0, 0, 0, 0.14);
  z-index: 1;
  padding: 20px;
}
.serial tr td:first-child:before {
  content: counter(Serial, decimal) ".";
  counter-increment: Serial;
  font-weight: bold;
}
.serial tr th:first-child,
.serial tr td:first-child {
  text-align: center;
  width: 70px;
}
.dsize,
.pdf-size,
.rar-size,
.licon {
  color: var(--bs-red);
}
.dsize,
.ndate,
.pdf-size,
.rar-size {
  font-size: 13px;
  font-weight: 400;
  margin-right: 1em;
}
.ndate{
    color: #7c7c7c;
}
.dsize::before,
.pdf-size::before,
.rar-size::before {
  color: var(--bs-red);
  margin: 0 5px 0 0;
}
.dsize::before,
.pdf-size::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f1c1";
}
.ndate:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f073";
  margin-right: 6px;
}

.border-radius-right, .border-radius-right img{border-radius: 18px 55px 18px 18px;}
.border-radius-left, .border-radius-left img{border-radius: 55px 18px 18px 18px;}
.box-shadow{box-shadow:0px 0px 25px rgba(0, 0, 0, 0.11);}


.os-structure .org {
      display: flex;
      justify-content: center;
      position: relative;
    }

.os-structure .node {
      text-align: center;
      background: #fff;
      border: 2px solid #33B779;
      border-radius: 10px;
      padding: 5px 25px;
      font-weight: bold;
      position: relative;
      min-width: 58px;
      box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
      font-size: 0.9em; 
    }

.os-structure .line-down {
      width: 2px;
      height: 30px;
      background: #33B779;
      margin: 0 auto;
    }

.os-structure .children {
      display: flex;
      justify-content: center;
      margin-top: 0px;
      gap: 20px;
      position: relative;
    }

.os-structure .children::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: #33B779;
    }

.os-structure .child {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      padding-top: 35px;
    }

.os-structure .child::before {
      content: '';
      position: absolute;
      top: 0px;
      left: 50%;
      width: 2px;
      height: 40px;
      background: #33B779;
      transform: translateX(-50%);
    }

.os-structure .sublist {
      background:#f5f8ff;
      border: 1px solid #33B779;
      padding: 10px;
      border-radius: 6px;
      font-weight: normal;
      font-size: 0.9em;
      overflow-y: auto;
      width: 140px;
      text-align: left;
      list-style: none;
      margin: 30px 0px 0px 0px;
    }

.os-structure .sublist li {padding: 3px 0px;}
.sublist:before{content:"";position: absolute;
      top: 89px;
      left: 50%;
      width: 1px;
      height: 32px;
      background: #33B779;
      transform: translateX(-50%);}
@media screen and (max-width: 768px) {
.os-structure .children {
      flex-direction: column;
      gap: 20px; flex-wrap:wrap;
    }
}
.btnmin {
  padding: 2px 15px;
  font-size: 1em;
  border-radius: 25px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); transition-duration: .2s; margin: 2px auto; min-width: 110px;
}
.btnmin:hover{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}

.faculty-profile {
  display: flex;
  flex-wrap: wrap
}

.faculty-profile .colum-1 {
  width: 25%
}

.faculty-profile .colum-2 {
  width: 75%;
  padding: 0px 20px;
}

.faculty-thumb-2 {
  border-right: 0px;
  background-color: #fff;
  border-radius: 41px;
  padding-top: 25px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
} 

.faculty-thumb-2 .faculty-photo {
  overflow: hidden;
  margin: 0px auto 0px auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  box-shadow: 0 0 25px rgba(0, 0, 0, .11);
  border: 2px solid #d5d5d5
}

.faculty-thumb-2 .faculty-descrip {
  position: relative;
  padding: 14px;
  text-align: left;
  min-height: 150px
}

.faculty-descrip p i {
  margin: 5px 10px 10px 0;
  font-size: 1em;
  background: #991b0c;
  color: #fff;
  width: 30px;
  height: 30px;
  padding: 6px 8px;
  border-radius: 4px;
  text-align: center
}

.faculty-thumb-2 .faculty-descrip p {
  margin-bottom: 5px; text-align: center;
}

.faculty-thumb-2 .faculty-descrip h5 {
  font-size: 1.1em; text-align: center; margin-bottom: 3px;
}
.faculty-thumb-2 .faculty-descrip h5:before{display:none;}

.accordion-header .accordion-button {
  padding: 13px 20px; 
  font-size: 0.7em;
  font-weight: 500;
}

.accordion-header .accordion-button.collapsed,
.admission_tabbed .accordion-header .accordion-button.collapsed {
  background-color: #f4f4f4;
}

.accordion .accordion-body,
.admission_tabbed .accordion-body {
  padding: 15px 8px;
}
.accordion-flush > .accordion-item{border:0px; margin: 2px 0px;}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 40px;
}
.accordion-button:not(.collapsed){
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.email-text,
.phone-text {
  position: relative;
  padding: 2px 2px 2px 23px;
  text-align: center;
}

.email-text:before {
  content: "\f0e0";
  position: relative;
  color: #0d5ef4;
  margin-right: 8px;
}

.phone-text:before {
  content: "\f098";
  color: #0d5ef4;
  position: relative;
  margin-right: 5px;
}

.tophighlighikey {
  min-height: 80px;
  width: 100%;
  display: table;
  box-shadow: 0 8px 8px 0 hsla(0, 0%, 58.8%, .44);
  border-radius: 5px;
  text-align: left;
  padding: 15px;
  border: 1px solid #188bf0;
  color: #00539b;
  font-size: 1.2em; transition-duration: .3s; position: relative; overflow: hidden;
  background-image: url("../assets/images/bg-pattern.jpg"); background-repeat: no-repeat; background-position: center right;
  background-size: 60%;
}


.column-ul{display:flex; list-style: none; margin: 0px; padding: 0px; flex-wrap: wrap;}
.column-ul li{padding:15px;}
.three-column li{width: 33.3%}
.two-column li{width: 50%}
.four-column li{width: 25%}
.five-column li{width: 20%}
.tophighlighikey .colm-1 i {
  margin-right: 10px;
  font-size: 2em;
  float: left;
  color: #069351;
}
.tophighlighikey .colm-1, .tophighlighikey .colm-2{display: table-cell; vertical-align: middle; position: relative; z-index: 1;}
.tophighlighikey .colm-1{text-align: left;}
.tophighlighikey .colm-2{text-align: right;}

.brochurebtn{
  font-weight: 500;
  align-items: center;
  box-shadow: 0 5px 8px 0 rgba(3, 130, 70, 0.34);
  text-transform: uppercase;
  padding: 6px 26px;
  text-align: center;
  border-radius: 4px;
  background:#069351;
  color: #fff !important;
  transition: .4s;
  cursor: pointer;
}
.email-text::before, .pdf-size::before, .phone-text::before, .rar-size::before {
  font-family: FontAwesome;
}
.cv-btn {
  margin: 20px 0 10px;
  padding: 5px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: .5s;
  background-size: 200% auto;
  color: #fff;
  border-radius: 50px;
  display: block;
  border: 0;
  font-weight: 600;
  box-shadow: 0 0 14px -7px #d11802;
  background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(83, 109, 237, 1) 100%);
  cursor: pointer;
  -webkit-user-select: none;
  touch-action: manipulation;
  font-size: 16px;
}
 
.faculty-descrip .connect{flex-direction: unset; margin-top:15px;padding: 0;justify-content: center;}

.verticla_navbar{ list-style: none; margin: 0px; padding: 0px;}
.verticla_navbar>li {
  padding: 5px 0;
}

.verticla_navbar>li>a {
  background-color: #d3dff4;
  display: block;
  padding: 10px 15px;
  color: #003ba8;
  font-weight: 500;
  border-radius: 25px 5px;
  text-align: left
}

.verticla_navbar>li>a.active {
  background-color: #289f67;
  box-shadow: 0 0 25px rgba(0, 0, 0, .12);
  color: #fff
}
.verticla_navbar>li>a:hover {
  background-color: #2c434f;
  color: #fff
}

.table > tbody > tr > th {
  background-color: #d3dff4;
  color: #003ba8;
}
.table > tbody > tr.total td, .table > tbody > tr.total th {
  background-color: #caeadb;
  color: #04512d;
  font-weight: bold;
  border-bottom: 1px solid #a1bfb1;
  border-top: 1px solid #a1bfb1;
}
.inner-wrap h4{ position: relative;  color: #0f52ce;padding: 8px 8px 8px 43px;overflow: hidden; z-index: 1;}
.inner-wrap h4:before{content: "\f19d"; font-weight: 900; font-family: "Font Awesome 6 Pro";  color:#33467d; position: absolute; left: 10px;}

.inner-wrap h4:after{content:""; position: absolute; left: 0px; width: 150px; height: 100%; background-color: rgba(38, 119, 70, 0.11);z-index: 0;top: 0;border-radius: 5px 20px 20px 20px;}


.inner-wrap h5{ position: relative;  color: #082253;padding: 8px 8px 8px 13px;overflow: hidden; z-index: 1;}
.inner-wrap h5:before{content:""; position: absolute; left: 0px; width:40px; height: 100%; background-color: rgba(255, 151, 16, 0.18);z-index: 0;top: 0;border-radius: 5px 20px 20px 20px;}

.newgallery {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	list-style: none;
	margin: 0;
 
}

.newgallery li {
	width: 33.3%;
	padding: 15px;
	vertical-align: middle;
}

.newgallery li img {
	max-width: 100%;
	position: relative;
	width: 100%;
}

.newgallery li a {
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
	border-radius: 50px 0px 50px 0;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
	border: 10px solid #fff;
	transition-duration: .3s;
}

.newgallery li .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 5;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	background-color: rgba(193, 95, 15, 0.74);
	padding: 30px;
	transition: 450ms ease-out;
	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);
	transform: rotateY(180deg) scale(0.5, 0.5);
	opacity: 0;
}

.newgallery li .def-head {
	position: absolute;
	display: block;
	bottom: 0;
	padding: 13px 11px;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: 250ms ease-out;
	color: #fff;
	text-shadow: 1px 1px 1px #5e5e5e;
	font-weight: 400;
	background:#0d5ef4;
	border-top: 0 solid var(--e-global-color-white);
	border-bottom: 0 solid var(--e-global-color-white);
	z-index: 5;
	opacity: 1;
	font-size: 1.3em;
}

.newgallery li a:hover .overlay {
	-webkit-transform: rotateY(0) scale(1, 1);
	-moz-transform: rotateY(0) scale(1, 1);
	-ms-transform: rotateY(0) scale(1, 1);
	-o-transform: rotateY(0) scale(1, 1);
	transform: rotateY(0) scale(1, 1);
	opacity: 1;
}

.newgallery li a:hover .def-head {
	bottom: -15%;
	opacity: 0;
}

.newgallery li .data-content,
.newgallery li .heading {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

.newgallery li .heading {
	font-size: 23px;
	color: #fff;
	font-weight: 700;
	margin-top: 48%;
}

.newgallery li .data-content {
	color: #fff;
	padding-top: 29px;
	font-size: 1em;
	font-weight: 400;
	padding-bottom: 16px;
}

.newgallery li .view-page {
	color: #fff;
	display: inline-block;
	text-align: center;
	border: 1px solid #fff;
	margin: auto;
	padding: 5px 10px;
	z-index: 9;
	position: relative;
	width: auto;
}

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

.gallery li {
	box-sizing: border-box;
	padding: 15px;
	position: relative;
	width:25%;
}

.gallery li a {
	display: block;
}

.gallery li img {
	max-width: 100%;
	border-radius: 10px 40px 10px 20px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
	border: 5px solid #fff;
	min-height: 200px;
}
.hc_year .accordion-button:before{content: "\f66f"; font-family: "Font Awesome 6 Pro"; margin-right:8px;}
.hc_year.accordion-flush > .accordion-item{margin: 6px 0px;}
.slider .rightmenu::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  background-image: url(../assets/images/leader.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.09;
  z-index: -1;
}
.rightmenu_head {
  padding: 15px;
  background-color: #3fa877;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.3em;
  letter-spacing: 1px; margin-bottom: 0px;
}
.rightmenu{list-style: none; margin: 0px; padding: 0px; position: relative; z-index: 0;}
.rightmenu li{ position: relative;border-bottom: 1px solid #ffffff12;}
.rightmenu li:last-child{border-bottom:0px;}
.rightmenu li a{ display: block; padding: 15px 15px 15px 53px; color:#fff; position: relative;font-weight: 600;transition-duration: .3s;}
.rightmenu li a:hover{ background-color: rgba(255,255,255,.5);}
.rightmenu li a:before{content: url("../assets/images/leaf.png");left: 15px;top: 14px;position: absolute;background-color: transparent;}
.photo_gallery{ position: relative; padding: 25px;}
.photo_gallery .wc-head{ text-align: center;}
.hg_gallery {
  position: relative; padding: 20px 15px;
}
.home-gallery {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-height: 406px
}

.home-gallery li {
  box-sizing: border-box;
  float: left;
  margin: 2px;
  position: absolute;
  overflow: hidden; border-radius: 12px;
}

.home-gallery li img {
  max-width: 100%;
  object-fit: cover;
  object-position: 80% 100%;
  position: relative;
  z-index: 0
}

.home-gallery li a {
  position: relative;
  display: block
}

.home-gallery li:first-child {
  width: 282px;
  height: 200px;
  left: 0
}

.home-gallery li:nth-child(2) {
  width: 282px;
  height: 200px;
  left: 288px
}

.home-gallery li:nth-child(3) {
  width: 282px;
  height: 400px;
  left: 576px
}

.home-gallery li:nth-child(4) {
  width: 282px;
  height: 200px;
  left: 863px
}

.home-gallery li:nth-child(5) {
  width: 282px;
  height: 196px;
  left: 863px;
  top: 205px;
  background-color:#156a42;
}

.home-gallery li:nth-child(5) img {
  opacity: .2
}

.home-gallery li:nth-child(6) {
  width: 570px;
  height: 194px;
  left: 0;
  top: 206px
}

.home-gallery li .floating {
  text-align: center;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
  top: 0;
  color: #fff;
  font-size: 1.5em;
  padding: 40px 5px;
  text-transform: uppercase
}

.home-gallery li .floating img {
  opacity: 1;
  display: block;
  width: 75px;
  margin: 0 auto
}

.home-gallery li .lens-icon {
  text-align: center;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
  top: 40%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color:#0d5ef4;
  padding: 9px;
  line-height: 3px;
  opacity: 0;
  transition-duration: .3s
}
.home-gallery li .lens-icon img{
  max-width: 100%;
  border-radius: 50%
}

.home-gallery li:hover .gleryimg {
  opacity: .5;
  transform: scale(1.1, 1.1)
}

.home-gallery li:hover .lens-icon {
  opacity: 1
}

.dt-container .dt-layout-row{width: 98%; margin: 12px auto;}

.dt-length select, .dt-input {
    height: 32px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  background-color: #fff !important;
}
.dt-length select{width:120px !important;}
.dt-input{width: 180px; padding:0px 10px;}
.videolist li > iframe{ width:100%; height:190px; border:8px solid #fff; margin:0px; padding:0px; border-radius:10px 22px; box-shadow:0px 0px 20px rgba(0,0,0,.2); position:relative;}

.report .accordion-button:before{content:"\f1c1"; font-family: "Font Awesome 6 Pro"; margin-right:8px;}
.report.accordion-flush > .accordion-item{margin: 6px 0px;}