/* :: 8.0 Hero CSS */
.welcome-area {
  position: relative;
  z-index: 1; }
  .welcome-area .welcome-pattern {
    position: absolute;
    width: 100%;
    bottom: -5px;
    left: 0;
    right: 0;
    z-index: 100; }
    .welcome-area .welcome-pattern img {
      width: 100%; }

.welcome-slides {
  position: relative;
  z-index: 1;
  overflow: hidden; }

.single-welcome-slide {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 620px;
  background: linear-gradient(302deg,#3a1c76,#3a21ce) !important;
  /* background: linear-gradient(90deg,#252525,#464646) !important; */
  /* background: linear-gradient(90deg,#797979,#464646) !important; */
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-welcome-slide {
      height: 700px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-welcome-slide {
      height: 600px; } }
  @media only screen and (max-width: 767px) {
    .single-welcome-slide {
      height: 600px; } }
  .single-welcome-slide .welcome-text {
    position: relative;
    z-index: 1;
    margin-top: 30%;
    }
    .single-welcome-slide .welcome-text h1 {
      font-size: 4rem;
      display: block;
      margin-bottom: 30px;
      color: #ffffff;
      line-height: 5rem;
      }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-welcome-slide .welcome-text h1 {
          font-size: 58px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-welcome-slide .welcome-text h1 {
          font-size: 42px; } }
      @media only screen and (max-width: 767px) {
        .single-welcome-slide .welcome-text h1 {
          font-size: 42px; } }
    .single-welcome-slide .welcome-text h3 {
      font-size: 36px;
      color: #ffffff;
      display: block;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .single-welcome-slide .welcome-text h3 {
          font-size: 30px; } }
      .single-welcome-slide .welcome-text h3 span {
        text-decoration: line-through; }
    .single-welcome-slide .welcome-text p {
      color: #ffffff;
      margin-bottom: 50px;
      display: block;
      font-size: 20px; }
  .single-welcome-slide .welcome-thumbnail {
    position: absolute;
    width: 38%;
    top: 50%;
    right: 10%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    }
    @media only screen and (max-width: 767px) {
      .single-welcome-slide .welcome-thumbnail {
        opacity: 0.4; } }
.hami-btn{background-color: #e14205; color:#fff}



#section-counter {
    position: relative;
    z-index: 0;
    padding: 7rem 0px;
    background-color: #a7a7a71f;
}

.ftco-counter {
    overflow-x: hidden;
    position: relative
}

@media(max-width:1199.98px) {
    .ftco-counter {
        background-position: top center!important
    }
}

.ftco-counter .img-video {
    width: 100%;
    display: block
}

@media(max-width:767.98px) {
    .ftco-counter .img-video {
        height: 300px
    }
}

.ftco-counter .icon span {
    font-size: 50px;
    color: #000;
    line-height: 1
}

.ftco-counter .block-18 {
    display: block;
    width: 100%
}

.ftco-counter .text strong.number {
    font-weight: 400;
    font-size: 50px;
    color: #3e64ff;
    display: block;
    position: relative;
    line-height: 1
}

.ftco-counter .text span {
    display: block;
    font-size: 16px;
    color: rgba(0, 0, 0, .8)
}

@media(max-width:767.98px) {
    .ftco-counter .counter-wrap {
        margin-bottom: 20px
    }
}


.tabulation-2 .nav-pills .nav-item .nav-link {
    background: #fff;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, .1)
}

.tabulation-2 .nav-pills .nav-item .nav-link span {
    color: #3e64ff
}

.tabulation-2 .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background: #ff8d02;
    border: 1px solid #ff8d02;
}

.tabulation-2 .nav-pills .nav-item .nav-link.active span {
    color: #fff
}

.tabulation-2 .tab-content {
    background: #fff;
    padding: 18px;
    border: 1px solid rgba(0, 0, 0, .05);
}

.tabulation .nav-pills .nav-item {
    margin-bottom: 10px
}

.tabulation .nav-pills .nav-item .nav-link {
    background: #fff;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 20px;
    line-height: 30px
}

.tabulation .nav-pills .nav-item .nav-link span {
    color: #3e64ff;
    font-size: 30px
}

.tabulation .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background: #3e64ff;
    border: 1px solid #3e64ff
}

.tabulation .nav-pills .nav-item .nav-link.active span {
    color: #fff
}

.tabulation .tab-content {
    background: #fff;
    padding: 0
}

.tabulation .tab-content .img {
    width: 100%;
    height: 400px;
    margin-bottom: 20px
}

.tabulation .tab-content h3 {
    font-weight: 600
}

.tabulation .tab-content h3 a {
    color: #000
}

.heading-section .subheading {
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #3e64ff;
    position: relative
}

.heading-section h2 {
    font-size: 39px;
    line-height: 1.17;
    letter-spacing: 1px;
    font-weight: 700 !important;
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #676767;
}

@media(max-width:767.98px) {
    .heading-section h2 {
        font-size: 28px
    }
}

.wrap-about {
    position: relative
}

.wrap-about h3 {
    font-weight: 700;
    font-size: 20px
}

.wrap-about h2 {
    font-weight: 600;
    margin: 0px;
}

.wrap-about .img {
    width: 100%;
    margin-bottom: 20px
}

.tab-pane{width: 100%;}

.wrap-about p{margin: 1rem 0px;line-height: 28px;}

.about-content p {font-size: 14px !important;}

.team-intro{line-height: 28px;margin-bottom: 35px;}
.heading-section .heading-section-brder {
    border-bottom: 3px solid #ff8d02;
    width: 15%;
    margin: 10px 0px;
}