.form-check {
  align-items: center; /* Vertically centers items */
}

.form-check-group {
  display: flex; /* Aligns children in a column */
  flex-direction: column; /* Stacks cards vertically */
  gap: 10px; /* Adds space between each card */
  margin-bottom: 10px; /* Adds spacing below the group */
}

.form-check.card {
  display: flex;
  flex-direction: row;
  align-items: center; /* Aligns items vertically centered */
  width: 300px;
  padding: 10px; /* Adds some padding to the card */
  border: 1px solid #ccc; /* Adds a border */
  border-radius: 5px; /* Rounds the corners */
  cursor: pointer; /* Changes cursor on hover */
}

.form-check-input-radio {
  margin-right: 10px; /* Adds spacing between the radio button and label */
  /* Ensure vertical alignment */
  position: relative; /* Allows precise positioning */
  top: 2px; /* Adjust this value to align with label */
}

.form-check-img {
  width: 100px; /* Set image width */
  height: 50px; /* Set image height */
  margin-right: 10px; /* Adds spacing between image and text */
}