.flow-wrapper {
  display: flex;
  gap: 20px; /* gap-5 = 1.25rem = 20px */
  justify-content: center;
  align-items: center;
  margin-bottom:20px;
}

.flow-wrapper .flow-status {
  border-radius: 8px; /* rounded-lg */
  background-color: #fdefed;
  padding: 5px 20px; /* p-4 = 1rem = 16px */
  color: #2a518a;
  font-weight: bold;
  text-align: center;
}

.flow-wrapper .flow-status.active {
  background-color: #FF6041;
  color: white;
}

@media (min-width: 1024px) {
  .flow-wrapper .flow-status {
    padding-left: 56px; /* lg:px-14 = 3.5rem = 56px */
    padding-right: 56px;
    font-size: 22px; /* lg:text-xl = 1.25rem = 20px */
  }

  .lg\:hidden{
    display:none
  }
}