.custom-grid {
    margin-bottom: 16px; /* mb: 2 */
    display: flex;
    flex-direction: row;
    margin-top: 8px; /* mt: 1 */
  }
  
  .custom-label {
    display: block;
    margin-bottom: 12px; /* mb-3 */
    font-family: sans-serif;
    font-size: 1rem; /* 1.00rem */
    color: black;
  }
  
  .custom-radio-group {
    display: flex;
    flex-direction: row;
    margin-top: 4px; /* mt: 0.5 */
  }
  
/* styles.css */
.time-input-container {
    display: flex;
    align-items: center;
    margin-bottom: 16px; /* Adjust spacing as needed */
  }
  
  .time-input-label {
    margin-right: 16px; /* Spacing between label and input */
    font-family: sans-serif;
    font-size: 1rem;
    color: black;
  }
  
  .time-input-field {
    height: 40px; /* Set height of the input field */
  }
  
  .time-input-field input {
    padding: 8px 12px; /* Adjust padding inside the text field */
    box-sizing: border-box; /* Ensure padding is included in height */
  }
  
  .time-input-field::placeholder {
    color: #999; /* Placeholder text color */
  }
  

  .dummy{
    background-color: blueviolet;
    width: 100px;
    height: 100px;
  }