/*-----------------------------------------------------------------------------------

  Template Name: Responsive Multipurpose HTML5 Template
  Template URI: 
  Description: Responsive Multipurpose, one page, Portfolio, Business,  Creative HTML Templatee
  Author: Mehedi Hasan
  Author URI: http://mrmehedihasan.com
  Version: 1.0

CSS INDEX
===================

-----------------------------------------------------------------------------------*/

/* **********************************
Reset CSS
************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/********************************
 Typography Style
******************************** */

body{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  line-height: 1.5;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html{
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1{
  font-size: 36px; 
}

h2{
  font-size: 30px;
}
h3{
  font-size: 26px;   
}

h4{
  font-size: 22px;
}
h5{
  font-size: 18px;
}
h6{
  font-size: 16px;
}
p{
  font-size: 15px;
}

a{
  text-decoration: none;
  font-size: 15px;
}

/*-------------------------
loader
----------------------------*/
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../img/lg.messenger-typing-preloader.gif") 50% 50% no-repeat #f5f5f5;

}

.scrolltotop {
  color: #fff;
  background-color: rgba(54,54,54,1);
  padding: 6px 12px;
  position: fixed;
  line-height: 1;
  right: 15px;
  bottom: 10px;
  text-decoration: none;
  display: none;
  font-size: 24px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 999;
}
.scrolltotop:hover {
  color: #fff;
  background-color: #000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*******************************
index page start 
*********************************/


/********************
left-sidenav
************************/
.left-sidenav {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 3px 0px 10px rgba(0,0,0,.1);
          box-shadow: 3px 0px 10px rgba(0,0,0,.1);
  z-index: 99;
  text-align: center;
}

.nav-icon{
  padding: 15px 0;
}
.nav-icon i{
  font-size: 20px;
}

.how-tocree p{
    -webkit-transform: rotate(-90deg) scale(1.2);
            transform: rotate(-90deg) scale(1.2);
    white-space: nowrap;
    -webkit-transform-origin: left;
            transform-origin: left;
    position: absolute;
    left: 24px;
    top: 50%;
    bottom: auto;
    margin: auto;
    font-size: 11.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.how-tocree i {
  -webkit-animation: bounceIn 1000ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
          animation: bounceIn 1000ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  position: absolute;
  display: block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 54%;
  left: 19px;
}

.social {
  white-space: nowrap;
  -webkit-transform-origin: left;
          transform-origin: left;
  position: absolute;
  left: 15px;
  bottom: 18%;
}
.social li {
  list-style: none;
}
.social li a{
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #000;
}
.social h6 {
  -webkit-transform: rotate(-90deg) scale(1.2);
          transform: rotate(-90deg) scale(1.2);
  white-space: nowrap;
  -webkit-transform-origin: left;
          transform-origin: left;
  position: absolute;
  left: 9px;
  bottom: -100px;
  font-size: 14px;
  color: #000;
}


.right-sidenav {
  width: 350px;
  position: fixed;
  top: 15%;
  right: -350px;
  z-index: 99;
  background: #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.show-right {
  right: 0px !important;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.query p.quey{
  color: #fff;
  font-size: 14px;
  background: #27004e;
  padding: 14px 10px 10px 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block; 
  position: absolute;
  top: 32px;
  left: -76px;
  cursor: pointer;
}

.sky{
  background: #27004e;
  padding: 14px 14px 14px 14px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-block;
  position: absolute;
  top: 124px;
  left: -47px;
}

.sky li a{
  color: #fff;
  display: block;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
}

.query-form {
  padding: 50px 15px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
          box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.form-control:focus {
  color: #000;
  background-color: transparent;
  border-color: #ced4da;
  outline: inherit;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.query-form input{
    display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.query-form textarea{
    display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    height: auto
}


.query-form  .form-group {
  position: relative;
}
.query-form  .form-group label{
  font-size: 12px;
  position: absolute;
  left: 10px;
  background: #fff;
  color: #969696;
  display: block;
  padding: 0 6px;
  top: -9px;
  z-index: 2;
}
a.cus-btn {
  text-decoration: none;
}
.cus-btn {
  padding: 10px 20px 10px 20px;
  line-height: 1;
  border: 1px solid transparent;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  letter-spacing: .5px;
  border-radius: 170px;
  -webkit-box-shadow: 0px 6px 16px rgba(0,0,0,.3);
          box-shadow: 0px 6px 16px rgba(0,0,0,.3);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  background: #27004e;
  color: #fff;
  line-height: 1;
  font-weight: 300;
  cursor: pointer;
  margin-bottom: 15px;
  display: inline-block;
}
.cus-btn:hover {
  border-color: #27004e;
  color: #27004e;
  background: #fff;
}
.query-form p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}
.calls {
  padding-top: 15px;
}
.calls h5{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #000;
}
.calls p{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}
.closea {
  height: 20px;
  width: 20px;
  float: right;
  display: block;
  padding: 2px;
  margin: 10px 15px;
}


/****************************
main-body
****************************/
.main-body {
  position: relative;
  margin-left: 50px;
}



/**************************
header-area
**************************/
.logo {
  width: 15%;
  float: left;
  margin: 10px 0;
}
.logo img{
  height: 25px;
}

.mob-icon {
  display: none;
}
.mob-icon i{
  font-size: 22px;
  color: #000;
  margin-right: 5px;
}

.main-menu {
  width: 60%;
  float: left;
  text-align: center;
  margin: 6px 0;
}
.estimeste {
  width: 25%;
  float: left;
  text-align: right;
}
.main-menu li {
  display: inline;
  list-style: none;
  position: relative;
}
.main-menu li a{
  display: inline-block;
  text-decoration: none;
  color: #fff;
  line-height: 1.5;
  font-size: 15px;
  margin: 10px 15px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blacks li a{
  color: #222;
}
.sticky .main-menu li a{
  color: #000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.main-menu li:hover .sub-menu{
  opacity:1;
  visibility: visible;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  width: 280px;
  right: 0;
  z-index: 9;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 10px 0;
}
.sub-menu li{
  display: block;
  text-align: left;
}
.sub-menu li a{
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  margin: 2px 0;
  border-bottom: 1px solid #fff;
  padding: 3px 20px;
}
.sub-menu li a:hover {
  border-bottom: 1px solid #0cc;
  color: #0cc;
}
.estimeste li {
  display: inline;
}
.estimeste li a{
  display: inline-block;
  text-decoration: none;
  line-height: 1.5;
  font-size: 14px;
  margin: 10px 6px;
}

a.estima{
  text-decoration: none;
  color: #222;
  padding: 6px 15px;
  display: inline-block;
  z-index: 1;
  font-size: 14px;
  border-radius: 20px;
  background: #fff;
  font-weight: 500;
  border: 1px solid #fff;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

a.estima:hover {
  border-color: #222;
  background: #222;
  color: #fff;
}
a.contact{
  text-decoration: none;
  color: #fff;
  padding: 6px 15px;
  display: inline-block;
  z-index: 1;
  font-size: 14px;
  border-radius: 20px;
  background: #0cc;
  font-weight: 500;
  border: 1px solid #0cc;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

a.contact:hover {
  border-color: #0cc;
  background: #0cc;
  color: #fff;
}


.header-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
}

.sticky {
  position: fixed;
  top: 0;
  left: 50px;
  right: 0;
  width: auto;
  background: #fff;
  z-index: 9;
}

.mobile-menu {
  display: none;
}


/*************************
video-slider
**************************/
.video-slider {
  position: relative;
  width: 100%;
}

#background {
  -o-object-fit: cover;
   object-fit: cover;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}

.heading {
  position: absolute;
  top: 45%;
  left: 15%;
  right: 0;
  z-index: 1;
}

.heading h2 {
  color: #fff;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 800;
}
.heading p {
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 300;
  margin: 15px 0;
}

.heading a {
  border: 1px solid #fff;
  padding: 5px 20px;
  display: inline-block;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
  border-radius: 30px;
}

.videos {
  position: relative;
  z-index: 1;
  width: 100%;
}

.videos:after {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  height: 100%;
  width: 100%;
}

.tagline .media {
  padding: 35px 5px;
  height: 138px;
  width: 100%;
}
.tagline .media img {
  height: 50px;
}

.tagline .media-body h5{
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.tagline .media-body p{
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.5;
}

.first {
  background: #7f7f7f;
}
.secand {
background: -webkit-gradient(linear, right top, left top, from(#d9269b), to(#653396));
background: linear-gradient(to left, #d9269b 0%, #653396 100%);
}
.three {
  background: -webkit-gradient(linear, right top, left top, from(#e87527), to(#e63448));
  background: linear-gradient(to left, #e87527 0%, #e63448 100%);
}

.four {
  background: -webkit-gradient(linear, right top, left top, from(#8e59cc), to(#1047ce));
  background: linear-gradient(to left, #8e59cc 0%, #1047ce 100%);
}



/*************************
next-project
**************************/
.next-project {
  padding: 50px 0;
  overflow: hidden;
}

.title h3{
  color: #222;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 15px;
}
.title p{
  color: #222;
  line-height: 1.4;
  font-size: 14px;
}
.nexts p{
  color: #222;
  line-height: 1.4;
  font-size: 14px;
}

.nexts b{
  font-weight: 800;
  color: #000;
}
.nexts span{
  font-size:30px;
  vertical-align: middle;
  margin: 0 10px;
}
.next-img img{
  width: 100%;
}
.next-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-left: 6%;
}


.Journey-area {
  padding: 50px 0;
  text-align: center;
}

.single_counter {
  border: 2px solid #0cc;
  border-radius: 50%;
  height: 180px;
  width: 180px;
  margin: 30px auto;
  line-height: 180px;
}

.statistic-counter {
  font-size: 40px;
  font-weight: 800;
  color: #000;
}

.main_counter_content p{
  color: #222;
  line-height: 1.4;
  font-size: 16px;
}



/***********************
team-slider
*********************/
.team-slider {
  position: relative;
  padding: 30px 6%;
}
.team-slider .title p{
  color: #fff;
  line-height: 1.4;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 300;
}
.team-slider:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1f0048 url(../img/hometeambg.jpg);
  background-size: cover;
  z-index: -1;
  bottom: 30%;
}
.title h1{
  font-size: 40px;
  color: #fff;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 15px;
}
.title h6{
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
  font-weight: 300;
  margin-bottom: 15px;
}

.team-slider .owl-nav {
  display: none;
}
.team-slider .owl-dots {
  display: block;
  position: absolute;
  left: 20px;
  bottom: 0;
}
.team-slider .owl-dot {
  display: inline-block;
  border: 1px solid #fff;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  margin: 4px;
  background: #fff;
  opacity: .4;
}
.team-slider .owl-dot.active{
    opacity: 1;
}


/***************************
cando-area
***************************/
.cando-area {
  overflow: hidden;
  padding: 50px 0;
  background: url(../img/services.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  text-align: center;
}
.cando-area:after{
  display: block;
  content: '';
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  height: 100%;
  width: 100%;
  z-index: -1;
}


.cnado h5{
  color: #fff;
  line-height: 1.5;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
}
.cnado p{
  color: #fff;
  line-height: 1.5;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 15px;
}

.cnado .svg-icon{
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background: #0cc;
  margin: 0 auto;
  line-height: 80px;
  margin-bottom: 15px;
}


/*****************************
testimonils
******************************/
.testimonils {
  overflow: hidden;
  padding: 50px 0;
  position: relative;
  margin-left: 6%;
}

.bg-text {
  position: absolute;
  z-index: -1;
  margin: 0;
  opacity: .2;
  top: -50px;
  font-size: 80px;
  font-weight: 800;
}

.namss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.man-name h3{
  display: inline-block;
  padding: 4px;
  background: #1f0048;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 15px;
  font-weight: 800;
}
.man-name h5{
  display: block;
  color: #222;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 600;
}
.man-name p{
  display: block;
  color: #222;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 400;
}
.man-img img {
  width: 100%;
}
.testi-form {
  background: #1f0048;
  color: #fff;
  padding: 50px 30px;
  height: 100%;
}
.testi-form h4{
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
  font-weight: 600;
}
.testi-form form {
  width: 100%;
}

.testi-form .form-group {
  position: relative;
}
.testi-form .form-group label{
  font-size: 12px;
  position: absolute;
  left: 10px;
  background: #1f0048;
  color: #969696;
  display: block;
  padding: 0 6px;
  top: -9px;
  z-index: 1;
}

.testi-form  .form-control {
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    color: #fff;
}

button:focus {
    outline: inherit;
    outline: inherit;
}
.testi-form .cus-btn{
  background: #fff;
  color: #27004e;
}


/***************************
Achievement-area
*******************************/
.Achievement-area {
  position: relative;
  padding: 50px 0;
  overflow: hidden;
  padding-left: 6%;
}
.Achievement-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(166deg, #25084f, #05959d);
  z-index: -1;
}
.Achievement-area:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
  left: 40%;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
  width: 200%;
  height: 100%;
}
.Achievement-con:after {
  content: "";
  background: #ddd;
  position: absolute;
  top: 0;
  left: 14.3%;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
  width: 110%;
}
.Achieve-slider {
  z-index: 1;
}
.Achievement-con::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #dadada;
  content: "";
  -webkit-transform: skewX(-36deg) scale(3.5);
          transform: skewX(-36deg) scale(3.5);
  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);
          box-shadow: 0px 0px 20px rgba(0,0,0,.1);
  left: 110.8%;
  width: 100%;
  z-index: -1;
  height: 40px;
}
.Achievement-con::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  content: "";
  -webkit-box-shadow: -18px 0px 20px rgba(0,0,0,.2);
          box-shadow: -18px 0px 20px rgba(0,0,0,.2);
  -webkit-transform: skewX(-36deg) scale(3);
          transform: skewX(-36deg) scale(3);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: -14%;
  height: 40px;
}
.Achievement-con{
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  z-index: 1;
  overflow: visible;
  width: 100%;
  top: 35px;
}

.CLUTCH {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
}
.CLUTCH img{
  height: 40px;
  padding-right: 15px;
}
.CLUTCH p{
  font-size: 14px;
  color: #222;
  line-height: 1.5;
  padding-left: 15px;
  border-left: 1px solid #222;
}
.Achievement-title {
  width: 80%;
}
.Achievement-title h4{
  -webkit-transform: rotate(-90deg) scale(1.2);
          transform: rotate(-90deg) scale(1.2);
  white-space: nowrap;
  -webkit-transform-origin: left;
          transform-origin: left;
  position: absolute;
  left: -10px;
  top: auto;
  bottom: -52px;
  margin: auto;
  font-size: 11.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
}
.Achievement-title p{
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.featured {

}
.featured h4{
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  margin: 10px 0;
}

.featured li {
  display: inline;
}
.featured li a{
  display: inline-block;
  text-decoration: none;
  margin-right: 10px;
}
.featured li a img{
  height: 40px;
}

.Achieve-img {
  margin-top: 50px;
}

.Achieve-slider {
  margin-top: 50px;
}
.Achieve-img img{
  margin: 0 auto;
}
.Achieve-img p{
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
}

.Achieve-slider .owl-nav {
  display: none;
}

.Achieve-slider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding: 8% 14px;
  -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.2);
          box-shadow: 0px 0px 20px rgba(0,0,0,.2);
  margin: 12px;
}


/********************************
what-wecan
******************************/
.what-wecan {
  overflow: hidden;
  padding: 50px 0;
  background: #1f0048;
  position: relative;
}
.wecans {
  margin-top: 15%;    
  margin-left: 10%;
}
.wecans h3{
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 15px;
}
.wecans p{
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 15px;
}

.wecans a{
  color: #0cc;
  border: 1px solid #0cc;
  padding: 6px 30px;
  margin-bottom: 20px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.wecans a:hover {
  background: #fff;
  color: #222;
  border: 1px solid #fff;
}

.all-gird {
  background: #0cc;
  padding: 40px 30px 30px 12%;
  position: absolute;
  bottom: -50px;
  left: 0px;
}
.gird {
  margin-bottom: 15px;
}
.gird img{
  height: 50px;
}

.gird p{
  font-size: 12px;
  line-height: 1.3;
  color: #222;
}

.wecans-img {
  text-align: center;
}


/************************
news-space
*************************/
.news-space {
  overflow: hidden;
  padding: 50px 0;
  margin: 0 6%;
}

.news {
  background: #eaeaea;
  padding: 16px;
  font-family: "Poppins",sans-serif;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 18px rgba(0,0,0,.2);
          box-shadow: 0 0 18px rgba(0,0,0,.2);
  text-decoration: none;
  color: #222;
  margin: 25px 0;
}

.news-text h4{
  color: #000;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 10px;
}
.news-text p{
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
}
.news-text a{
  text-decoration: none;
  color: #222;
}
.news-text a i{
  font-size: 26px;
  border: 1px solid #222;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  display: block;
  margin: 20px 0;
}

.news-img img{
  width: 100%;
  height: 100%;
}


/****************************
footer-area
*************************/

.footer-area {
  background: #1a1a1a url(../img/map.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.footer-top {
  padding: 15px 0;
  border-bottom: 1px solid #424242;
}
.footer-socail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-socail ul{
  margin-left: 25px;
}
.footer-socail li{
  display: inline;
}
.footer-socail li a{
  display: inline-block;
  text-decoration: none;
  color: #767676;
  font-size: 20px;
  margin: 0 4px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer-socail li a:hover {
    color: #0cc;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.footer-socail p{
  display: inline-block;
  float: left;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
}

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

.fotop-menu li{
  display: inline;
}
.fotop-menu li a{
  display: inline-block;
  text-decoration: none;
  color: #767676;
  font-size: 15px;
  margin: 0 4px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.footer-menu {
  margin: 40px 0;
}

.fo-logo img{
  height: 35px;
  margin-bottom: 15px;
}

.footer-menu p{
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}

.footer-menu h5{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}
.footer-menu .media h5{
  color: #767676;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.footer-menu .media p{
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.footer-menu h5{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}

.footer-menu li a{
  display: inline-block;
  text-decoration: none;
  color: #767676;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.5;
  margin: 3px 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer-menu li a:hover {
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   color: #0cc;
}

.footer-menu a{
  text-decoration: none;
  color: #767676;
  font-size: 14px;
  line-height: 1.5;
  margin: 3px 0;
  display: inline-block;
}


.footer-bottom {
  padding: 15px 0;
  border-top: 1px solid #424242;
}
.footer-bottom p{
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5; 
}

/*******************************
index page end 
*********************************/




/************************
consuting page srart
*****************************/
.Consulting-area {
  padding: 50px 0;
  background: rgba(0,204,204,.1);
  padding-left: 6%;
  position: relative;
  overflow: hidden;
}

.consuting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.consuting-txt h2{
  color: #000;
  font-size: 40px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 15px;
}
.consuting-txt p{
  color: #222;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 15px;
}


.consu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 6% 5% 5% 5%;
  margin-right: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 2;
}
.consuting-con:after{
  content: "";
  position: absolute;
  top: 0;
  width: 400px;
  height: 400px;
  background: #0cc;
  right: -75px;
  z-index: -1;
  border-radius: 100%;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.consu-list a {
  display: block;
  background: #fff;
  width: 25%;
  margin: 1.5%;
  text-align: center;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  padding: 20px 20px;
  border-radius: 14px;
  position: relative;
  text-decoration: none;
  color: #222;
  font-weight: 500;
  font-size: 12px;
  -webkit-transform: perspective(1000px) rotateY(-9.68deg) rotateX(-2.62deg);
          transform: perspective(1000px) rotateY(-9.68deg) rotateX(-2.62deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: skewY(0deg);
          transform: skewY(0deg);
}
.consu-list:hover a{
  -webkit-transform: skewY(5deg);
          transform: skewY(5deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.consu-list a img {
    display: block;
    margin: 20px auto;
    width: 50px;
}

.consu-list a:nth-child(1) {
    margin-top: -4%;
}
.consu-list a:nth-child(2) {
    margin-top: 4%;
}
.consu-list a:nth-child(3) {
    margin-top: 16%;
}
.consu-list a:nth-child(4) {
  margin-top: -16%;
}
.consu-list a:nth-child(5) {
    margin-top: -10%;
    padding: 15px;
}
.consu-list a:nth-child(5) {
    margin-top: -10%;
    padding: 15px;
}

.dots {
  width: 100px;
  height: 100px;
  background: url(../img/dot.png);
  position: absolute;
  right: 5%;
  z-index: 1;
  top: 16%;
}

.dots2 {
  width: 300px;
  height: 300px;
  background: url(../img/dot.png);
  position: absolute;
  right: 33%;
  z-index: -2;
  bottom: 20%;
  opacity: .4;
}




/****************************
Advantage-area
*****************************/
.Advantage-area {
  overflow: hidden;
  padding: 50px 0;
  padding-left: 6%;
}

.content p{
  color: #222;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 15px;
}
.content-img img {
  width: 100%;
}

.Advantage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}



/*************************
consulting-services
***************************/
.consulting-services {
  overflow: hidden;
  padding: 50px 0;
  padding-left: 6%;
}

.con-services {
  padding-left: 10%;
  position: relative;
}

.con-services h3{
  color: #222;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 15px;
}

.con-services p{
  color: #222;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 15px;
}
.con-services h4.what {
    -webkit-transform: rotate(-90deg) scale(1.2);
            transform: rotate(-90deg) scale(1.2);
    white-space: nowrap;
    -webkit-transform-origin: left;
            transform-origin: left;
    position: absolute;
    left: -10px;
    top: 85%;
    bottom: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

.consulting-support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #bababa;
  position: relative;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.suppoerting {
  padding: 15px 5%;
}

.support-img img{
  width: 100%;
  vertical-align: bottom;
}

.support-text {
  padding: 15px;
}
.support-text h4{
  color: #000;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.support-text p{
  color: #000;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
}



/*************************
industries-slider
***************************/
.industries-slider {
  overflow: hidden;
  padding: 50px 0;
  position: relative;
}

.tag h3{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
}

.tag {
  position: absolute;
  top: 0;
  z-index: 9;
  height: 28%;
  left: 5%;
  width: 22%;
  padding-top: 2%;
  padding: 30px;
}


.industries-slider .items {
  position: relative;
}
.industries-slider .items::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 48%;
  background: #fff;
  content: "";
  width: 36%;

}
.industries-slider .items img{
  height: 95vh;
}
.industries-slider .items-con {
  position: absolute;
  top: 0;
  left: 36%;
  width: 30%;
  height: 48%;
  z-index: 2;
  background: rgba(58,31,94,.9);
  padding: 30px;
}

.items-con h4{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 25px;
}
.items-con p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 25px;
}

.items-con a{
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  padding: 6px 20px;
  border-radius: 30px;
  font-size: 14px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.items-con a:hover{
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #222;
  background: #fff;
}

.industries-slider .owl-nav {
  position: absolute;
  top: 30px;
  left: 26%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 15%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: rotate(-90deg) translate(-46%, -100%);
          transform: rotate(-90deg) translate(-46%, -100%);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.industries-slider .owl-nav .owl-prev {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #bababa !important;
  border-radius: 0;
  font-size: 26px;
}
.industries-slider .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #bababa !important;
  border-radius: 0;
  font-size: 26px;
}



/**************************
phases-area
*****************************/
.phases-area {
  overflow: hidden;
  padding: 50px 0;
}
.phases-area .title {
  text-align: center;
}

.all-phases {
  margin: 80px 15px;
}

.phases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  margin-bottom: 30px;
  position: relative;
}

.phases-num {
    height: 100%;
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 36px;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 10px 9px rgba(0,0,0,.2);
    padding: 20px 10px; 
    margin-right: 14px;
    letter-spacing: 2px;
    
}
.num1{
  background: -webkit-gradient(linear, left top, left bottom, from(#fabc4d),to(#ffd916));
  background: linear-gradient(to bottom, #fabc4d 0%,#ffd916 100%);
}
.num2{
  background: -webkit-gradient(linear, left top, left bottom, from(#81d742),to(#2a892f));
  background: linear-gradient(to bottom, #81d742 0%,#2a892f 100%);
}
.num3{
  background: -webkit-gradient(linear, left top, left bottom, from(#1e73be),to(#8224e3));
  background: linear-gradient(to bottom, #1e73be 0%,#8224e3 100%);
}
.num4{
 background: -webkit-gradient(linear, left top, left bottom, from(#dd9933),to(#a07724));
 background: linear-gradient(to bottom, #dd9933 0%,#a07724 100%);
}
.phases-num h2{
  font-size: 40px;
  font-weight: 800;
  line-height: 1.5;
}
.phases-text h5{
  color: #000;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}
.phases-text p{
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.phases-img {
  max-width: 80px;
  max-height: 80px;
  min-width: 80px;
  min-height: 80px;
  width: 80px;
  height: 80px;
  background: #ececec;
  border-radius: 100%;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px;
}

.phases-img  img{
  height: 35px;
}



/**************************
partnering-area
****************************/

.partnering-area {
  overflow: hidden;
  padding: 50px 5%;
  position: relative;
}

.partner {
  background: #3a1f5e;
  color: #fff;
  position: relative;
  z-index: -1;
  padding: 40px 0;
}

.partner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background: #3a1f5e;
  z-index: -1;
  width: 100%;
  bottom: 0;
}
.partner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  background: #3a1f5e;
  z-index: -1;
  width: 100%;
  bottom: 0;
}

.partner-title h3{
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 15px;
}
.partner-title p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 15px;
}
.partner-con {
  margin: 30px 0;
}
.partner-con li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  margin-bottom: 20px;
  padding: 20px 20px;
  line-height: 1.4;
  border-radius: 6px;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  font-size: 14px;
}

.partner-con li span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #f0f8ff;
  position: relative;
  z-index: 1;
  margin: -24px 10px 0 -23px;
  font-size: 20px;
  font-weight: 800;
  border-radius: 14px;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-bottom-right-radius: 0px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  text-shadow: 0 0 4px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
          box-shadow: 0 0 4px rgba(0,0,0,.2);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.partner-img {
  margin-top: -130px;
  z-index: 9;
}
.partner-img img {
  width: 100%;
  margin-bottom: 15px;
}



/************************
faq-area
***********************/

.faq-area {
  overflow: hidden;
  padding: 50px 6%;
}

.faq-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.faq-title h3 {
  padding-right: 20px;
  border-right: 2px solid #0cc;
  margin-right: 20px;
  line-height: 1;
  width: 50%;
  font-size: 20px;
  font-weight: 600;
}

.faq-title p{
  color: #222;
  font-size: 14px;
  line-height: 1.5;
}

.faq-question {

}

.card-header button:before {
  content: '';
  display: block;
  clear: both;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 10px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.card-header button.collapsed:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faq-question .card-header {
  padding: 6px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.faq-question .card {
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  border-radius: 4px;
}
.faq-question .btn-link {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.faq-question .card-body {
  padding-top: 0;
}
.faq-question .card-body p{
  color: #222;
  font-size: 14px;
  line-height: 1.5;
}


.faq-img img {
  width: 100%;
}




/***************************
newstabs-area
***************************/
.newstabs-area {
  overflow: hidden;
  padding: 50px 6%;
}

.newstabs {
  margin: 30px 0;
}

.tabs-con img {
  width: 100%;
}

.newstabs .nav-link {
  display: block;
  list-style: none;
  position: relative;
  padding: 14px 20px;
  border-bottom: 1px solid #ccc;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  clear: both;
  cursor: pointer;
  margin-bottom: 10px;
  color: #222;
  font-size: 14px;
  font-weight: 400;
}

.newstabs a.cus-btn {
  text-decoration: none;
  display: inline-block;
  width: 130px;
  padding: 10px 10px;
  font-size: 12px;
  text-align: center;
  float: right;
  margin: 10px 0;
  display: none;
}
.newstabs .nav-link.active a.cus-btn {
  display: block;
}
.newstabs .nav-link.active {
  z-index: 2;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  background: #fff;
  color: #000;
  padding: 15px;
}



/************************
consuting page end
*****************************/



/**************************
portfolio page  start
******************************/
.Work-Speak {
  overflow: hidden;
  padding: 100px 5% 0;
}

.works-title {

}
.works-title h2{
  color: #000;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 15px;
}
.works-title h5{
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  font-style: italic;
}
.works-title p{
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  font-style: italic;
  margin-bottom: 15px;
}

a.cus-btn2 {
  display: inline-block;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 8px 15px;
  font-size: 14px;
  background-color: #0cc;
  text-decoration: none !important;
  color: #fff;
  border-radius: 4px;
  z-index: 1;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: -webkit-transform ease-in .1s,-webkit-box-shadow ease-in .25s;
  transition: -webkit-transform ease-in .1s,-webkit-box-shadow ease-in .25s;
  transition: transform ease-in .1s,box-shadow ease-in .25s;
  transition: transform ease-in .1s,box-shadow ease-in .25s,-webkit-transform ease-in .1s,-webkit-box-shadow ease-in .25s;
  -webkit-box-shadow: 0 2px 25px rgba(0,204,204,.5);
          box-shadow: 0 2px 25px rgba(0,204,204,.5);
}


.clutch {
  position: relative;
  margin-bottom: 60px;
}
.Work-Speak .clutch:after {
  content: "";
  position: absolute;
  top: 0;
  right: 86px;
  bottom: 0;
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  left: -100%;
  -webkit-transform: scale(1.1, 1.4) skew(45deg, 0deg);
          transform: scale(1.1, 1.4) skew(45deg, 0deg);
}

.clutch img{
  height: 25px;
  margin-bottom: 10px;
}
.clutch p{
   color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.clutch p b{
  font-weight: 800;
  color: #e73548;
}

.featured0n {
  margin: 30px 0;
  position: relative;
}
.featured0n h4{
  color: #000;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 15px;
  background: #fff;
  z-index: 1;
  display: inline-block;
  padding-right: 10px;
}
.featured0n h4:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  height: 1px;
  background: #000;
  left: 0;
  right: 0;
  top: 10%;
  z-index: -1;
  width: 80%;
}
.featured0n img{
  height: 30px;
  margin-bottom: 10px;
  display: block;
}

.products {
  text-align: right;
}

.products h3{
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
}
.product-right{
  position: relative;
}
.product-right:after {
  content: "";
  position: absolute;
  top: 33px;
  right: -100%;
  left: 30%;
  bottom: 0;
  background: rgba(0,204,204,.2);
  z-index: -1;
}

.products-slider {
  position: relative;
  padding-bottom: 48px;
}
.products-slider h4{
  color: #000;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 15px;
  background: #fff;
  z-index: 1;
  display: inline-block;
  padding-right: 10px;
}
.products-slider h4:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  height: 1px;
  background: #000;
  left: 0;
  right: 0;
  top: 12px;
  z-index: -1;
  width: 36%;
}

.products-slider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,.2);
          box-shadow: 0 0 30px rgba(0,0,0,.2);
  margin: 20px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 30px 20px;
  background-color: #fff;
}

.products-slider .item-img {
  margin-right: 15px;
}
.products-slider .item-text {
  
}
.products-slider .item-text h5{
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.products-slider .item-text h6{
  color: #e73548;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
.products-slider .item-text p{
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.products-slider .owl-nav{
  display: block !important;
  position: absolute;
  right: 0;
}
.products-slider .owl-nav .owl-prev {
  padding: 12px 16px 10px 16px;
  border-radius: 0;
  background: #e98b1c;
  border: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}
.products-slider .owl-nav .owl-next {
  padding: 12px 16px 10px 16px;
  border-radius: 0;
  background: #e98b1c;
  border: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}




/*****************************
portfolio-area
******************************/
.portfolio-area {
  overflow: hidden;
  padding: 50px 6%;
}

.portfolio-con {
  padding: 80px 0;
}
.copy_link a i{
  margin-right: 10px;
}
.copy_link a{
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-decoration: none !important;
  color: #fff;
  border-radius: 4px;
  z-index: 1;
  border: none;
  font-size: 14px;
  padding: 8px 20px;
  cursor: pointer;
  -webkit-transition: -webkit-transform ease-in .1s,-webkit-box-shadow ease-in .25s;
  transition: -webkit-transform ease-in .1s,-webkit-box-shadow ease-in .25s;
  transition: transform ease-in .1s,box-shadow ease-in .25s;
  transition: transform ease-in .1s,box-shadow ease-in .25s,-webkit-transform ease-in .1s,-webkit-box-shadow ease-in .25s;
  -webkit-box-shadow: 0 2px 25px rgba(0,204,204,.5);
          box-shadow: 0 2px 25px rgba(0,204,204,.5);
  border-radius: 40px;
  color: #fff;
  background: linear-gradient(45deg, #e73548, #e98b1c);
  margin-bottom: 15px;
  text-transform: capitalize;
}

.application h5{
  display: block;
  font-size: 13px;
  color: #e73548;
  font-weight: 800;
  line-height: 1.5;
}
.application h2{
  display: block;
  font-size: 28px;
  color: #000;
  font-weight: 800;
  line-height: 1.5;
}
.application h6{
  display: block;
  font-size: 13px;
  color: #e98b1c;
  font-weight: 800;
  line-height: 1.5;
}
.application p{
  display: block;
  font-size: 14px;
  color: #222;
  font-weight: 400;
  line-height: 1.5;
  margin: 10px 0;
}

.technologies h4{
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}

.technologies li{
  display: inline;
  list-style: none;
}

.technologies li a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30%;
  margin-right: 2.2%;
  background-color: #fff;
  border: #d1d1d1;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
  border-radius: 4px;
  padding: 12px 10px;
  position: relative;
  z-index: 1;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  float: left;
  margin-bottom: 25px;
}

.technologies li a img{
  height: 25px;
  margin-right: 10px;
}



.portfolio-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 40px 0;
}

.port-image img{
  width: 100%;
}

.port-color {
  padding-left: 50px;
}
.port-color li{
  display: block;
}
.port-color li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  line-height: 1.5;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.port-color li a span{
  display: inline-block;
  margin-right: 14px;
  border: 3px solid #fff;
  border-radius: 4px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
          box-shadow: 0 0 20px rgba(0,0,0,.2);
}


.single-portfolio {
  width: 100%;
  position: relative;
}


.portfolio1{
  background: -webkit-gradient(linear, right top, left top, from(#0069d9),color-stop(55%, #ffffff));
  background: linear-gradient(to left, #0069d9 0%,#ffffff 55%);
}
.portfolio1:before{
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  background: #0069d9;
  z-index: -1;
  width: 100%;
  bottom: 0;
}
.portfolio2{
  background: -webkit-gradient(linear, left top, right top, from(#5d00e7),color-stop(55%, #ffffff));
  background: linear-gradient(to right, #5d00e7 0%,#ffffff 55%);
}
.portfolio2:before{
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background: #5d00e7;
  z-index: -1;
  width: 100%;
  bottom: 0;
}
.portfolio3{
  background: -webkit-gradient(linear, right top, left top, from(#00d386),color-stop(55%, #ffffff));
  background: linear-gradient(to left, #00d386 0%,#ffffff 55%);
}
.portfolio3:before{
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  background: #00d386;
  z-index: -1;
  width: 100%;
  bottom: 0;
}

/*************************
conversation"
**************************/
.conversation {
  background: linear-gradient(45deg, #e63347, #e98e1b);
  padding: 40px 0;
  clear: both;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.conversation:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/formbg.png) repeat 0 0;
  -webkit-animation: slideer 30s linear infinite;
          animation: slideer 30s linear infinite;
  z-index: -1;
}
@-webkit-keyframes slideer {
  0%   {left:0; top:0;}
  100% {left:-100%; top:0}
}
@keyframes slideer {
  0%   {left:0; top:0;}
  100% {left:-100%; top:0}
}
.conversation .title {
  text-align: center;
  margin-bottom: 30px;
}
.conversation .title h4{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.conversation .title h5{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.conver-con p{
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 15px;
}
.conver-form .form-control:focus {
  color: #000;
  background-color: #fff;
  border-color: #ced4da;
  outline: inherit;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.conver-form .cus-btn{
  width: 100%;
}

/**************************
portfolio page  end
******************************/


/*******************************
about page start
**********************************/

.about-banner {
  background: url(../img/About-us-banner-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-title {
  padding-left: 15%;
}
.banner-title h6{
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
}
.banner-title h3{
  color: #fff;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 15px;
}
.banner-title a{
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  padding: 6px 20px;
  border-radius: 30px;
  font-size: 14px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.banner-title a:hover {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #222;
  background: #fff;
}



/*********************
our-partner
*********************/
.our-partner {
  overflow: hidden;
  padding: 50px 0 0 6%;
}

.strategic h3{
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 15px;
}
.strategic p{
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 15px;
}

.strategic {
  position: relative;
  background-color: #1f0048;
  padding: 30px;
}
.strategic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background: #1f0048;
  z-index: -1;
  width: 100%;
  bottom: 0;
}

.strategic-img {
  position: absolute;
  right: 0;
  left: -15px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
 
}



/***********************
our-story
************************8*/

.our-story {
  overflow: hidden;
  padding: 80px 0;
  background: #f4f5f9;
  position: relative;
}

.story-left {
  position: relative;
}

.story-left img{
  width: 100%;
}

.tab-content h4{
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.tabs-con p{
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #222;
  margin-bottom: 15px;
}

.story-nav .nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
}

.story-nav .nav-link.active, .story-nav .show>.nav-link {
    color: #0cc;
    background-color: transparent;
}

.story-nav {
  width: 120px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  left: 20%;
  right: 0;
  top: 50%;
  bottom: 0;
  border: 2px solid #0cc;
  height: 200px;
}


/*************************
our-team"
**************************/
.our-team {
  overflow: hidden;
  padding: 50px 6%;
}

.team-con h4{
  -webkit-transform: rotate(-90deg) scale(1.2);
          transform: rotate(-90deg) scale(1.2);
  white-space: nowrap;
  -webkit-transform-origin: left;
          transform-origin: left;
  position: absolute;
  left: -10px;
  top: 50%;
  bottom: auto;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}
.team-con h4:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  height: 1px;
  background: #ccc;
  left: -100px;
  right: 0;
  top: 12px;
  z-index: -1;
  width: 35%;
}
.teamass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.team-img img{
  width: 100%;
}

.team-con p{
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #222;
  margin-bottom: 15px;
}





/**************************
newsletter
***************************/
.newsletter {
  overflow: hidden;
  padding: 30px 0;
  background: #0cc;
}

.newsletter-text h3{
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 400;
}
.newsletter-text a {
  padding: 10px 20px;
  line-height: 1;
  border: 1px solid transparent;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  letter-spacing: .5px;
  border-radius: 170px;
  -webkit-box-shadow: 0px 6px 16px rgba(0,0,0,.3);
          box-shadow: 0px 6px 16px rgba(0,0,0,.3);
  background: #fff;
  color: #222;
  min-width: 160px;
  font-weight: 500;
  margin-top: 15px;
  display: inline-block;
}

.newsletter-text img{
  max-width: 60px;
  margin-left: 20px;
  vertical-align: text-bottom;
}
.newss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: 6%;
}


/**************************
Awareness
*************************/
.Awareness {
  overflow: hidden;
  padding: 50px 0px 50px 6%;
}
.Awareness-con h2{
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}
.Awareness-con p{
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 25px;
}

.Awareness-img {
  position: relative;
}

.Awareness-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-left: 100px solid #fff;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  right: -70px;
  left: auto;
}
.Awareness-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-left: 150px solid #fff;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  left: -82px;
}



/*****************************
our-achiev
*****************************/
.our-achiev {
  overflow: hidden;
  padding: 50px 6%;
}

.achiev-con h3{
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
}

.achiev-con p{
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
}
.achiev-con ul{
  margin-bottom: 15px;
}
.achiev-con li{
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #222;
  margin: 5px 0;
  position: relative;
}
.achiev-con li:before {
  content: "";
  background: url(../img/list.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 14px;
}

.achiev-img img{
  width: 100%;
}


/*******************************
about page end
**********************************/