.sub-banner{
    background-image: url(../images/services.webp);
}
.services-button .btn{
   
    background: #ffb716;
    
        color: #fff;
        border: none;
        transition: all 0.3s ease;
        overflow: hidden;
        position: relative;
        outline: 0;
        z-index: 1;
        font-weight: 700;
      }
      .services-button .btn:hover{
        color: #ffb716;
      }
      .services-button .btn::after{
   
     content: "";
     background-color: #532D8D;
     bottom:0;
     left:0;
     position: absolute;
     width: 100%;
     height: 0%;
     transition: all 0.3s ease;
     z-index: -1;

    }
    .services-button .btn:hover::after{
        height: 100%;
        top:0;
        bottom: auto;

    }
    .service-sec .card{
        border:none;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(255, 214, 98);
        border-radius: 16px;
        transition: all 0.6s ease;
        overflow: hidden;
        margin-bottom: 50px;
        transition: all .2s ease-in;
        min-height: 34rem;
       
    }
    .service-sec .services-button{
      position: absolute;
      bottom: 27px;
    }

    .service-sec .card:hover{
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
 
    /* .service-sec   .img-zoom{
        overflow: hidden;
        border-radius: 15px;
      }
      .service-sec  img{
        transition: all 0.8s ease;
        animation: img 2s infinite alternate;
      } */
     
      @keyframes img {
        0%{transform: scale(1);}
        100%{transform: scale(1.4);}
      }
      /* .card-body-text p{
        font-size: 16px;
      } */