.how_heading{
    color: #2dbdca;
      font-size: 2rem;
      text-align: center;
      margin-bottom: 20px;
      font-weight: 700;
      
}

.how_heading span{
    height: 4px;
      width: 95px;
      border-radius: 50px;
      margin: auto;
      margin-top: 10px;
      background-color: #ff9841;
      display: block;
      margin-top: 20px;
}

@media(max-width:768px){
    .how_heading{
      font-size: 26px;
  
    }
}

@media(max-width:991px){
    .how_heading span{
      margin-top: 10px;
    }
}

.how-it-works-wrapper{
    /* box-shadow: 0px 14px 27px #0000000D; */
  border-radius: 24px;
  position:relative;
  margin:  0 15px;
  z-index: 0;
}

.how-it-works-wrapper h5{
    font-size: min(max(20px,1.25vw),24px);
    font-weight: 700;
}

.how-it-works-wrapper::before{
    content: "";
    width: 100%;
    height: 75%;
    position: absolute;
    box-shadow: 0px 14px 27px #0000000D;
    border-radius: 24px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
  


.how-it-text-box .steps-text{
    color: rgba(41, 52, 80 , 0.6);
    font-size: min(max(14px, 1.041vw), 20px);
    line-height: min(max(21px, 1.66vw), 32px);
}

@media (min-width: 991px){
    .col-lg-4 { 
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media(max-width:991px){
    .how_heading span{
        margin-top: 10px;
    }

    .how-it-works-wrapper{
        display: flex;
        align-items: flex-start;
        padding: .8rem;
        margin: 0;
    }

    .how-it-works-wrapper::before{
        height: 100%;
    }

    .how-img-1 img{
        max-width: 85px;
        height: 85px;
        min-width: 85px;
        object-fit: contain;
    }

    /* .how-it-works-wrapper .steps-text{
        line-height: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        transition: all ease-in-out 2s;
    }

    .how-it-works-wrapper .steps-text.active{
        line-clamp: unset;
        -webkit-line-clamp: unset;
        overflow:unset;
        -webkit-box-orient: unset;
        text-overflow: unset;
        display: block
    } */
    .content-box {
        position: relative;
    }

    .clamp {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; 
        overflow: hidden;
    }

    

    /* .how-it-works-wrapper{
        max-height: 170px;
    } */
}