body.dp-app--dentalplans .savings-calculator {
	color: #080709;
}

.savings-calculator--box {
	align-items: start;
	display: grid;
	max-width: calc(794px + (2 * var(--wp--custom--gap--horizontal)));
	gap: 40px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 2;
	padding: 0 var(--wp--custom--gap--horizontal);
}

.wp-block-group.has-background .savings-calculator--box {
	padding: 0;
}

.savings-calculator--intro {
	display: grid;
	gap: 16px;
	text-align: center;
}

body .savings-calculator--heading {
	font-size: 2rem !important;
	line-height: 1.3 !important;
	margin: 0;
	text-align: center;
}

body .savings-calculator--subheading {
	font-size: 20px !important;
	line-height: 1.6 !important;
	margin: 0;
	text-align: center;
}

body.dp-app--dentalplans .savings-calculator--content {
	color: #4b5260;
}

.savings-calculator--content {
	font-weight: var(--wp--custom--body--typography--font-weight);
	font-size: 19px;
	line-height: 1.6;
}

.savings-calculator--grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"question-1 question-2"
		"list-1 list-1"
		"list-2 list-2";
	row-gap: 32px;
	margin-bottom: 40px;
}

.savings-calculator--action {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}

.savings-calculator--question {
	display: grid;
	gap: 16px;
}

.savings-calculator--question.»one {
	grid-area: question-1;
	border-right: 1px solid rgba(8, 7, 9, 0.15);
	padding-right: 48px;
}

.savings-calculator--question.»two {
	border-left: 1px solid rgba(8, 7, 9, 0.15);
	box-shadow: none;
	grid-area: question-2;
	padding-left: 48px;
	padding-top: 0;
}

.savings-calculator--list {
	background: var(--wp--preset--color--secondary-pearl);
	border-radius: 16px;
	display: grid;
	gap: 32px;
	padding: 24px 32px;
}

.has-secondary-pearl-background-color.has-background .savings-calculator--list {
	background: #fff;
}

.savings-calculator--actions {
	display: flex;
	gap: 16px;
}

.savings-calculator--actions > label {
	flex: 1;
}

.savings-calculator--list.»one {
	grid-area: list-1;
}

.savings-calculator--list.»two {
	grid-area: list-2;
}

.»list-one--hidden.»list-two--hidden .savings-calculator--grid {
	row-gap: 0;
}

.»list-one--hidden .savings-calculator--list.»one {
	display: none;
}

.»list-two--hidden .savings-calculator--list.»two {
	display: none;
}

.savings-calculator-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.savings-calculator-item {
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

.savings-calculator-item--label {
	color: #4b5260;
	flex: 1;
	font-size: 16px;
	font-weight: var(--wp--custom--body--typography--font-weight);
}

.savings-calculator-item--input {
	appearance: none;
	background: none;
	color: #080709;
	border: none;
	font-family: var(--wp--custom--body--typography--font-family);
	font-size: 20px;
	font-weight: var(--wp--custom--heading--typography--font-weight);
	line-height: 40px;
	padding: 0;
	position: relative;
	top: 3px;
	text-align: center;
	width: 32px;
}

.savings-calculator-item:nth-child(odd) {
	padding-right: 16px;
	border-right: 1px solid rgba(8, 7, 9, 0.15);
}

.savings-calculator-item:nth-child(even) {
	padding-left: 16px;
	border-left: 1px solid rgba(8, 7, 9, 0.15);
}

.savings-calculator-item--minus,
.savings-calculator-item--plus {
	appearance: none;
	background: none;
	border: none;
	line-height: 0;
	padding: 0;
}

.savings-calculator-item--minus svg,
.savings-calculator-item--plus svg {
	fill: var( --wp--preset--color--primary, #2445EA );
	height: 25px;
	width: 25px;
}

.savings-calculator--inputs {
	align-items: start;
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 24px;
}

.savings-calculator--inputs:has( > :only-child ) {
	grid-template-columns: 1fr;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 385px;
}

.savings-calculator--inputs .radar-input-box,
.savings-calculator--inputs .input-text {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
	.savings-calculator--grid {
		grid-template-columns: 1fr;
		grid-template-areas:
			"question-1"
			"list-1"
			"question-2"
			"list-2";
		margin-bottom: 24px;
		row-gap: 8px;
	}

	.»list-one--hidden.»list-two--hidden .savings-calculator--grid {
		row-gap: 8px;
	}

	.savings-calculator--inputs {
		gap: 16px;
		grid-template-columns: 1fr;
	}

	.savings-calculator--question {
		padding-bottom: 16px;
	}

	.savings-calculator--question.»one {
		border-right: none;
		padding-right: 0;
	}

	.savings-calculator--question.»two {
		border-left: none;
		border-top: 1px solid rgba(8, 7, 9, 0.15);
		padding-left: 0;
		padding-top: 25px;
	}

	.savings-calculator--list {
		margin-bottom: 16px;
	}

	.savings-calculator-items {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.savings-calculator-item:nth-child(odd) {
		padding-right: 0;
		border: none;
	}

	.savings-calculator-item:nth-child(even) {
		padding-left: 0;
		border: none;
	}
}