.process-step {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    /* padding: 5px; */
    position: relative;
    width: 230px;
    height:200px;
    margin: 5px;
    text-align: center;
    margin-bottom: -50px;
    aspect-ratio:2/3;
    clip-path: polygon(75% 0%, 100% 33%, 75% 70%, 0% 70%, 25% 33%, 0% 0%);
  }

  .step-title {
    font-weight: bold;
    margin-bottom: 5px;
  }

  .process-data{
    line-height: 2;
  }

  .process-child{
    height: 400px;
    margin-left: 15px;
    text-align: center;
  }

  .process-title{
    height: 55px;
    align-content:center ;
  }
  

  .process-div{
    margin-left: 15px;
    padding:10px;
    text-align: flex-start;
    /* margin-top: -30px; */
  }

  /* .process-div-child{
    text-align: flex-start;
  } */

  .icon{
    font-size: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -67px;
    margin-left: 85px;
  }

  @media screen and (max-width: 767px) {
    /* Hide the first section on mobile screens */
    .hide-mob {
      display: none;
    }
  }
  
  @media screen and (min-width: 768px) {
    /* Hide the second section on laptop screens */
    .hide-lap {
      display: none;
    }
  }

  @media screen{
    .process-div-mobile{
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust column width as needed */
      justify-content: center;
    }
    .mobile-view-head{
      justify-content: center;
      margin-top: 20px;
    }
    .mobile-icon{
      font-size: 60px;
    /* display: inline; */
    justify-content: center;
    margin-top: -80px;
    margin-left: 90px;
    }
  }