.ca-service-card {
      width: 300px;
      height: 400px;
      border-radius: 15px;
      position: relative;
      overflow: hidden;
      transition: all .5s ease-in-out;
    }

    .ca-service-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: .3;

    }

   .slide-content {
    background: #00000069;
    color: #fff;
    
    padding: 15px;
    height: 100%;
    transform: translate3d(0px, 82%, 0px);
    transition: all .5s ease-in-out;
}

    .slide-content h4 {
      margin: 0;
        color: #fff;
      font-size: 20px;
      font-weight: 700;
      font-family: "Urbanist", Sans-serif;
    }

    .slide-content p {
      font-size: 16px;
      font-weight: 400;
      font-family: "Urbanist", Sans-serif;
      line-height: 1.5rem;
      margin-bottom: 0;
    }

    .ca-service-card:hover .slide-content {
      transform: translate3d(0px, 0%, 0px);
      transition: all .5s ease-in-out;
      height: 100%;
    }

    .divider-line {
      height: 2px;
      width: 100%;
      background: #3FC1DF;
      margin: 15px 0;
    }
    @media (max-width:767px) 
    {
      
    }