@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Hebbo:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--primary-color: #5b87da;
	--secondary-color: #fbb900;

	--background-color: #e8edf0;
	--text-color: #333333;

	--font-family-primary: 'Helvetica Neue', sans-serif;
	--font-family-secondary: 'Heebo', sans-serif;
	--font-family-poppins: 'Poppins', sans-serif;

	--color-skeleton-bg: #f6f8fe;
}

.viability-quote {
	.savings {
		background: var(--color-skeleton-bg, #effcfc);
		box-shadow: 0px 0px 8px rgba(47, 72, 88, 0.1);
		border-radius: 4px;
		padding: 24px;
	}

	.title {
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		color: #000000;
	}
}

.description-link span {
	color: var(--primary-color);
	text-decoration: underline;
	font-weight: 700;
	cursor: pointer;
}