.icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #bebec0; /* Set your desired background color */
    color: #fff; /* Set the color for the icon */
  }

  .custom-steps-icons {
    flex-direction: column;
    align-items: center;
  }
  
  .custom-steps-icon,
  .custom-steps-connect {
    margin-bottom: 20px;
  }
  
  @media (min-width: 768px) {
    .custom-steps-icons {
      flex-direction: row;
    }
  
    .custom-steps-icon,
    .custom-steps-connect {
      margin-bottom: 0;
    }
  }