.landing-about {
    margin-top: 90px;
    background: url('./imgs/bg2.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.landing-about .row .col {
    height: 80vh;
}

.landing-about h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900;
}

.about-content{
    margin-top: 88px;
    background: #000 url('./imgs/abt-service-bg.png');
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.anim,
.anim svg {
    position: relative;
    width: 90%;
    height: 90%;
    padding: 20px 0px;
}

.anim path {
    stroke-width: 2;
}

.experience i, .respon i{
    color: #00736c;
    padding-right: 10px;
}


.about-pic-gp .img{
    background-size: cover;
    margin: 10px;
    background-color: #999;
    background-position: center;
}

.about-pic-gp .img1{
    height: 100px;
    width: 250px;
    background-image: url(./imgs/about-exp1.jpg);
}
.about-pic-gp .img2{
    height: 350px;
    width: 250px;
    background-image: url(./imgs/about-exp3.jpg);
}
.about-pic-gp .img3{
    height: 350px;
    width: 250px;
    background-image: url(./imgs/about-exp4.jpg);
}
.about-pic-gp .img4{
    height: 100px;
    width: 250px;
    background-image: url(./imgs/about-exp2.jpg);
}


@media (max-width:578px){
    .about-pic-gp .img1{
        height: 80px;
        width: 150px;
    }
    .about-pic-gp .img2{
        height: 250px;
        width: 150px;
    }
    .about-pic-gp .img3{
        height: 250px;
        width: 150px;
    }
    .about-pic-gp .img4{
        height: 80px;
        width: 150px;
    }
}

/*content-step*/

.content-step{
    position: relative;
}
 
.content-step h1{
    margin-right: 10px;
    color: #03A69B;
    font-size: 4rem !important;
    opacity: 0.7;
}

.content-step h2{
    z-index: 1;
}

.content-step p{
    color: #999;
    padding-top: 6px;
}

/*Services-about*/

.services-all{
    background: rgba(255,255,255,0.05) url('./imgs/abt-service-bg.png');
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.service-item{
    padding: 25px 15px ;
    border-top: 1px solid #777;
    transition: 0.3s;
    background: transparent;
}

.service-item:hover{
    background-color: rgba(0,0,0,0.05);
}

/*team membors css*/

.team-mem{
    border: 0;
    padding: 25px 10px;
}
.team-mem h5{
    color: #03A69B;
    font-weight: 600 !important;
}
.team-mem p{
    color: #fff !important;
}
.avator{
    height: 60px;
}
.team-mem img{
    width: 100%;
    height: 100%;
}


    /*Timeline press*/

    
/*--------------timeline-----------------*/
.journey-style{
    width: 100%;
    margin:0 auto; 
    padding: 0px 10px;
 }
  .journey-style .timeline {
      position: relative;
      padding: 21px 0px 10px;
      margin-top: 50px;
      margin-bottom: 30px;
 }
 
  .journey-style .timeline .line {
      position: absolute;
      width: 2px;
      display: block;
      background: currentColor;
      top: 0px;
       left:-1px;
      bottom: 0px;
      margin-left: 32px;
      color: #555;
 }
 
  .journey-style .timeline .separator {
      border-top: 1px solid currentColor;
      padding: 5px;
      padding-left: 40px;
      font-style: italic;
      font-size: .9em;
      margin-left: 30px;
 }
  .journey-style .timeline .line::before {
      top: -4px;
 }
  .journey-style .timeline .line::before{
      content: '';
      position: absolute;
      left: -6px;
      width: 13px;
      height: 13px;
      display: block;
      border-radius: 50%;
      background: #000;
 }
  .journey-style .timeline .panel {
      position: relative;
      margin: 10px 0px 21px 70px;
      clear: both;
 }
  .journey-style .timeline .panel::before {
      position: absolute;
      display: block;
      top: 8px;
      left: -24px;
      content: '';
      width: 0px;
      height: 0px;
      border: inherit;
      border-width: 12px;
      border-top-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
 }
  .hover-color-link span:hover{
      color: #fff;
      background-image: linear-gradient(60deg, #29323c 0%, #485563 100%) !important;
      transition: 0.5s;
      box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
      transition: .2s ease-out;
 }
  .hover-color-link:hover{
      color: #fff !important;
 }
  .journey-style .timeline .panel .panel-heading.icon * {
      font-size: 20px;
      vertical-align: middle;
      line-height: 40px;
 }
  .journey-style .timeline .panel .panel-heading.icon {
      position: absolute;
      left: -54px;
      display: block;
      width: 32px;
      height: 32px;
      padding: 0px;
      border-radius: 50%;
      text-align: center;
      float: left;
      border-color: transparent;
      transition: 1.3s;
 }
  .journey-style .timeline .panel-outline {
      border-color: transparent;
      background: transparent;
      box-shadow: none;
 }
  .journey-style .journey-style .timeline .panel-outline .panel-body {
      padding: 10px 0px;
 }
  .journey-style .timeline .panel-outline .panel-heading:not(.icon), .journey-style .timeline .panel-outline .panel-footer {
      display: none;
 }
  .journey-style .panel-heading{
    margin-top: 6px;
      background-color:#03A69B;
      color:#000;
 }
  .journey-style .date-extend .panel-heading{
      background-color:#f06292;
      color:#000;
 }
  .journey-style .panel-body {
      padding: 0px;
 }
  .journey-style .panel-body h3{
      margin: 0px;
      text-align: left;
      margin-left: 1em;
      margin-top: -0.3em;
      padding-bottom: 0.5em;
      line-height: 1.3em;
 }
  .journey-style .panel-body h3 time{
      color: #000;
      font-size: 18px;
 }
  .journey-style .panel-body h3 p{
      font-size: 15px;
      color: #888;
      font-weight: 400;
 }
  .journey-style .panel-outline:hover .panel-heading.icon{
      -webkit-transform: scale(1.2,1.2);
      -moz-transform: scale(1.2,1.2);
      -ms-transform: scale(1.2,1.2);
      -o-transform: scale(1.2,1.2);
      transform: scale(1.2,1.2);
      transition: 0.5s;
 }