@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)
  }
}
@keyframes blinker {
  50% {
    opacity: 0
  }
}
@-webkit-keyframes mover {
  0% {
    background-position: 0-118px
  }
  to {
    background-position: 0-88px
  }
}
@keyframes mover {
  0% {
    background-position: 0-118px
  }
  to {
    background-position: 20px -88px
  }
}
a:focus {
  color: #111;
  outline: 0;
  text-decoration: none;
  transition: .5s all
}
.select.form-control, select {
  min-height: auto !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  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
}
 
.tele-no {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex
}
.tele-no li {
  padding: 6px;
}
.tele-no li span {
  margin-right: 5px
}
.top-nav p {
  padding: 0;
  margin: 0;
  line-height: 30px;
  font-size: 85%
}
.top-nav li {
  list-style-type: none;
}
 
.top-nav ul.pwdarea li {
  padding: 0px 4px
}
.top-nav ul.pwdarea li > a{ display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: rgba(255, 255, 255, 0.15); border-radius: 50%; transition-duration: .3s;border: 1px solid rgba(255, 255, 255, 0.16);}
.search a {
  color: #fff !important;
  font-size: 18px
}
.pwdarea li .fontresize {
  text-decoration: none;
  padding: 1px 3px;
  font-weight: 700;
  font-size: 1em
}
.hi-btn, .pwdarea li .theame, .top-nav .time {
  text-decoration: none
}
.top-nav ul.topleft_menu {
  min-height: auto
}
.top-nav ul.topleft_menu li a {
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 8px;
  display: block;
  color: #666
}
.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 {margin-top: 15px;}
.clock, .connect li a:hover .fa-facebook, .connect li a:hover .fa-instagram, .connect li a:hover .fa-linkedin, .connect li a:hover .fa-twitter, .top-nav, .top-nav .time {
  color: #fff
}
.clock {
  padding-top: 6px
}
.top-nav .time i {
  font-size: 14px
}
.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: 2px
}
.top-nav .social_icons li:before {display: none
}
.top-nav .social_icons li a {
  margin-bottom: 0;
  width: 32px;
  border-radius: 72px;
  line-height: 31px;
  text-align: center;
  display: block;
  font-size: 18px;
  background: #fff
}
.top-nav .social_icons li a:hover {
  color: #ffac00
}
.facebook {
  color: #1877f2 !important
}
.twitter {
  color: #1da1f2 !important
}
.instagram {
  color: #e4405f !important
}
.linkedin {
  color: #0a66c2 !important
}
.top-nav ul.pwdarea {
  margin-bottom: 0;
  padding: 0;
  display: flex;
  justify-content: end;
}
.top-nav ul.pwdarea li a img {
  width:56%;
  margin: 8px;
	  
}
.top-nav li a:hover {
  text-decoration: none;
  opacity: .4
}
 
.top-nav ul.pwdarea li {
  font-weight: 600
}
.pwdarea li .fontresize, .pwdarea li .theame {
  display: block;
  border-radius: 50%;
  border: 1px dashed #eee;
  box-sizing: border-box;
  text-align: center;
  height: 25px;
  width: 25px;
  line-height: 22px;
  color: #fff
}
.pwdarea li .theame {
  line-height: 18px;
  background-color: #ffc232;
  color: #fff !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:hover {
  background-color: #eee;
  color: #352961
}
.language{background-color:#f6640c !important;}
header {
  position: relative;
  z-index: 100;
  margin: 0 auto;
  font-size: 14px
}
header .navbar-inverse {
  background-color: transparent;
  border: 0
}
.primary.navbar {
  margin: 0 auto; background-color: #fff; border-radius: 50px;
  position: relative;
  margin-top: 15px;
  padding: 0;
}
.dropdown > a .sub-arrow:before{content:"\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
.primary.navbar ul > li > a.nav-link { font-family: "Oswald", sans-serif;
  font-size: 1.1em;
  font-weight: 400; color:#233e7f; padding: 8px 15px; transition-duration: .3s;
margin: 8px 0px;
}
.home{color:#fff !important;
  border-radius: 50%;
  background-color:#f6640c;
  width: 44px;
  padding: 8px !important;
  margin-left: 8px !important; margin-right: 8px !important; text-align: center;}
.home:hover{background-color: #233e7f !important;}
.home:before{content: "\f015"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
.primary.navbar ul > li > a.nav-link:hover,.primary.navbar ul > li > a.highlighted,.home:hover{background-color: #f77a1f;
  border-radius: 35px;
  color: #fff;}
 
.primary.navbar ul > li .dropdown-menu li a {
  display: block;
  color: #000;
  padding: 8px 15px;
  font-size: 15px; border-radius:5px;
}
 
.primary.navbar .dropdown-menu {
  min-width: 240px !important;
  padding:8px;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 20px 20px 25px rgba(0, 0, 0, .2);
  border-radius:5px; border:0px;
}
.primary.navbar .dropdown-menu > li > a {
  color: #000;
  padding: 5px 15px;
  font-size: 0.85em;
  display: block;
  text-decoration: none;
}
.primary.navbar .dropdown-menu > li > a:hover, .primary.navbar .dropdown-menu > li.show > a.highlighted{
  color: #fff;
  background-color:rgb(30, 159, 168);
}
.logo-section {
  padding: 2px 0px 0px 0px;
  background: linear-gradient(-50deg, #250c6a 0, #1ea3aa 100%);
  position: relative;
  height:130px;
  z-index: 10; 
}
.logo {
  width: 87px;
  border-right: 1px solid rgba(255, 255, 255, 0.22);
  padding: 5px 10px 0px 0px;
}
.logo img {
  max-width: 100%
}
.department-text {
  padding-left: 13px;
  padding-top: 11px;
}
.department-text .eng-name {
  font-weight: 600;
  color: #fff;
  margin-bottom: 6px;
  display: inline-block;
  margin-top: 0;
  font-size: 1.3em;
}
.department-text .eng-line {
  color: #f3e64f;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-size: 1.2em;
}
.department-text .eng-line span {
  color: #c8070a;
  display: inline-block;
  padding: 0 3px
}
.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
}
.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 {
  display: flex;
  justify-content: end;
  padding: 12px 0 0
}
.uplogo img {
  max-height: 78px;
  border-radius: 50%;
  margin: 0 5px;
  border: 2px solid #fff
}
.uplogo img.amrit {
  border-radius: 0;
  border: 0;
  max-height: 73px
}
.videobtner{ position:relative; overflow: hidden; max-height: 500px; background-color: #000;}
.videobtner video{ width: 100%; position:relative; top: -70px; z-index: 0; opacity:1;}
.videobtner .videocaption{ position: absolute; z-index: 2; bottom:50px; left:80px;}
.videobtner .videocaption h2{color: #f3e64f; border-bottom: 2px solid #f3e64f; padding-bottom: 10px; margin-bottom: 10px;}
.videobtner .videocaption p{ color:#fff;}
.videobtner #playPauseBtn {
  position: absolute;
  right: 80px;
  z-index:2;
  bottom: 50px;
  border: 1px solid #000000b5;
  background-color: rgba(0, 0, 0, .67);
  color:#fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center
}
.welcomesection{ position: relative; padding: 30px 15px; background-image: url("../images/icon-turbines-4.4b4b77f8.png"); background-repeat: no-repeat; background-size:auto; background-position: bottom right;}

.leader {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.leader li {
  width: 25%;
  padding:0px; box-sizing: border-box;
}
.leader li .laderbox {
  text-align: center;
}
.leader li .laderbox h4 {
  font-size: 1em;
  line-height: inherit;
  margin-bottom: 2px;
  color: #233e7f;
}
.leader li .laderbox p {
  font-size: 0.9em;
  line-height: inherit;
}
.laderbox .leadphoto {
  overflow: hidden;
  margin: 0px auto;
  width:60%;
}
.laderbox .leadphoto img {
  max-width: 100%;
}
.statis{ list-style: none; margin: 0px; padding: 0px 15px 0px 0px; display: flex;}
.statis li{ padding:10px 0px 10px 0px; display: flex; border:1px solid #eee; position: relative; background-color: #fff; width: 33%;}
.statis li:nth-child(1),.statis li:nth-child(2){border-right: 0px;}
.statis li .statisno{ text-align: center; color: #233e7f; padding: 13px 0px 6px 8px;  font-weight: 600; width:40%; position: relative;}
.statis li .statisno:before{content: ""; position: absolute; width: 3px; height:60px;  background-color: #f27d15; right: 0px; top:20px;}
.statis li .statisno span{font-size:2.1em; display: block;}
.statis li .statistext{ padding: 15px; width:60%; color: #262626;}
.statis li:before{position: absolute; top:5px; left:3px;}
.statis li:nth-child(1)::before{ content: url("../images/sun-icon.png");}
.statis li:nth-child(2)::before{ content: url("../images/solaricon.png");}
.statis li:nth-child(3)::before{ content: url("../images/save-energy.png");}

#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, .vticker 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;
  border-radius: 5px;
  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;
  margin: 25px 0
}
.usefull_link_warp ul.usefull_link li:hover {
  background: #007c7c;
  transition: 2s all
}
.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 .title h4 {
  background-color: transparent;
  color: #fff;
  margin-top: 5px;
  margin-bottom: 5px
}
.news .foot {
  padding: 10px 15px 0;
  border-top: 1px solid #eee
}
.news .btn-outline-danger, .news1 .btn-outline-danger {
  padding: 5px 10px; font-weight: 500; font-size:0.85em; text-transform: uppercase; text-decoration: none; border-radius: 5px;
}
.news .btn-outline-danger{border-color:#31389f; color: #232ca6;}
.news .btn-outline-danger:hover{ background-color:#31389f; color: #fff; }

.news1 .btn-outline-danger {
  border-color:#df5a0a;
  color:#df5a0a;
}
.news1 .btn-outline-danger:hover{background-color:#df5a0a; border-color:#df5a0a; color: #fff;}
.vticker {
  height: 340px !important
}
.vticker .arw, .vticker .dtype, .vticker .fa-file-pdf-o {
  display: none
}
.vticker .dsize {
  font-size: .8em;
  color: #464646;
  margin-top: 1px;
  font-weight: 400;
}
.news .title, .news1 .title {
  margin: 0-16px;
  background-color: #ec306e;
  padding: 13px
}
.vticker ul {
  width: 100%
}
.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: 70px;
}
.orders ul li:before, .vticker ul li:before {
  position: absolute;
  padding:11px 0px;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  text-align: center;
  line-height: 50px;
}
#vticker ul li:before {
  content: url(../images/small-calendar.png);
  background-color:#0d7fa2;
}
#tender ul li:before {
  content: url(../images/small-tender.png);
  background-color:#df5a0a;
}
.vticker ul li a {
  display: block;
  color: #222;
  text-decoration: none;
  font-weight: 400;
}
#usefullinkbg ul li a, .connect li a span, .orders ul li span, .vticker ul li span, header {
  display: block
}
.vticker ul li .ndate {
  font-size: .82em;
  display: inline-block;
  padding: 2px 12px;
  border-radius: 15px;
  margin-bottom: 5px;
  font-weight: 500;
}
#vticker ul li .ndate{color: #18217b; background: #c6e3fd;}
#tender ul li .ndate{color: #b74500; background: #f9eae2;}
.vticker ul li .dsize {
  font-size: .8em
}
.orders {
  max-height: 330px !important;
  margin-bottom: 15px;
  overflow: auto
}
.orders .arw, .orders .dtype, .orders .fa-file-pdf-o {
  display: none
}
.orders .dsize {
  font-size: .8em;
  color: #352961 !important;
  margin-top: 5px
}
.course, .orders ul {
  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
}
.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;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition-duration: .5s
}
.customtble > tbody:hover, .news .scroll:hover {
  scrollbar-color: rgba(0, 0, 0, .5) rgba(255, 255, 255, .5)
}
.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;
  border-radius: 5px;
  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 h2 {
  margin-top: 0;
  color: #218b40
}
.glance .title h3 {
  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
}
.bg-white {
  background-color: #fff
}
.btn-outline {
  display: inline-block;
  padding: 12px 40px;
  border: 1px solid #605d5d;
  transition-duration: .3s
}
.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;
  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
}
.brand-items li a, .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 .busheading {
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  position: relative;
  margin-bottom: 45px
}
.typebus_warper .busheading h2 {
  color: #fff;
  position: absolute;
  background: #433666;
  left: 34%;
  top: -25px;
  font-weight: 800;
  font-size: 1.7em;
  letter-spacing: -1px;
  padding-right: 30px;
  padding-left: 30px
}
.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;
  border-radius: 10px;
  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-items2{ box-shadow: 0px 0px 20px rgba(0,0,0,.1); padding: 15px; border-radius: 10px; position: relative;}
.brand-items .owl-controls .owl-page span, .brand-items1 .owl-controls .owl-page span, .brand-items2 .owl-controls .owl-page span {
  background: #fff
}
.brand-items, .brand-items .owl-wrapper-outer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  padding: 10px;

  background-color: #fff
}
.brand-items li {
  list-style: none;
  padding: 5px;
 
}
.brand-items li a {
  display: block;
  color: #000;
  text-align: center;
  
  background-color: #fff;
  
}
.brand-items li a:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border: 1px solid #011947
}
.brand-items li a > text {
  display: block;
  margin-top: 5px;
  font-size: 1.1em
}
.brand-items li img {
  max-width: 100%;

  display: block;
  height: 48px;
  margin: 0 auto
}
.brand-items, .brand-items2 {
  list-style: none;

}
 
.brand-items2 li {
  list-style: none; position: relative;
}
.brand-items2 li .implink{position: relative;}
.brand-items2 li a{ display: block;}
.brand-items2 li img, .depdiv .dep-logo img {
  max-width: 100%;
  border-radius: 0 10px 0; position: relative;
}
.brand-items2 .owl-buttons{position:relative; z-index: 10; top: 0px;}
/*.brand-items2 .owl-controls .owl-buttons .owl-prev,.brand-items2 .owl-controls .owl-buttons .owl-next{ position: relative; top:15px; z-index: 10; background-color: #000;} 
.brand-items2 .owl-controls .owl-buttons .owl-prev{ left: 0px;}
.brand-items2 .owl-controls .owl-buttons .owl-next{ right: 0px;}*/
footer {
  z-index:0;
  color: #fff; background-image: url("../images/bg-footer-1_webp.jpg"); background-repeat: no-repeat; background-position: center;
}
footer:before{content:""; position: absolute; right: 0px; left: 0px; top:0px; margin: 0px auto; height: 100%; background: linear-gradient(0deg,rgba(6, 6, 69, 0.98) 0%, rgba(11, 26, 73, 0.94) 31%, rgba(24, 73, 84, 0.9) 100%); z-index: 1; }

footer:after{content:""; position: absolute; right: 0px; left: 0px; top:0px; margin: 0px auto; height: 100%; filter: blur(0px);  z-index:0; background-image: url("../images/bg-footer-1_webp.jpg"); background-repeat: no-repeat; background-position: center; transition-duration: .3s;}
footer:hover::after{filter: blur(3px);}
.footerbtm {
  padding: 15px 0;
  font-size: .9em;
  border-top: 1px dashed rgba(255, 255, 255, .3);
  position: relative;
  z-index: 2;
}
.ftleft {
  width: 100px;
  height: 40px;
  background: #24292c;
  position: absolute;
  left: 0;
  bottom: 0
}
.ftleft:before {
  right: -45px
}
.footer-link {
  padding: 50px 0 30px;
  font-weight: 400;
  position: relative; 
  z-index: 2;
}
.footer-link h4 {
  padding: 0 0 5px;
  position: relative
}
.footer-bottom ul, .footer-link ul, .list li ul {
  padding: 0;
  list-style: none
}
.footer-bottom ul {
  margin: 0
}
.dropdown-menu > li > a i, .link1 a:before {
  margin-right:11px;
}
.link1 li {
  padding: 5px 0
}
.link1 a {
  position: relative;
  display: block;
  line-height: 26px; text-decoration: none;
}
.link1 a:hover {
  color: #ffbf00;
  transition: .5s all;
  padding-left: 8px
}
.about-section .busheading h2, .breadcrumb li a, .footer-link ul.ft_conDetails li a, .link1 a {
  color: #fff
}
.filter li label, .footer-bottom a, .footer-bottom li a, .missionlist li .data h5 {
  color: #000
}
.implink-wrap .busheading:after, .implink-wrap .busheading:before {
  margin: auto
}
.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
}
.connect {
  margin: 0;
  display: flex; flex-wrap: wrap;
}
.connect li {width:50%; box-sizing: border-box; padding:4px;}
.connect li a {
  /*! border: 1px dashed #fff; */
  padding: 10px 5px;
  display: block;
  color: #fff;
  border-radius:35px;
  text-align: center;
  min-height: 59px;
  font-size: 90%; text-decoration: none;
  background-color: rgba(255, 255, 255, 0.06);
}
.connect li a span {
  margin-bottom: 5px; font-size: 1.8em;
}
.connect li:nth-child(1) a:hover {
  background: #3d5b9b;
  border-color: #3d5b9b;
  color: #fff
}
.connect li:nth-child(2) a:hover {
  background: #2daae2;
  border-color: #2daae2;
  color: #fff
}
.connect li:nth-child(3) a:hover {
  background: #0a66c2;
  border-color: #0a66c2;
  color: #fff
}
.connect li:nth-child(4) a:hover {
  background: #FF0000;
  border-color: #FF0000;
  color: #fff
}
.connect li:nth-child(5) a:hover {
  background: #c32aa3;
  border-color: #c32aa3;
  color: #fff
}
.footer-link {font-size: 0.9em;} 
.footer-link ul.ft_conDetails li {
  margin-bottom:18px;
  position: relative;
  display: flex;
  line-height: 24px
}
 
.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: #073555
}
.inheading h2 {
  font-size: 2.0em;
  display: inline-block;
  padding: 10px 0;
  margin: 0
}
.inheading h1 {
  color: #fff;
  font-size: 2.8em
}
.breed-crum-div {
  margin-bottom: 0;
  border-radius: 0;
  padding: 2px 0;

  border-bottom: 1px solid #f9f1f1;
}
.breadcrumb {
  font-size: 16px;
  margin-bottom: 0;
  background-color: transparent;
  padding: 8px 0;
  font-weight: 500;
  text-decoration: none;
  margin-bottom:0px !important;
  padding:5px 0px !important;
}
.breadcrumb li {
  color: #bdbdbd !important;
  margin: 0 5px;
  font-weight: 500
}
#usefullinkbg ul {
  list-style: none;
  padding: 0;
  margin: 25px 0 0;
  display: flex;
  flex-wrap: nowrap
}
.inrbner {
  list-style: none;
  padding: 0;

  margin: 0
}
.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
  font-size: 13px !important;
  border-radius: 40px !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
}
.breadcrumb .active {
  color: #5e5e5e !important;
  font-size: 14px;
}
.breadcrumb > li + li::before {
  content: close-quote
}
.contentarea {
  background-image: url(../images/welcome-bg.png);
  padding: 15px 30px 30px
}
.incontent {
  padding: 15px;
  min-height: 358px;
  border: 1px solid #ccc;
  background-color: #fff
}
.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 {
  background-position: center;
  background-image: url(../images/ptnr-bg1.png)
}
.Important, .busheading, .implink-wrap, .incontent h3, .incontent h4 {
  position: relative
}
.Important .busheading {
  margin-top: 30px
}
.brand-items2 .owl-controls {
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 100%
}
.brand-items2 .owl-buttons .owl-next {
  left: 60px
}
.brand-items2 .owl-buttons .owl-prev {
  right: 80px
}
.Important .owl-pagination {
  display: none
}

.about-section h2 {
  color: #ffaf69;
  letter-spacing: 3px;
  line-height: 1.3
}


.about-section .busheading::after, .about-section .busheading::before {
  background-color: #fff
}
.Important .busheading:after {
  width: 100px
}
#usefullinkbg {
  background-color: #bb8337;
  background-image: url(../images/usefullink-bg.png);
  background-repeat: no-repeat;
  background-size: cover
}
.busheading {
  text-align: center;
  font-weight: 800;
  padding-bottom: 5px
}
.busheading h2 {
  text-transform: uppercase;
  color: #1f883e
}
#usefullinkbg .linkstitle:after {
  bottom: 0;
  height: 1px;
  width: 15%
}
#usefullinkbg .linkstitle:after, #usefullinkbg .linkstitle:before, .busheading:after, .busheading:before {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto
}
#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 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: rgb(0 0 0/10%);
  height: 298px;
  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;
  margin-top: 5px
}
.pdf-size:before, .rar-size:before {
  color: #ec306e;
  margin: 0 5px 0 0
}
.table > thead > tr > th {
  background-color: #4a4d44;
  color: #fff
}
.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 .icon {
  width: 80px;
  vertical-align: middle
}
.missionlist li .icon svg {
  width: 82%;
  fill: #ff6d03
}
.missionlist.contact-details li .icon svg {
  width: 55%
}
.incontent h3 {
  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
}
.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
}
.happing .owl-buttons, .sitemap ul li:before {
  display: none
}
.sitemap ul li a {
  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: 0px 0
}
.display li {
  list-style: none;
  width: 25%;
  box-sizing: border-box;
  padding: 1px 3px
}
.display li:nth-child(12), .display li:nth-child(4), .display li:nth-child(8) {
  margin-right: 0
}
.display {
  padding: 0;
  margin: 0;
  display: flex;


  flex-wrap: wrap
}
.HOVER {
  time: .7s;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 15px 8px;
  text-align: center;
  background: #fff;
  border-radius: 0 10px 0;
  color: #011b4a;
  overflow: hidden;
  min-height: 140px
}
.HOVER:hover {
  box-shadow: 0 20px 25px rgba(255, 255, 255, .15)
}
.HOVER img, .HOVER text {
  position: relative;
  z-index: 5;
  transition: color var(--time)
}
.HOVER text {
  font-size: 108%;
  min-height: 46px;
  display: block
}
.HOVER img {
  width: 40px;
  margin: auto auto .5em
}
.HOVER.FLASH:hover text, .HOVER: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
}
 
.Services {
  background: #f1f1f1
}
.happing {
  margin-top: 2em !important;
  padding: 0
}
.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
}
.newstitle{ position: relative; padding-bottom: 15px; margin-bottom: 20px;}
.newstitle:before{content: ""; width: 150px; height: 3px; position: absolute; margin: 0px auto; left: 0; right: 0px; background-color: #fff; border-radius: 3px; bottom: 0px;}
.newstitle:after{content: ""; width:20px; height:20px; position: absolute; margin: 0px auto; left: 0; right: 0px; background-color: #ffdb16; border-radius: 3px; bottom:-8px; border:1px solid #fff; rotate: 46deg;}
.newstitle h3{ color:#ffdb16; text-align: center;
font-size:24px;}
.pricingTable3 {
  margin: 0;
  z-index: 1;
  position: relative;
  padding: 25px;
  border-radius: 20px;
  box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.48);
  background: #fff;
  overflow: hidden;
}
.pricingTable3 .price-value .amount {
  display: inline-block;
  font-size: 50px;
  font-weight: 700
}
.pricingTable3 .price-value .month {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 10px;
  text-transform: uppercase
}
.pricingTable3 .title {
  font-weight: 600;
  color: #fff;
  position: relative;
  border-radius: 0 10px 0
}
.pricingTable3 .price-value {
  margin-bottom: 25px;
  color: #1daa72
}
.pricingTable3 .currency {
  display: inline-block;
  font-size: 30px;
  vertical-align: top;
  margin-top: 8px
}
.price-value3 .amount {
  display: inline-block;
  font-size: 50px;
  font-weight: 700
}
.price-value3 .month {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 10px;
  text-transform: uppercase
}
.pricingTable3 .pricing-content {
  padding: 0;
  margin: 0 0 25px;
  list-style: none;
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f
}
.pricingTable3 .pricing-content li {
  font-size: 17px;
  color: #8f8f8f;
  line-height: 55px
}
.btn_eff, .pricingTable3 .pricingTable-signup {
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #fff
}
.pricingTable3 .pricingTable-signup {
  padding: 10px 30px;
  background: #1daa72;
  font-size: 18px;
  font-weight: 600;
  transition: all .7s ease 0s
}
.pricingTable3 .pricingTable-signup:before {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0)0, #fff 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translate(0, 100%);
  transition: all .6s ease-in-out 0s
}
.pricingTable3 .pricingTable-signup:hover:before {
  opacity: 1;
  transform: translate(0, -100%)
}
.btn_eff:after, .pricingTable3.blue .pricingTable-signup, .pricingTable3.blue .title, .pricingTable3.blue:after {
  background: #228a42
}
.pricingTable3.blue .price-value {
  color: #49b0ca
}
.pricingTable3.pink .pricingTable-signup, .pricingTable3.pink .title, .pricingTable3.pink:after {
  background: #f06ace
}
.pricingTable3.pink .price-value {
  color: #f06ace
}
.pricingTable3.pink .title:after, .pricingTable3.pink .title:before {
  border-top: 15px solid #773667
}
.btn_eff {
  border: 0;
  text-align: center;
  cursor: pointer;
  outline: 0;
  font-size: 15px;
  background-color: #ec306e;
  padding: 10px 40px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
  border-radius: 40px
}
.btn_eff span, .carousel-caption h1, .carousel-caption h6, .carousel-caption p {
  position: relative;
  z-index: 1
}
.btn_eff:after {
  position: absolute;
  left: 30px;
  top: 0;
  height: 490%;
  width: 140%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg)
}
.btn_eff:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(3%) translateY(-25%) rotate(45deg)
}
.btn_eff .link {
  font-size: 20px;
  margin-top: 30px
}
.btn_eff .link a {
  color: #000;
  font-size: 25px
}
.btn_eff:hover {
  color: #fff;
  text-decoration: none
}
.highlight {
  background: #ec306e
}
.new::after {
  content: url(../images/newicon.png);
  margin-left: 5px;
  animation: blinker 1s linear infinite;
  color: var(--bs-yellow) !important
}
.carousel-caption h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 15px;
  display: inline-block
}
.carousel-caption h6:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  background: #f35c27;
  left: 0;
  top: 0
}
.carousel-caption {
  bottom: 10%;
  top: auto;
  width: 46%;
  padding: 15px
}
.carousel-caption:after {





  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  right: 0;
  filter: blur(20px);
  -webkit-filter: blur(20px);
  z-index: 0
}
.carousel-caption h1 {
  color: #fff;
  font-size: 40px;
  line-height: inherit;
  margin: 0;
  font-weight: 100
}
.carousel-caption p {
  color: #fff;
  font-size: 18px;
  line-height: 35px
}
.carousel-caption h1 b {
  font-weight: 600;
  font-size: 46px
}
.nav > li > a {
  padding: 13px 19px;
  text-transform: uppercase;
  font-weight: 700
}
.newwrap {
  background-color: #011947;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding:40px 0px;

  background-attachment: fixed
}
.sectionbg1 {
  background-image: url(../images/bg1.png); background-size: cover;
}
.ViewAll {
  padding: 10px 20px;
  text-align: right;
  background: #efefef;
  margin: 0 -25px -26px -25px;
}
.eventcard1 .card {
  border-radius: 10px 0 0 10px;
  margin-right: -10px;
  margin-top: 10px;
  border-right: 0 !important
}
.eventcard2 .card {
  border-radius: 0 10px 10px 0;
  margin-left: -10px;
  margin-top: 15px;
  border-left: 0 !important
}
.eventcard1 .card, .eventcard2 .card {
  border: 1px solid #e7e7e7
}
.newscard {
  box-shadow: 0 0 105px rgba(0, 0, 0, .14);
  background-color: #fff;
  border-radius: 10px;
  z-index: 1
}
.glance, .leader, .newscard {
  position: relative
}
.glance {

  padding: 10px 15px 15px;
  box-shadow: 0 0 105px rgba(0, 0, 0, .14);
  background-color: #fff;
  border-radius: 10px
}
.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
}
.news-section .card {
  min-height: 410px;
  background: #fffae6
}
 
.Schemes p, .dep-name h4 {
  color: #ff6a00
}
 
.depdiv {
  display: flex;
  align-content: space-between;
  align-items: stretch
}
.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
}
.HOVER img:hover, .depdiv:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1)
}
.HOVER img:hover, .brand-items li:hover img, .brand-items1 li:hover img, .depdiv:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(0%)
}
.depdiv .dep-name {
  text-align: left;
  padding-left: 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: #fff
}
.depdiv .dep-name a {
  color: #ffd40a;
  text-decoration: none
}
.Schemes p {
  padding: 6px 10px;
  border: 2px dashed #bdbdbd;
  border-radius: 30px;
  margin-top: 15px;
  border-bottom: 0
}
.Schemes ul {
  list-style: none;
  padding: 0;
  display: flow-root
}
.Schemes ul li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 1rem;
  width: 50%;
  float: left
}
.Schemes ul li span {
  font-size: 16px;
  font-weight: 700;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #fff;
  display: block;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background: #f23674;
  width: 30px;
  height: 30px
}
.bradcumb ul, .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-radius: 0 10px 0;
  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
}
.about-section {
  background-color: #2e2c64;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed
}
.univ-img {
  padding-right: 0;
  margin-top: -13px;
  z-index: 5;
  margin-bottom: -23px;
  position: relative
}
.service-link li > a:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  position: absolute;
  font-family: "Font Awesome 5 Free";
  width: 45px;
  height: 45px;
  border-radius: 40px 7px 12px 19px;
  left: 0;
  top: 1px;
  z-index: 5;
  text-align: center;
  font-size: 18px;
  padding: 8px;
  transition-duration: .3s;
  border: 2px solid #fff
}
.univ-img img {
  width: 112%;
  border-radius: 74px 0 0 74px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  z-index: 99999
}
.about-text {
  padding: 30px 60px 20px;
  animation: 5s infinite alternate mover;
  line-height: 25px
}
.about-text .title > h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px
}
.about-text p {
  color: #fff
}

.about-img {
  position: relative;
  min-height: 400px
}
.about-img .img-1, .about-img .img-2, .univ-img img {
  position: absolute
}
.about-img .img-1 {
  border-radius: 95px 5px;
  z-index: 2;
  right: -50px;
  top: -40px;
  border: 8px solid #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, .07)
}
.about-img .img-2 {
  border-radius: 50%;
  z-index: 3;
  left: -16px;
  bottom: -14px;
  border: 4px solid #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
  width: 250px;
  height: 250px;
  background-color: #fff
}
.about-img .shape-1, .about-img .shape-2 {
  width: 150px;
  height: 150px;
  z-index: 0;
  position: absolute;
  border: 1px dashed #061e4a;
  background-color: #fffae6
}
.about-img .shape-1 {
  border-radius: 37% 63% 73% 27%/30% 56% 44% 70%;
  bottom: 50px;
  right: 0
}
.about-img .shape-2 {
  border-radius: 50%;
  top: 15%;
  left: 0
}
.about-img .img-3 {
  z-index: 1;
  right: -50px;
  top: -40px;
  height: 123px;
  opacity: .6
}
.duenotice {
  border-radius: 3px;
  border: 1px solid #ccc
}
.duenotice .customtble tbody td .ndate, .duenotice .customtble tbody td .pdf-size {
  display: inline-block;
  font-size: 12px
}
.duenotice .customtble tbody td .ndate {
  padding: 0 10px;
  font-weight: 700;
  margin: 0
}
.customtble {
  width: 100%;
  border-collapse: collapse
}
.customtble th {
  padding: 8px;
  vertical-align: top;
  text-transform: uppercase
}
.customtble td {
  padding: 8px;
  vertical-align: top;
  border-bottom: 1px solid #eee
}
.customtble td > a {
  color: #000
}
.datediv {
  border-radius: 4px;
  background-color: #ec306e;
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 8px;
  font-size: .95em
}
.datediv span {
  display: block;
  text-transform: uppercase
}
.customtble thead {
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  border-bottom: 1px solid #ccc;
  display: block
}
.customtble thead > tr {
  display: table;
  width: 100%;
  background-color: #e9ecf7
}
.customtble > tbody > tr:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}
.customtble tbody, .duenotice .customtble tbody td > a {
  display: block
}
.customtble > tbody {
  overflow: auto;
  height: 379px
}
.dept {
  padding: 6px 6px 6px 10px;
  font-weight: 500;
  border-left: 1px solid #9f9f9f
}
.customtble > tbody, .table-responsive {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition-duration: .5s
}
.table-responsive:hover {
  scrollbar-color: rgba(0, 0, 0, .5) rgba(255, 255, 255, .5)
}
.min-height {
  min-height: 396px
}
.duenotice .btn-outline-danger {
  border-color: #011947;
  color: #011947;
  padding: 5px 10px;
  font-size: 13px;
  text-transform: uppercase
}
.duenotice .btn-outline-danger:hover, .service-link li a:hover::before {
  background-color: #011947;
  color: #fff
}
.dropdown-menu a.has-submenu::after, .dropdown-toggle::after {
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}
.dropdown-toggle::after {
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}
.dropdown-menu a.has-submenu::after {
  width: 0;
  height: 0;
  border-top: .3em solid transparent;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
  margin-top: 5px
}
.appdiv {
  padding: 15px;
  border: 1px dashed #ccc;
  border-radius: 5px
}
.appdiv p {
  font-size: 87%
}
.appdiv img {
  height: 45px;
  filter: inherit
}
.deptname {
  margin-top: 0px;
  padding-left: 9px;
}
.service-link {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  column-count: 5;
  column-gap: 20px
}
.service-link li {
  padding-bottom: 10px;
  position: relative
}
.service-link li > a {
  display: block;
  padding: 13px 14px 13px 53px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  font-weight: 600;
  border-radius: 50px 20px;
  position: relative;
  z-index: 0;
  background-color: #fff;
  border: 1px solid #b2c1dd;
  color: #011947
}
.service-link li a:hover, .service-link li > a:before {
  background-color: #ec306e;
  color: #fff
}

.btn-primary {
  background-color: #2e6da4
}
.btn-success {
  background-color: #008ea1
}
.btn-info {
  background-color: #46b8da
}
.glance .ViewAll {
  margin: 0 auto
}
.bradcumb-area {
  min-height: 180px;
  max-height: 180px;
  position: relative;
  background: url(../images/inner_page-2.jpg)top center no-repeat fixed
}
.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-color: rgba(0, 0, 0, .62);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.bradcumb {
  position: absolute;
  width: 100%;
  top: 44%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%
}
.bradcumb h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 1.9em
}
.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
}
.inner-section {
  background-color: #ebf5ff;
  background-image: url(../images/bg2.png)
}
.inner-wrap {
  box-shadow: 0 0 105px rgba(0, 0, 0, .14);
  background-color: #fff;
  border-radius: 10px;
  z-index: 1;
  padding: 20px;
  min-height: 300px;
}
.inner-wrap, .list, .list li {
  position: relative
}
.list {
  margin-bottom: 15px;
  list-style: none;
  padding: 0;
  z-index: -1
}
.list li {
  font-weight: 400;
  margin-bottom: 5px;
  padding-left: 30px;
  line-height: 1.8em
}
.list li .list li {
  padding-left: 20px
}
.list li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  color: #ec306e;
  font-size: 20px;
  font-family: "themify"
}
.list li ul li:before {
  font-size: 11px
}
.list li:last-child {
  margin-bottom: 0
}
.menuFxd {
  position: fixed;
  right: 0;
  left: 0;
  top: 33px;
  margin: 0 auto;
  z-index: 100;
  box-shadow: 0 0 30px rgba(0, 0, 0, .39)
}
.filter-section {
  background-color: #eee;
  border-radius: 4px;
  margin: 0 0 12px;
  border: 1px dashed #143993
}
.filter-box {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0
}
.filter-box td {
  padding: 10px;
  border: 0
}
.filter-box td label {
  display: block;
  color: #2f2f2f;
  font-weight: 400
}
.filter-box td .archive, .gridrow a, .sitemap ul li a, a.archive {
  color: #000;
  display: block
}
a.archive {
  position: relative;
  text-align: center;
  background: #ec306e;
  color: #fff;
  padding: 6px 15px;
  width: 100%;
  font-weight: 700;
  margin-top: 14px;
  border: 0;
  border-radius: 3px
}
.filter-box td input[type=text], .filter-box td select {
  display: block;
  min-width: 100px;
  height: 33px;
  max-width: 100%;
  border: 0 solid #ccc;
  width: 100%;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 1em;
  color: #000
}
.filter-box td .archive {
  padding: 7px 15px;
  width: 100%;
  border: 0;
  border-radius: 4px;
  margin-top: 3px
}
.filter-box td input[type=submit], .filter-box td input[value=Reset] {
  display: block;
  padding: 7px 15px;
  width: 100%;
  border: 0;
  color: #fff;
  border-radius: 4px
}
.filter-box td input[disabled=""], .filter-box td input[type=submit]:active, .filter-box td input[type=submit]:focus, .filter-box td input[value=Reset]:active, .filter-box td input[value=Reset]:focus {
  background-color: #208c40
}
.filter-box td input[type=submit]:hover {
  background-color: #0fb33f
}
.filter-box td input[value=Reset] {
  background-color: #143993
}
.filter-box td input[value=Reset]:hover {
  background-color: #0b72b0
}
a.archive:hover {
  background: #e81c5f;
  color: #fff
}
.doc-note {
  padding: 8px;
  font-size: 90%;
  color: #b30202;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #ecc1c1
}
.serial {
  counter-reset: Serial
}
.serial tr td:first-child:before {
  content: ""counter(Serial, decimal);
  counter-increment: Serial
}
.serial tr td:first-child, .serial tr th:first-child {
  text-align: center
}
.btn-xs {
  padding: 3px 7px;
  font-size: 12px
}
.btn-warning {
  color: #fff;
  background-color: #ee6125;
  border-color: #ee6125
}
.wc-data {
  background-color: #fff;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 0 105px rgba(0, 0, 0, .14)
}
.wc-data img {
  border-radius: 8px;
  margin-bottom: 15px
}
.wc-data h2, .wcbtn {
  text-transform: uppercase
}
.wc-data h2 {
  margin: 0 0 15px;
  line-height: 26px;
  color: #208c40
}
.wc-data .wcbtn {
  margin-top: 10px
}
.wcbtn {
  border-radius: 0;
  padding: 5px 8px
}
.dept .badge {
  padding: 2px;
  font-size: 11px;
  font-weight: 400;
  border-radius: 2px;
  margin: 0
}
.inner-wrap h1, .inner-wrap h4, .inner-wrap h5 {
  position: relative;
  margin-bottom: 20px
}
.inner-wrap h4 {
  color: #208c40
}
.inner-wrap h5:before {
  content: "";
  width: 3px;
  height: 15px;

  position: absolute;
  left: 0;
  top: 0
}
.inner-wrap .heading1:before, .inner-wrap h1:before, .inner-wrap h4:before {
  content: "";
  width: 150px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -9px
}
.inner-wrap h4::before {
  background: #208c40
}
.img-right {
  float: right;
  max-width: 350px;
  overflow: hidden;
  border-radius: 25px 96px;
  margin-left: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 25px rgba(0, 0, 0, .11);
  border: 6px solid #fff
}
.img-left img, .img-left2 img, .img-right img, .img-right2 img, .wc-data img {
  max-width: 100%
}
.img-left {
  float: left;
  border-radius: 80px 0 80px 0;
  margin-right: 20px;
  border: 8px solid #fff
}
.img-left, .img-left2, .img-right2 {
  max-width: 350px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 0 25px rgba(0, 0, 0, .11)

}
.img-right2 {
  float: right;
  margin-left: 20px;
  border: 6px solid #fff;
  z-index: 9 !important
}
.img-left2 {
  float: left;
  margin-right: 20px;
  border: 8px solid #fff
}
.inner-wrap h1 {
  color: #143993
}
.inner-wrap h1::before {
  background: #143993
}

.inner-wrap h5 {
  color: #a42bff;
  padding-left: 10px
}
.inner-wrap h5::before {
  background: #a42bff;
}
.list li ul li::before {
  color: #001a49
}
.inner-wrap ol {
  padding-left: 17px
}
.topFxd {
  position: fixed;
  right: 0;
  top: 0;
  margin: 0 auto;
  z-index: 100;
  padding: 8px 15px 8px 8px;
  background-color: rgba(4, 8, 74, 0.62);
  border-radius: 30px 0px 0px 30px;
}
.topFxd ul.pwdarea li > a{width:35px; height: 35px; line-height: 35px;}
 
.news-section {
  background-color:#fbfbfb;
  background-image: url(../images/bg2.png); background-size:80%; background-position: bottom center; background-repeat: no-repeat;
}
.news-section .section-title{ text-align: center; margin-bottom: 30px;}
.news-section .section-title h3{color:#233e7f;}
.news-section .section-title p{color:#000;}
.use-energix {
    position: relative;
    align-items: flex-start;
    margin-bottom:25px;
    padding-right: 20px;
}
.use-energix h6 {
    color: #666;
}
.use-energix i {
    background-color: white;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid #233e7f;
    position: relative;
    z-index: 1;
}
.use-energix-icon i:before {
    transform: rotate(100deg);
    width: 110px;
    height: 110px;
    position: absolute;
    background-color: white;

    content: "";
    border-radius: 64%;
    z-index: -15;
    border: 8px solid #df5a0a;
    clip-path: inset(50% 0 0 50%);
}
.use-energix:hover .use-energix-icon i:before{
    transform: rotate(466deg);
}
.use-energix-icon i::before {
  transition: .7s ease-in-out;
}
.use-energix-icon {
    position: relative;
    margin-right: 20px;
}
.use-energix-icon svg{fill:#233e7f; width: 50px; height: 50px;}
.use-energix h4 {
    font-size:1.4em;;
    font-weight: bold;
    padding-bottom:0px; color:#df5a0a;
}
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
.d-sm-flex {display:flex; background: #191982;
background: linear-gradient(90deg,rgba(25, 25, 130, 1) 33%, rgba(20, 186, 219, 1) 100%); border-radius: 15px;}
.d-sm-flex .call-for{ width: 45%; padding:25px; text-align: center; border-radius: 15px; font-size: 1.2em; font-weight:600;}
.d-sm-flex .call-for p{ margin-bottom: 5px; color:rgba(255,255,255,.7);}
.d-sm-flex .call-for a{color:#fff; text-decoration: none;}
.d-sm-flex .call-for.mail-for{ background-color:#fff; width: 55%; box-shadow: 0px 0px 25px rgba(0,0,0,.2);}
.d-sm-flex .call-for.mail-for p{color:rgba(0,0,0,.7);}
.d-sm-flex .call-for.mail-for a{color:#000; text-decoration: none;}
.posterimage{ margin-bottom: 15px; position: relative; overflow: hidden; border-radius: 15px;}
.posterimage img{ max-width: 100%; position: relative; margin-top: -30px;}
.posterimage video{width: 100%; position: relative; background-color: #000; margin: 0px auto;}
.wedothumb .wedobox {
  background-color: #0d7082;
  padding: 20px;
  position: relative;
  border-radius: 25px;
  min-height: 437px;
	
}
.whatwedo {
background: linear-gradient(0deg,rgb(202, 222, 232) 0%, rgba(247, 253, 245, 1) 39%, rgba(255, 255, 255, 1) 100%); 
    padding: 40px 0px 10px 0px; position: relative;
}
.whatwedo .section-title{ text-align: center; margin-bottom:30px;}
.whatwedo .section-title h3{color:#233e7f;font-size:24px;}
.whatwedo .section-title p{color:#000;}
.wedothumb{list-style: none; margin: 50px 0px 0px 0px; padding: 0px; display: flex; flex-wrap: wrap;  overflow: hidden;}
.wedothumb li {box-sizing: border-box; padding: 15px;} 
.wedothumb li .wedobox h4{ font-size: 1.3em; color:#fff;}
.wedothumb li .wedobox p{color:#fff;}
.wedothumb li .wedobox .serviceicon{width:150px; height:150px; background-color: #fff; margin: -58px auto 20px auto; border-radius: 50%; overflow: hidden; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); position: relative;padding: 24px;} 
.wedothumb li .wedobox .serviceicon video{width:100%; position: relative}

.Important{ position:relative; padding: 30px 0px;}
.Important .sectiontitle{ text-align: center;}
.Important .sectiontitle h3{color:#233e7f;}
.Important .sectiontitle p{color:#000;}
.text-right{ text-align: end;}
/*==========accessibility Css ============*/
.accessbility{background-color:#1ea3aa !important;}
.accessibilitypopup{width:300px;}
.accessibilitypopup .offcanvas-header{background-color:#0a8993; padding: 8px 15px; }
.accessibilitypopup .offcanvas-header h5{color:#fff;}
.accessibilitypopup .offcanvas-header button{background-color:#fff;}
.accessibilitypopup .offcanvas-body{ background-color: #eee;}
.accessibility-tools{ display: flex; flex-wrap: wrap;}
.accessibility-tools > div { box-sizing: border-box; padding: 5px; width: 50%;}
.accessibility-tools > div button{display: block; border: 0px;  width: 100%; background-color: #fff; border-radius: 5px; padding: 5px; border:0px; min-height:80px; line-height: inherit; transition-duration: .3s; font-size:0.85em;}
.accessibility-tools > div button:hover{ background-color:#0a8993; color:#fff;}

.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============*/

/*inner page css*/

.inheading h2 {
  font-size: 2.2em;
  display: inline-block;
  padding: 10px 0;
  margin: 0;
    margin-top: 0px;
  width: 630px;
}

  .inheading {
  overflow: hidden;
  background-color: #192138;
  background-image: url("../images/inner-bg1.jpg");
  min-height: 210px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  /*! background-size: cover; */
}

.inheading, .inheading .in-bner-image {
  position: relative;
}
.inheading .container {
position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 100%;
  /*! background-color: rgba(0, 0, 0, .55); */
  box-sizing: unset;
padding: 20px 79px;
}
.inheading .container h2 {
  color: #25146d;
  font-weight: 500;
  text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.09);
  margin-top: 46px;
}
.breadcrumb a {
  color: #9f9f9f !important;
  font-size: 14px;
  text-decoration: none;
}
.breed-crum-div {
  font-size: 1em;
}

.contentarea {
  padding: 35px 0%;
  background-image: url("../images/sprinkals-2.png");
  background-repeat: no-repeat;
  
  background-color: #f1f1f1;
}
/*immer apge css*/



/* ------------ CARD WRAPPER ------------ */
.incontent {
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);

    font-family: Arial, sans-serif;
    color: #222;
    font-size: 16px;
    line-height: 1.6;
}

/* ------------ HEADINGS ------------ */
.incontent h3,
.incontent h4 {
    color: #0b1220;
    margin: 18px 0 10px;
    font-weight: 600;
}

.incontent h3 { font-size: 22px; }
.incontent h4 { font-size: 18px; }

/* ------------ PARAGRAPH ------------ */
.incontent p {
margin: 0 0 14px;
  color: #444;
  /*! font-size: 14px; */
  text-align: justify;
}

/* ------------ LINKS ------------ */

.incontent a:hover {
    text-decoration: underline;
}

/* ------------ LISTS ------------ */
.incontent ul,
.incontent ol {
    margin: 0 0 15px 22px;
}

.incontent li {
    margin: 6px 0;
}

/* ------------ IMAGES ------------ */
.incontent img.page-img {
    max-width: 100%;
    border-radius: 8px;
    margin: 15px 0;
    display: block;
	border: 4px solid #eeecec;
	padding: 8px;
}

/* ------------ BLOCKQUOTE ------------ */
.incontent blockquote {
    border-left: 4px solid #0b63d6;
    background: #f5f8ff;
    padding: 10px 15px;
    margin: 18px 0;
    border-radius: 6px;
    color: #444;
}

/* ------------ TABLE ------------ */
.incontent table {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0;
    border-radius: 6px;
    overflow: hidden;
}

.incontent table th,
.incontent table td {
    padding: 10px 12px;
    border: 1px solid #e4e4e4;
}

.incontent table th {
    background: #f6f6f6;
    font-weight: bold;
}

/* ------------ BREADCRUMBS ------------ */
.incontent .breadcrumbs {
    font-size: 14px;
    margin-bottom: 15px;
    color: #777;
}

.incontent .breadcrumbs a {
    color: #0b63d6;
    text-decoration: none;
}

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

.incontent .breadcrumbs span {
    color: #aaa;
    margin: 0 5px;
}

/* ------------ HR ------------ */
.incontent hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 22px 0;
}

	
	.incontent h4 {
    font-size: 20px;
    font-weight: 600;
    color: #2e3d35;
    padding: 10px 15px;
 
    border-left: 4px solid #6dd8a6;
    border-radius: 6px;
    margin: 20px 0 12px;
	background-image: linear-gradient(120deg, #edfff3 20%, #8fd3f400 100%);
}
	
.lsit li {
    margin-bottom: 8px;
    font-size: 16px;
}
.fa-ul > li {
    position: relative;
	
}
.fa-li::before {
color:#ec740a;
}

.timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 3px solid #22c55e; /* Green timeline line */
    padding-left: 25px;
}

.timeline li {
    position: relative;
    margin-bottom: 22px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.timeline li span {
    font-weight: 700;
    color: #0e7490; /* Dark teal for year */
    margin-right: 4px;
}

.timeline li::before {
    content: "\f111"; /* FontAwesome circle */
    font-family: FontAwesome;
    position: absolute;
    left: -12px;
    top: 4px;
    font-size: 10px;
    color: #22c55e; /* Green dot */
    background: #fff;
}

.sublist {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    border-left: 2px dashed #94a3b8;
}

.sublist li {
    font-size: 15px;
    margin-bottom: 6px;
}

.sublist li span {
    font-weight: 600;
}


.three-box-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin: 40px 0;
}

.three-box-section .box {
    padding: 25px;

    border-radius: 16px;
    color: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    transition: transform .3s ease, box-shadow .3s ease;
}

.three-box-section .box:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.18);
}

.three-box-section .box h3 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}

.three-box-section .box p {
    margin: 0;
    font-size: 15px;
    opacity: 0.95;
}

.three-box-section {
    display: flex;
    gap: 20px;
    margin: 30px 0;
}

.box {
    flex: 1;
    padding: 25px;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: 0.3s ease;
}

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

/* ===== Color Classes ===== */
.box-green {
    background: linear-gradient(135deg, #077731, #16a34a);
}

.box-yellow {
    background: linear-gradient(135deg, #facc15, #b38b0f);
}

.box-blue {
    background: linear-gradient(135deg, #0b50c1, #2563eb);
}
.box h5{color:#fff;}
.box img{ border:0px solid #fff;
}
.float-anim {
    animation: floatImage 3s ease-in-out infinite;
    display: block;
    margin-bottom: 15px;
}

@keyframes floatImage {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
  .incontent h5{
font-family: "Poppins", sans-serif;
font-size: 18px;
margin-top: 20px;

font-weight: 600;
}

/* Owl Nav Wrapper */
.owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Nav Buttons */
.owl-nav button {
  pointer-events: all;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  font-size: 25px;
  line-height: 28px;
  border: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
}

/* Hover Effect */
.owl-nav button:hover {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  transform: scale(1.1);
}

/* Left / Right Position */
.owl-nav .owl-prev {
  margin-left: 0px;
}

.owl-nav .owl-next {
  margin-right: 2px;
}

/* Remove Default Focus */
.owl-nav button:focus {
  outline: none;
}

/* Dots wrapper */
.owl-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 25px;
	margin: 0 auto;
	
}

/* Hide default button styles */
.owl-dots .owl-dot {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

/* Dot base */
.owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cbd5e1;
  transition: all 0.35s ease;
}

/* Active dot → pill shape */
.owl-dots .owl-dot.active span {
  width: 28px;
  border-radius: 20px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

/* Hover effect */
.owl-dots .owl-dot:hover span {
  background: #22c55e;
}

/* Focus fix */
.owl-dots .owl-dot:focus {
  outline: none;
}



.owl-dots .owl-dot span {
  width: 26px;
  height: 3px;
  background: #cbd5e1;
  border-radius: 3px;
}

.owl-dots .owl-dot.active span {
  background: #22c55e;
}


.owl-stage-outer{overflow: hidden;}


.serviceicon img {
  width: 80px;
  animation: floatIcon 3.5s ease-in-out infinite;
  position: relative;
  top: 13px;
  width: 88%;
}

@keyframes floatIcon {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}


.btn-rounded {
  border-radius: 50px;             /* fully rounded */
  padding: 10px 26px;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* Hover Effect */
.btn-success.btn-rounded:hover {
  background-color: #157347;       /* darker green */
  border-color: #146c43;
  transform: translateY(-2px);     /* lift effect */
  box-shadow: 0 8px 18px rgba(25, 135, 84, 0.35);
}/* ===== Custom Card Extension ===== */

.custom-card {
  border: none;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease;
  overflow: hidden;
  position: relative;
  padding: 20px 15px;
	text-align: center;
}

/* Hover effect */
.custom-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);
}
.dropdown-menu > li > a{
	
	    font-family: Oswald, sans-serif;
}
/* Card body spacing */
.custom-card .card-body {
  padding: 1.6rem;
}

/* Title */
.custom-card .card-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.6rem;
}

/* Text */
.custom-card .card-text {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.6;
}

/* Accent border (top line) */
.custom-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #91f59d, #61b161);
}

/* Button refine */
.custom-card .btn {
  border-radius: 30px;
  padding: 0.35rem 1.1rem;
  font-size: 0.85rem;
}

.footer-link h5{font-size:20px;
}

/* Gallery reset */
.newgallery {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.newgallery li {
    width: 300px;
}

/* Link wrapper */
.newgallery li a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Image */
.newgallery li img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

/* Hover zoom image */
.newgallery li a:hover img {
    transform: scale(1.1);
}

/* Overlay */
.newgallery .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.8),
        rgba(0,0,0,0.2)
    );
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.4s ease;
}

/* Show overlay on hover */
.newgallery li a:hover .overlay {
    opacity: 1;
}

/* Caption text */
.newgallery .data-content {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    transform: translateY(15px);
    transition: all 0.4s ease;
}

/* Button text */
.newgallery .view-page {
    color: #ffd700;
    font-size: 14px;
    letter-spacing: 0.5px;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

/* Animate text */
.newgallery li a:hover .data-content,
.newgallery li a:hover .view-page {
    transform: translateY(0);
}

/* Bottom title */
.newgallery .def-head {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}
/* Gallery Grid */
.gallery {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Tablet */
@media (max-width: 992px) {
    .gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .gallery {
        grid-template-columns: 1fr;
    }
}

/* Grid Item */
.grid-square {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

/* Make full area clickable */
.grid-square a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Image */
.grid-square img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

/* Hover effect */
.grid-square:hover img {
    transform: scale(1.08);
}

/* Click overlay */
.grid-square::after {
    content: "Click to View";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* Show overlay on hover */
.grid-square:hover::after {
    opacity: 1;
}
#voiceButton{
			background: none;
    border: 0px;
    color: #fff;
    position: absolute;
    right: 0px;
    color: #000;
		}
		.serc-header input{
			    border: 0px;
    border-radius: 30px;
    width: 224px;
    padding: 6px 15px;
    margin-top: 10px;
			
			
		}
		#voiceButton{  
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    
    border-radius: 50%;
    transition-duration: .3s;
    
		}
		#searchInput {
   
    opacity: 1;
    
    border: 1px solid #ccc;
    transition: all 0.4s ease;
	padding: 10px;
    margin-top: 0px;
}

.serc-header.show #searchInput {
    width: 200px;
    opacity: 1;
    padding: 10px;
	margin-top: 0px;
}
.serc-header{Position:relative;
}
input#searchInput {
    color: #b2adad;
    font-size: 13px;
    font-weight: normal;
}