.steps {
  display: flex;

  justify-content: space-between;

  font-weight: 600;

  font-size: 0.9rem;
}

.steps span {
  color: #999;
}

.steps span.active {
  color: #198754;
}

.card {
  border-radius: 15px;
}

.card-header {
  background: #fff;

  border-bottom: 1px solid #eee;
}

.card-header h3 {
  margin: 0;

  font-size: 1.4rem;
}

.form-control,
.form-select {
  border-radius: 10px;

  min-height: 48px;
}

.card-footer {
  background: white;
}

.card-body textarea {
  resize: none;

  border-radius: 12px;
}

.form-check {
  background: #f8f9fa;

  border: 1px solid #e9ecef;

  border-radius: 10px;

  padding: 12px 18px;

  transition: 0.25s;

  cursor: pointer;
}

.form-check:hover {
  background: #eef7ee;

  border-color: #198754;
}

.form-check-input {
  cursor: pointer;
}

.form-check-label {
  cursor: pointer;

  width: 100%;
}

.interest-card {
  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  padding: 30px;

  border: 2px solid #e9ecef;

  border-radius: 15px;

  background: white;

  cursor: pointer;

  transition: 0.25s;

  height: 100%;
}

.interest-card:hover {
  transform: translateY(-5px);

  border-color: #198754;

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.interest-card input {
  display: none;
}

.interest-card h5,
.interest-card h6 {
  margin-top: 15px;
}

.interest-card small {
  color: #666;
}

.interest-card.selected {
  background: #198754;

  color: white;

  border-color: #198754;
}

.interest-card.selected small {
  color: white;
}

.interest-card.selected i {
  color: white !important;
}

.small-card {
  padding: 20px;
}