.how-wms {
  padding: 90px 0 150px;
  @media (max-width: 991px) {
   padding: 60px 0 90px;
  }
  @media (max-width: 767px) {
    padding: 50px 0;
  }
  .text-cont {
    position: sticky;
    top: 100px;
    margin-top: 100px;
    @media (max-width: 991px) {
      text-align: center;
      margin: 0 0 50px;
    }

    p.section-content {
      margin: 30px 0 45px;
    }
  }

  .card-parent {
    &:nth-child(even){
      margin-top: 40px;
      @media (max-width:767px) {
        margin: 0;
      }
    }
    .card {
      background: #FCFCFC;
      border-radius: 20px;
      border: 0;
      padding: 40px 40px 40px 45px;
      box-shadow: 9.29px 8.36px 51px 0 #43434312;
      min-height: 515px;
      @media (max-width: 1199px) {
        padding: 40px 30px 40px 35px;
        min-height: auto;
        margin-bottom: 20px;
      }

      .text-content {
        text-align: left;
        margin-bottom: 0;

        h3 {
          font-family: $Inter;
          color: #171717;
          text-transform: capitalize;
          font-size: 24px;
          font-weight: 700;
          line-height: 35px;
          margin-bottom: 20px;
          @media (max-width: 1399px) {
            font-size: 19px;
            line-height: 28px;
          }
          @media (max-width: 1199px) {
            font-size: 16px;
            line-height: 23px;
          }
        }

        p {
          font-family: $Inter;
          color: #5F5F5F;
          margin-bottom: 40px;
          font-size: 17px;
          font-weight: 400;
          line-height: 30px;
          @media (max-width: 1399px) {
            font-size: 16px;
            line-height: 25px;
          }

          a {
            text-decoration: none;
            color: #8D6BEC;
            float: none;
          }
        }

        a {
          float: right;
          position: absolute;
          bottom: 40px;
          right: 40px;
        }
      }

      .img-content {
        margin-bottom: 20px;
      }
    }
  }
}