@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

.language_btn {
  border: none;
  outline: none;
  background: #0b1127;
  border-radius: 0;
  color: #fff;
  padding: 0.5rem 0.5rem;
  margin: 0 0.3rem;
  font-weight: bold;
  transition: 0.6s all;
  font-size: 1.1rem;
}

.language_btn:hover, .language_btn:focus, .language_btn:active {
  color: #fff;
  outline: none !important;
}

.dev-lan li {
 float: none !important;
 color: #000;
}

.dev-lan li a{
  color: #000 !important;
  padding: 0px 5px  !important;
}

.dev-lan li a:hover{
  color: #8ac125!important;
}

* {
  margin: 0; 
  padding: 0;
}

body {
  font-size: 1.4rem; 
  color: #555555;
  font-family: 'Roboto', sans-serif, Calibri, Arial, Verdana;
  overflow-x: hidden;
  font-weight: normal;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}

#wrapper {
  width: auto;
  height: auto;
  /*overflow: hidden;*/
}

a, a:hover, a:active, a:focus {
  text-decoration: none;
  color: #555555;
}

ul {
  list-style: none;
  margin: 0;
}

/*----- start header 1 -----*/
.header1 {
  background-color: #037ec4;
  line-height: 3.5rem;
  border-bottom: 4px solid #8ac125;
  box-shadow: 0 5px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.header1 li {
  float: right;
}

.header1 li a {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin-left: 13px;
}

.dev-header-first li a {
  color: #fff;
  transition: 0.5s all;
}

.dev-header-first li a:before {
  padding: 0 1rem;
  content: "\007C";
  font-weight: bold;
}

.dev-header-first li:nth-child(1) a:before {
  content: none;
}

.dev-header-first li a:hover {
  color: #8ac125;
}

.dev-themesize {
  float: right;
}

.dev-themesize li a { 
  padding: 0.5rem 0.5rem;
  border: 1px solid #fff;
  background: #fff;
  margin: 0 0.3rem;
  font-weight: bold;
  transition: 0.6s all;
}

.dev-themesize li a:hover {
  color: #8ac125;
}

.dev-blacktheme {
  background-color: #8ac125 !important;
  border-color: #8ac125 !important;
  color: #fff !important;
}

.dev-themesize li:nth-child(1) a, .dev-themesize li:nth-child(2) a  {
  background-color: unset;
  border: none;
  color: #fff;
}

.ashoka {
  float: right;
  width: 84px;
  padding: 12px 0;
}

.dev-themesize input[type=text]:focus {
  width: 100%;
  color: #fff;
  padding: 0px 0px 0px 40px;
  outline: none !important;
}

.dev-themesize input[type=text] {
  width: 0px;
  box-sizing: border-box;
  border: none !important;
  background-color: rgba(0,0,0,0.4);
  background-image: url(../../../Website/HomeDepartmentHaryana/Images/searchicon1_749c9799_7d61_4765_912b_03a9b667968f.html);
  background-position: 6px 9px;
  background-repeat: no-repeat;
  padding: 0px 20px 0px 15px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  margin: 0 0.3rem;
}

.devlogo img {
  float: left;
}

.logo-heading {
  font-size: 1.4em;
  line-height: 26px;
  float: left;
  padding: 22px 10px;
  font-weight: bold;
  display: block;
  color: #8ac125;
}

/*----- end header 1 -----*/

/*----- start fixed header -----*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

#navbar {
  z-index: 999;
}
/*----- end fixed header -----*/

.logo-section {
  padding: 1rem 0;
}

/*-------------------- start menu bar ---------------------*/
.dev-menu {
  background-color: #037ec4;
  border-bottom: 1px solid #fff;
}

.navbar-inverse {
 background-color: #037ec4;
 border: none;
}

.navbar {
 margin: 0;
}

.navbar-collapse {
 padding: 0;
}

.navbar-nav>li:hover {
 background-color: #8ac125;
}

.navbar-inverse .navbar-nav>.active>a {
 color: #fff;
 background-color: #8ac125;
 font-size: 1.3rem;
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:active,
.navbar-inverse .navbar-nav>.active>a:focus {
 color: #fff;
 background-color: #8ac125;
}

.navbar-inverse .navbar-nav>li>a {
 color: #fff;
 text-transform: uppercase; 
 font-size: 1.3rem;
 padding: 15px 45px;
 font-weight: bold;
}

.navbar-brand {
 display: none;
}

.nav>li>a {
 padding: 1.5rem 1.5rem;

}

/*------- start drop down --------- */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 200px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
  box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
  z-index: 1;
}

/* Animation */

@keyframes fadeInUp {
  from {
    transform: translate3d(0,20px,0);
  }

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

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0,20px,0);
  }

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

.animated {
  animation-duration: 0.6s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

.animatedFadeInLeft {
  opacity: 0;
}

@-webkit-keyframes fadeInLeft {
  from {
   opacity: 0;
   -webkit-transform: translateX(-20px);
 }
 to {
   opacity: 1;
   -webkit-transform: translateX(0);
 }
}

@keyframes fadeInLeft {
  from {
   opacity: 0;
   transform: translateX(-20px);
 }
 to {
   opacity: 1;
   transform: translateX(0);
 }
}

.fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 opacity: 0;
}
/*------- end drop down --------- */
/*------------------- end menu bar ------------------------------ */

/*------- start slider ------ */
/*.carousel-inner .item img {
  width: 100%;
  height: 580px;
}*/
/*------- end slider -------*/

/*------- start about us -------*/
.dev-about {
 padding: 5em 0 5em 0;
 box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.about_more {
 padding: 4px 30px;
 background: #037ec4;
 font-size: 1em;
 color: #fff;
 border: none;
 border-radius: 30px;
 text-transform: uppercase;
 letter-spacing: 1px;
 box-shadow: 0 8px 6px -6px #6f6d6d;
 float: right;
 transition: 1s all;
}

.about_more:hover, .about_more:active {
  background: #8ac125;
  color: #fff !important;
}

.dev-about img {
  height: 334px;
  border: 2px solid #ccc;
  padding: 5px;
  box-shadow: 0 8px 6px -6px #6f6d6d !important;
}

.dev-about h4 {
 text-transform: initial;
 letter-spacing: 3px;
 margin: 0;
 font-weight: bold;
 font-size: 35px;
 color: #000;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

.dev-about h3 strong{
  font-family: initial;
  font-size: 18px;
  letter-spacing: 3px;
  color: #545454;
  text-decoration: underline;
  text-transform: capitalize;
  font-style: italic;
}

.dev-about h3 {
  color: #000;
  line-height: 35px;
  margin-top: 10px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
} 

.dev-about .dev-content {
  text-align: justify;
  line-height: 2.2em;
}

.about-read {
  background-color: #e15d07;
  padding: 1rem 3rem;
  color: #fff;
  float: left;
  margin-top: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 25px;
  border-color: #e15d07;
  transition: 1s all;
}

.about-read:hover, .about-read:focus, .about-read:active {
  background-color: #0262b6;
  color: #fff;
  outline: none;
}


/*------- end about us -------*/

/*------------ start related link ---------*/
.dev-parallax {
 background: url(../images/best-bg.jpg) fixed center;
 background-size: cover;
}

.dev-parallax-bg {
  background: rgba(4, 9, 25, 0.8);
  padding: 3em 0;
  color: #fff;
  box-shadow: inset 0px 0px 12px 6px rgba(0, 0, 0, 0.1);
}

.agile_heading {
  color: #000;
  text-transform: uppercase;
  margin: 0px 0 33px 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

.agile_heading span {
  color: #037ec4;
}

h3.agile_heading:before {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 41px;
  width: 250px;
  left: auto;
  height: 2px;
  background-color: #037ec4;
}

h3.agile_heading:after {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  left: auto;
  top: 35px;
  width: 115px;
  height: 6px;
  background-color: #037ec4;
}

.dev-order-heading {
  color: #fff;
  text-transform: uppercase;
  margin: 15px 0 40px 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

h3.dev-order-heading:before {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 61px;
  width: 250px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #fff;
}

h3.dev-order-heading:after {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 55px;
  width: 115px;
  height: 6px;
  background-color: #fff;
}

.pt-5 {
  padding: 1em 0;
}

.dev-order {
  padding: 5rem 0;
}

.dev-order ul li {
  line-height: 3.2rem;
}

.dev-order ul li a {
  color: #000;
  font-weight: bold;
  text-transform: capitalize;
  transition: 0.6s all;
}

.dev-order ul li a:hover {
  color: #8ac125;
}

.dev-hexa {
  display: table;
  cursor: pointer;
  width: 100%;
  transition: all 0.5s ease-in-out; 
}

.dev-hexa:hover {
  transform: translateY(-7px);
}

.dev-hexa:hover h5 a{
  color: #8ac125;
}

.dev-hexa:hover .ulb-icon{
  color: #8ac125;
}

.box-area {
  background: #FFF;
  padding: 15px 8px 15px;
  min-height: 98px;
  border: 1px solid #eee;
}

.ulb-icon {
  display: table-cell;
  font-size: 35px;
  font-weight: bold;
  color: #037ec4;
  vertical-align: middle;
  padding: 0 15px;
   transition: all 0.5s ease-in-out; 
}

.ulb-service-content {
  display: table-cell;
}

.box-area h5 {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}

.ulb-service-content h5 {
  margin: 5px 0 0 0;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}

.ulb-service-content h5 a {
  color: #000;
  transition: all 0.5s ease-in-out;
}

.ulb-service-content h6 {
  margin: 8px 0 0 0;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}


.ulb-service-content h6 a {
  color: #777;
}
/*------------ end related link ----------*/

/*------------------- start important link ---------------------------*/
.dev-imp-block {
  border: 1px solid #e6e6e6;
  padding: 6px 6px 20px 6px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.dev-imp-block h5 {
  color: #8ac125;
  line-height: 2rem;
}

.dev-imp-block span {
  color: #909090;
  font-size: 12px;
}

.dev-imp-block p { 
  text-align: justify;
  padding: 10px 0;
}

.upcoming-events {
  min-height: 306px;
}

.dev-imp {
  padding: 5rem 0;
}

.event-con {
  line-height: 2.2em;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: right;
}

.owl-carousel .owl-item img {
  height: 130px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  margin: 3px;
  padding: 0px 8px;
  background: #8ac125;
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
}

.agile_heading-m2 {
 color: #000;
 text-transform: uppercase;
 margin: 15px 0 40px 0;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

.agile_heading-m2 span {
  color: #8ac125;
}

h3.agile_heading-m2:before {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 68px;
  width: 250px;
  left: auto;
  height: 2px;
  background-color: #8ac125;
}

h3.agile_heading-m2:after {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  left: auto;
  top: 62px;
  width: 115px;
  height: 6px;
  background-color: #8ac125;
}

/**----- start tab ----**/
.tab {
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-bottom-color: #8ac125;
  background-color: transparent;
  display: flex;
  justify-content: center;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  text-align: center;
  transition: 0.3s;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 13px;
  text-transform: uppercase;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fff;
  color: #000;
  transition: 0.5s all;
}

/* Create an active/current tablink class */
.tab button.active {
 background-color: #8ac125;
 color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px 13px;
  border: 1px solid #e6e6e6;
  border-top: none;
  min-height: 343px;
}

.upcoming-events>li {
  display: table;
  margin: 0 0 13px 0;
}

.upcoming-events .event-content {
  vertical-align: top;
  transition: 0.6s all;
}

.upcoming-events .event-content a:hover {
  color: #8ac125;
  transition: 0.6s all;
}

.upcoming-events .event-content h6 {
  font-weight: normal;
  font-size: 14px;
  margin: 0 0 4px 0;
  display: table-cell;
}

.event-content .fa {
  color: #8ac125;
  font-weight: bold;
  display: table-cell;
  padding-right: 8px;
}

.event-content span .fa {
  color: red;
  font-weight: bold;
  display: table-cell;
  padding-left: 8px;
}

.event-content span {
  display: table;
  text-transform: lowercase;
  margin-top: 3px;
  font-size: 12px;
}
.readmore {
  color: #ffffff;
  border-radius: 30px;
  background: #040919;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 15px;
  transition: 0.8s all;
}

.readmore:hover, .readmore:active, .readmore:focus {
  color: #ffffff;
  background: #8ac125;
}
/**------- end tab --------**/
/*--------------------- end important link -------------------------*/

/*-------- start footer ------*/
.footer_top_agileits {
  background: #141415;
  padding: 2em 0;
}

.footer_top_agileits h3 {
  font-size: 1.4em;
  color: #fff;
  position: relative;
  margin-bottom: 1.5em;
  font-weight: 600;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.footer_top_agileits p {
  color: #8b8b96;
  line-height: 2em;
  margin-bottom: 2em;
}

.footer_top_agileits li, .address li {
  display: block;
  margin-bottom: 1em;
}

.footer_grid_list li i{
  color: #fff;
  padding-right: 1em;
}

.footer_grid_list li a, .address li, .address li a {
  color: #8b8b96;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing: 1px;  
  transition: 0.8s all;
}

.footer_grid_list li a:hover, .address li:hover, .address li a:hover {
  color: #fff;
}

.address li i {
 color: #fff;
 width: 32px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 border: 1px solid #4b4b50;
 display: table-cell;
 vertical-align: top;
}

.address li span {
  letter-spacing: 1px;
  font-size: 0.9em;
  display: table-cell;
  padding-left: 1.5em;
  vertical-align: top;
}

.last-updated-text {
  color: #8ac125  !important;
  margin: 0 !important;
}

.footer_w3ls {
  background: #0f0f10;
  padding: 1em 0;
}

.footer_w3ls p {
  color: #999;
  margin: 0;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.text-right {
  text-align: right;
}

.social li {
  display: inline-block;
}

.mx-2 {
  margin: 0 0.6rem !important;
}

.social li a {
  color: #999;
  transition: 0.8s all;
}

.social li a:hover {
  color: #fff;
}
/*------------ end footer ----------*/

/*------ start bottom to top -----*/
.elevator {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  width: 48px;
  height: 48px;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  visibility: hidden;
  background: #8ac125;
  background-image: none;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  opacity: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.elevator.elevator-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index: 999;
}
.elevator .fa {
  position: relative;
  top: 12.5px;
  left: 14.5px;
  padding: 0;
  margin: 0;
  font-size: 20px;
  color: white;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.elevator:hover {
  background: rgb(138, 193, 37);
}
.elevator:hover .fa {
  top: 5px;
  color: white;
}
/*------ end bottom to top -----*/

/*-------------------start Notification--------------------*/
.dev-notifiy {
  background: url(../images/bg.html) no-repeat center;
  background-size: cover;
} 

.dev-notifiy-bg {
  background-color: rgba(256,256,256,0.7);
  padding: 3em 0;
  box-shadow: inset 0px 0px 12px 6px rgba(0, 0, 0, 0.1);
}

.dev-notifiy-heading {
  color: #000;
  text-transform: uppercase;
  margin: 15px 0 40px 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

h3.dev-notifiy-heading:before {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 61px;
  width: 250px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #8ac125;
}

h3.dev-notifiy-heading:after {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 55px;
  width: 115px;
  height: 6px;
  background-color: #8ac125;
}

.text-center .icons {
 line-height: 60px;
 width: 60px;
 height: 60px;
 color: #fff;
 font-size: 25px;
 text-align: center;
 border-radius: 50%;
 -ms-border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 display: inline-table;
 border: 1px solid #FFFFFF;
 background: #8ac125;
 box-shadow: 0px 3px 0px #fff;
}

.box-area-m2 {
  background: #fff;
  color: #555555;
  border: 1px solid #e6e6e6;
  margin-top: -29px;
  text-align: center;
  border-radius: 5px;
  padding: 18px;
  transition: all 0.6s ease-in-out;
}

.box-area-m2:hover {
  box-shadow: 0 10px 35px 0 rgba(6, 12, 34, 0.2);
}

.box-area-m2:hover h5 {
  color: #8ac125;
  transition: all 0.6s ease-in-out;
}

.box-area-m2 p {
  margin-bottom: 0;
  color: #777;
  font-size: 13px;
}

.box-area-m2 h5 {
  margin: 25px 0 20px 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
}
/*-------------------end Notification-----------------------*/

/*Card*/
.card:hover {
  background-color: #000;
  color: #fff;
  box-shadow: 8px 10px 10px 3px grey;
}
/*End*/

/*------------------- start minister-----------------------*/
.bg-img {
  background-image: url(../images/sh.html);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 0 0 25px 0;
  color: #fff;
  position: absolute;
  top: -94px;
  left: 50px;
  right: 50px;
}

#search_form {
  background: #040919;
  padding: 15px 0;
  box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.cm-msg {
  background-color: #fff;
}

.cm-block {
  float: left;
  margin-right: 30px;
  border: 3px solid;
  border-color: rgba(256,256,256,0.5);
  height: 154px;
}

.msg-heading {
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 6px;
  font-size: 15px;
  color: #f29564;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.msg-cm {
  font-size: 13px;
  color: #3a3a3a;
}

.cmmsg-bt {
  background-color: #040919;
  color: #fff !important;
  line-height: 40px;
  padding: 4px 10px;
  text-transform: uppercase;
  border-radius: 4px;
  box-shadow: 0 8px 6px -6px #6f6d6d;
}

#search_form ul li {
  letter-spacing: 1px;
  font-size: 0.9em;
}
/*------------------- end minister-----------------------*/
.hr-dev {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}

.hr-dev:hover, .hr-dev:active, .hr-dev:focus {
  color: #fff;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border-radius: 0;
}

.rigtharrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  float: right;
  margin-top: 5px;
}

.dropdown-menu {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.dropdown-menu>li>a {
 color: black;
 white-space: unset;
 padding: 12px 16px;
 text-decoration: none;
 display: block;
 font-weight: 600;
 border-bottom: 1px solid #ddd;
 transition: 0.6s all;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #8ac125;
}

.dropdown-submenu {
  position: relative;
}

.dev-sub li:hover > ul {
  display: block;
}

.rigtharrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  float: right;
  margin-top: 5px;
}

.navbar-inverse .navbar-toggle {
  border-color: #fff;
}

.footer-top {
  background: #fff;
  padding: 5rem 0;
}

/* FAQ */
.faq-block h2{
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 20px;
  font-weight: bold;
  font-size: 35px;
  color: #000;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}
.faq-block .panel-heading {
  background-color: #000!important;
  color: #fff !important;
  border-color: #000 !important; 
}
.faq-block .glyphicon {
  float: right;
  color: #fff;
}
/*End FAQ*/

/*Banner*/
.opacity_banner {
  background-image: url(../images/business-banner-800x167.jpg);
  background-position: 0% 9%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 177px;
}
.opacity_overlay {
  top: 0;
  background-color: #000;
  opacity: 0.8;
  height: 177px;
}
.opacity_overlay h1 {
  margin-top: 40px;
  color: #fff;
  text-align: center;
  margin: 4% 0;
  font-size: 46px;
}
/*End*/

/*Mission*/
#about-wrap2 {
  width: 100%;
  margin: 0 0 60px 0;
  background: #2196f3;
  padding: 40px 0;
  text-align: center;
}

#about-wrap2 h2 {
  color: #fff;
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
}
#about-wrap2 p {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 0 0;
}
/*end*/

/*slick*/
.slide-img img {
    height: 110px;
    width: 97%;
  padding: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d6eaff;
    overflow: hidden;
    background: #fff;
    transition: all 0.4s ease-in-out;
}

/*end*/

/*Contact form*/

.section-content {
  text-align: center;
}
.research {
  color: #fff;
  font-size: 32px;
}
.submit-txt {
  font-size: 16px;
  margin-top: 13px;
  color: #e0e0e0;
  margin-bottom: 30px;
}
.btn-style {
  background: #8ac125;
  color: #fff;
}
/*End form*/

/*Contact Info*/
.section-header {
    margin-top: 0;
}

#contact .icon {
margin: 20px 0;
padding: 20px 0;
}

#contact .icon i {
    font-size: 42px;
    display: inline-block;
    margin-bottom: 10px;
    color: #1070a7;
}

#contact h2 {
    font-size: 19px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #112363;
    margin-top: 0;
}

#contact p {
    margin-bottom: 0;
    color: #112363;
    font-size: 15px;
}

#contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#contact .form button[type="submit"] {
    background: #037ec4;
    border: 0 !important;
    padding: 10px 40px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 500;
    transition: 0.4s;
    border-radius: 50px;
    cursor: pointer;
    outline: unset !important;
}

#contact .form button:hover {
    background: #8ac125;
    color: #fff !important;
}
#contact .form-control {
    border: unset;
}
/*End Info*/

/**---------- start inner page ---------- **/
h3.inner_heading-m2 {
  color: #000;
  text-transform: uppercase;
  margin: 15px 0 40px 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33); 
}

h3.inner_heading-m2:first-letter {
  color: #037ec4;
  font-size: 150%
}

h3.inner_heading-m2:before {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 68px;
  width: 250px;
  left: auto;
  height: 2px;
  background-color: #037ec4;
}

h3.inner_heading-m2:after {
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  left: auto;
  top: 62px;
  width: 115px;
  height: 6px;
  background-color: #037ec4;
}

.inner-py {
  padding: 3em 0;
}

.inner_page_agile {
  text-align: center;
  background: url(../../../Website/HomeDepartmentHaryana/Images/candidate_62ae4b47_bfe2_4b80_8d15_195eba21cf93.html) no-repeat 0px 0px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 255px;
  padding-top: 6em;
}

.inner_page_agile h3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.5em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.29);
  letter-spacing: 1px;
}

.inner_page_agile p {
  color: #f1f1f1;
  letter-spacing: 6px;
  font-size: 0.9em;
  margin-top: 10px;
}

.inner-content {
  text-align: justify;
  line-height: 2.2em;
}

.text-center .c12 {
 line-height: 60px;
 width: 60px;
 height: 60px;
 color: #8ac125;
 font-size: 25px;
 text-align: center;
 border-radius: 50%;
 -ms-border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 display: inline-table;
 border: 1px solid #FFFFFF;
 /*background: #ddd;*/
 box-shadow: 0px 3px 0px #fff;
}

.area-c12 {
  background: #fff;
  color: #555555;
  border: 1px solid #e6e6e6;
  margin-top: -29px;
  text-align: center;
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 20px;
  transition: all 0.6s ease-in-out;
}

.side-navbar .text-center:hover .area-c12, .side-navbar .text-center:hover .c12 {
  color: #fff;
  background: #8ac125;
  transition: all 0.6s ease-in-out;
}

.side-navbar .text-center:hover .area-c12 h5 {
  color: #fff;
  transition: all 0.6s ease-in-out;
}

.area-c12 h5 {
  margin: 25px 0 20px 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  transition: all 0.6s ease-in-out;
}
/**---------- end inner page ---------- **/

@media (max-width: 768px) {
    .navbar-inverse .navbar-toggle:hover {
        background-color: transparent;
    }
        .carousel-inner .item img {
            height: 200px;
        }
        
        .con-info {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .about_more {
            margin-bottom: 25px;
        }
        
        .dev-hexa {
            padding: .5em 0;
        }
        
        .pt-5 {
            padding: unset;
        }
        
        #contact .contact-phone {
            border: unset;
        }
        
        .slide-img img {
            height: 70px;
            width: 97%;
            padding: 3px;
        }
        
        .text-right {
            text-align: unset;
        }
    }