/* Common Styles */
    .step {
      box-sizing: border-box;
      margin-bottom: 20px;
      overflow: hidden;
      display: flex;
      align-items: center;
      border: 1px solid #ddd;
      padding: 10px;
      position: relative;
    }
     .mytitle{
     
     }
     .step:hover {
      background-color: #f0f0f0; /* Hover background color */
    }
    .step-number {
     box-sizing: border-box;
    color: blue;
    flex: 0 0 20px;
    font-size: 2.2em;
    background: antiquewhite;
    font-weight: bold;
    margin-right: 10px;
    }

    .step-content {
      box-sizing: border-box;
      flex: 1;
    }

    /* PC Styles */
    @media only screen and (min-width: 768px) {
      .step {
        width: calc(50% - 20px);
        float: left;
        margin-right: 20px;
      }
    }

    /* Mobile Styles */
    @media only screen and (max-width: 767px) {
      .step {
        width: calc(100% - 20px);
        margin-right: 0;
      }
    }