.btn-primary{
    /* background: linear-gradient(to right, #0170B9 0%, #1dc8cc 100%); */
}

  
  .service-24 .card.card-shadow {
      box-shadow: 0px 15px 17px;
  }
  
  .service-24 a {
      text-decoration: none;
  }
  
  .service-24 .card-hover {
      background: #0170B9;
      background: linear-gradient(to right, #0170B9 0%, #1dc8cc 100%);
  }
  
  .service-24 .card-hover .bg-success-grediant {
        color: #ffffff;
      text-fill-color: #ffffff;
      -webkit-text-fill-color: #ffffff;
  }
  
  .service-24 .card-hover .ser-title {
      color: #ffffff;
  }
  
  .service-24 .bg-success-grediant {
          background: #0170B9;
      background: -webkit-linear-gradient(legacy-direction(to right), #0170B9 0%, #1dc8cc 100%);
      background: -webkit-gradient(linear, left top, right top, from(#0170B9), to(#1dc8cc));
      background: -webkit-linear-gradient(left, #0170B9 0%, #1dc8cc 100%);
      background: -o-linear-gradient(left, #0170B9 0%, #1dc8cc 100%);
      background: linear-gradient(to right, #0170B9 0%, #1dc8cc 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
      font-size: 50px;
  }
  
  .service-24 .wrap-service-24 .card {
      -o-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
      -webkit-transition: 0.3s ease-out;
  }
  
  .service-24 .wrap-service-24 .card:hover {
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
  }
  
  .service-24 .btn-outline-success {
          color: #0170B9 !important;
      background-color: transparent;
      border-color: #0170B9;
  }
  
  .service-24 .btn-outline-success:hover {
          background: #0170B9;
      border-color: #0170B9;
      color: #ffffff !important;
  }
  
  .service-24 .btn-md {
      padding: 15px 45px;
      font-size: 16px;
  }



  .service-block{
    width:50%;
  }






  .service-26 {
    /* font-family: "Montserrat", sans-serif; */
      color: #8d97ad;
    font-weight: 300;
  }
  
  .service-26 h1, .service-26 h2, .service-26 h3, .service-26 h4, .service-26 h5, .service-26 h6 {
    color: #3e4555;
  }
  
  .service-26 .font-weight-medium {
      font-weight: 500;
  }
  
  .service-26 .badge {
      line-height: 14px;
  }
  
  .service-26 .badge-info {
      background: #188ef4;
  }
  
  .service-26 .wrap-service-26 .max-box {
    max-width: 580px;
  }
  
  .service-26 a {
      text-decoration: none;
  }
  
  .service-26 .linking {
      color: #3e4555;
  }
  
  .service-26 .linking:hover {
      color: #316ce8;
  }


  .demp {
    position: relative;
    display: block;
    background: rgba(0, 0, 0, 0.7); /* 20% zwarte overlay */

}

.demp::after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}