.custom-radio {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
  cursor: pointer;
}

.custom-radio input {
  display: none;
}

.radio-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #e5e9ee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #6b7280;
}

.custom-radio input:checked + .radio-circle {
  background: #2cc78f;
  color: #fff;
}

.radio-circle::before {
  content: attr(data-letter);
}

.zachtgroen {
	background: rgba(0,205,135,.15);
	border: 1px solid #00CD87;
}

.quiz-vraag { display: none; }
.quiz-vraag:first-of-type { display: block; }
.quiz-vraag.active { display: block; }

.calc-input-wrap {
	position: relative;
}

.calc-input-wrap .calc-currency {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 700;
	color: var(--accent-1);
	z-index: 2;
}

.calc-main-input {
	border-radius: 18px;
	border: 1px solid #dfe5ee;
	padding-left: 42px;
	height: 62px;
	font-size: 24px;
	font-weight: 600;
	box-shadow: none;
}

.calc-main-input:focus {
	border-color: var(--accent-1);
	box-shadow: 0 0 0 0.2rem rgba(13,110,253,.12);
}
.calc-main-input::placeholder {
	color: #adb5bd;
	opacity: 1;
}
.compensatie-portemonnee {
	position: absolute;
	top: 24px;
	right: 42px;
	width: 170px;
	height: auto;
	pointer-events: none;
}

@media (max-width: 767px) {
	.compensatie-portemonnee {
		width: 110px;
		top: 20px;
		right: 20px;
	}
}