

/* Hero, Insight, Servie and Industry*/
.hero-heading {
  margin-top: -1px; 
}

.hero-heading .hero-title {
    padding: 39px 70px 56px 68px;
    /* margin-left: -25px;
    margin-right: 25px; */
    position: relative;
    /* overflow: hidden;  */
    background-color: #001c2be0;

    height: 130;
  }
@media (max-width: 767px) {
  .hero-heading .hero-title {
    padding: 39px 24px 55px 44px; 
  } 
}
 
.hero-heading .hero-title h2 {
      font-size: 40px;
      font-weight: 900;
      /* margin-bottom: 14px; */
      color: #ffffff;
      font-family: "Poppins", Arial, sans-serif;
      line-height: 1.2;
      text-transform: uppercase; 
    }
.hero-heading .hero-title h4 , h6{
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-heading .hero-title h2 {
    font-size: 60px;
    line-height: 1.2; 
  } 
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-heading .hero-title h2 {
    font-size: 50px;
    line-height: 1.2; } }
@media (max-width: 767px) {
  .hero-heading .hero-title h2 {
    font-size: 20px;
    line-height: 1.2; } }


  .hero-height2 {
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center center; 
  }
  @media (max-width: 767px) {
    .hero-height2 {
      min-height: 170px; 
    } 
  }

  /* Hero Contact Us, About, Featured Insight, Service G */
.slider-height {
  min-height: 830px;
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover;
}

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height {
      min-height: 600px; } }
  @media (max-width: 767px) {
    .slider-height {
      min-height: 550px; } }

.slider-height2 {
  min-height: 390px;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 767px) {
    .slider-height2 {
      min-height: 300px; } }

.btn1 {
  padding: 25px 0px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .btn1 {
      padding: 25px 0; } }



.slider-area {
  margin-top: -1px; }
  .slider-area .hero__caption {
    padding: 39px 70px 56px 68px;
    margin-left: -25px;
    margin-right: 25px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 767px) {
      .slider-area .hero__caption {
        padding: 39px 24px 55px 44px; } }
    
        .slider-area .hero__caption::after {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: -26px;
      height: 57px;
      background-repeat: no-repeat;
      background-size: cover;
      animation: slide1 1s ease-in-out infinite;
      margin-left: 0px; }

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -o-transform: translate(5px, 0); } }
    .slider-area .hero__caption h1 {
      font-size: 70px;
      font-weight: 900;
      margin-bottom: 14px;
      color: #ffffff;
      font-family: "Poppins", Arial, sans-serif;
      line-height: 1.2;
      text-transform: uppercase; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .slider-area .hero__caption h1 {
          font-size: 60px;
          line-height: 1.2; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .slider-area .hero__caption h1 {
          font-size: 50px;
          line-height: 1.2; } }
      @media (max-width: 767px) {
        .slider-area .hero__caption h1 {
          font-size: 35px;
          line-height: 1.2; } }
    .slider-area .hero__caption p {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 39px;
      color: #ffffff;
      margin-bottom: 25px;
      padding-right: 49px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .slider-area .hero__caption p {
          padding-right: 0px; } }
      @media (max-width: 767px) {
        .slider-area .hero__caption p {
          padding-right: 0px; } }

.hero-overly {
  position: relative;
  z-index: 1; }
  .hero-overly::before {
    position: absolute;
    content: "";
    background-color: rgba(1, 10, 28, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-repeat: no-repeat; }

.slider-area .hero-cap h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase; }



  .hero-caption span {
    color: #fff;
    font-size: 16px;
    display: block;
    margin-bottom: 24px;
    font-weight: 600;
    padding-left: 95px;
    position: relative; }
    .hero-caption span::before {
      position: absolute;
      content: "";
      width: 75px;
      height: 3px;
      background: #001c2b;
      left: 0;
      top: 52%;
      transform: translateY(-50%); }
  
  .hero-caption h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700; }
  


/*Team*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-info {
    padding-top: 16px; } }

.team-info h2 {
  color: #2c234d;
  font-weight: 800;
  font-size: 50px;
  line-height: 1.1;
  margin-bottom: 38px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .team-info h2 {
      font-size: 41px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-info h2 {
      font-size: 41px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .team-info h2 {
      font-size: 41px; } }
  @media (max-width: 767px) {
    .team-info h2 {
      font-size: 41px; } }

.team-info p {
  color: #677294;
  line-height: 2;
  margin-bottom: 50px;
  padding-right: 36px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .team-info p {
      padding-right: 0px; } }

.single-team {
  position: relative; 
z-index: 0;}
  .single-team::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    bottom: 0;
    background-size: cover;
    left: 0;
    right: 0; 
    z-index: 1;
  
  }
  .single-team .team-img {
    overflow: hidden; }
    .single-team .team-img img {
      width: 100%;
      transform: rotate(0deg) scale(1);
      transition: all 0.6s ease-out 0s; }
  .single-team .team-caption {
    position: absolute;
    bottom: 16px;
    left: 38px; 
  z-index: 89;}
    .single-team .team-caption span a {
      color: #fff;
      font-size: 25px;
      font-weight: 500;
      font-family: #909092;
      display: block; }
    .single-team .team-caption p {
      color: #fff; }

.single-team:hover .team-img img {
  transform: rotate(1deg) scale(1.1); }



/*Want to work*/
.wantToWork-area {
  position: relative;
  z-index: 0;
  background: rgb(202, 202, 202);
  overflow: hidden; }
  .wantToWork-area .wantToWork-caption h2 {
    color: #02466b;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .wantToWork-area .wantToWork-caption h2 {
        font-size: 32px; } }
    @media (max-width: 767px) {
      .wantToWork-area .wantToWork-caption h2 {
        font-size: 27px; } }
  .wantToWork-area .wantToWork-btn {
    padding-right: 50px;
    position: relative;
    bottom: 21px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .wantToWork-area .wantToWork-btn {
        float: left;
        margin-top: 59px; } }
    @media (max-width: 767px) {
      .wantToWork-area .wantToWork-btn {
        float: left;
        margin-top: 59px; } }
  

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0); }
  50% {
    transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -o-transform: translate(5px, 0); } }



/*Footer*/
.footer-area .footer-social2 a:hover {
  background: #fff;
  color: #fff;
  border: 1px solid transparent; }

.footer-area .footer-pera p {
  color: #868c98;
  padding-right: 52px;
  font-size: 16px;
  margin-bottom: 50px;
  line-height: 1.8; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area .footer-pera p {
      padding-right: 0px; } }

.footer-area .footer-pera.footer-pera2 p {
  padding: 0; }

.footer-area .footer-tittle h4 {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 29px;
  font-weight: 400;
  text-transform: uppercase; }

.footer-area .footer-tittle ul li {
  color: #868c98;
  margin-bottom: 9px; }
  .footer-area .footer-tittle ul li a {
    color: #868c98;
    font-weight: 300; }
    .footer-area .footer-tittle ul li a:hover {
      color: #fff;
      padding-left: 5px; }

.footer-area .footer-form {
  margin-top: 40px; }
  .footer-area .footer-form form {
    position: relative; }
    .footer-area .footer-form form input {
      width: 100%;
      height: 43px;
      padding: 10px 20px;
      border: 1px solid #fff; 
    }
    .footer-area .footer-form form .form-icon button {
      position: absolute;
      top: 0;
      right: 0;
      background: none;
      border: 0;
      cursor: pointer;
      padding: 13px 22px;
      background: #006399;
      line-height: 1; 
    }

.footer-area .info.error {
  color: #001c2b; }

.footer-bg {
  background: #001c2b; }

.footer-bottom-area .footer-border {
  border-top: 1px solid #fff;
  padding: 33px 0px 20px; }

.footer-bottom-area .footer-copy-right p {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 12px; }
  .footer-bottom-area .footer-copy-right p i {
    color: #001c2b; }
  .footer-bottom-area .footer-copy-right p a {
    color: #001c2b; }
    .footer-bottom-area .footer-copy-right p a:hover {
      color: #fff; }

@media (max-width: 767px) {
  .footer-bottom-area .footer-social {
    float: left; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-bottom-area .footer-social {
    float: left; } }

.footer-bottom-area .footer-social a i {
  color: #fff;
  margin-left: 12px;
  font-size: 16px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s; 
  /*background-color: #fff;
  border:1px solid #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  /* margin: 0 auto; */
  /* text-align: center; */
  /*align-content: center;*/
}

  .footer-bottom-area .footer-social a i:hover {
    color: rgb(192, 192, 192);
    /* background-color: #001c2b;
    border:1px solid #fff; */
    
   }

   .footer-padding {
    padding-top: 130px;
    padding-bottom: 10px; }
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
      .footer-padding {
        padding-top: 130px;
        padding-bottom: 120px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .footer-padding {
        padding-top: 100px;
        padding-bottom: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-padding {
        padding-top: 100px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .footer-padding {
        padding-top: 50px;
        padding-bottom: 0px; } }
    @media (max-width: 767px) {
      .footer-padding {
        padding-top: 50px;
        padding-bottom: 0px; } }



/* Service Css */

.dav-details .details-content .service-items{
  margin-bottom: 20px;

}

.dav-details .details-img{
  max-height: 500px;
  overflow: hidden;
  
}

.dav-details .details-content .service-items ul{
  padding-left: 40px;
  padding-bottom: 20px;

}

.service-items ul li{
  list-style-type: disc;
  line-height: 1.9;
  
}
