.teal-bg {
	background: #215868;
	fill: #215868;
}

.teal-text {
	color: #215868;
}

.yellow-bg {
	background: #ffda42;
	fill: #ffda42;
}

.yellow-text {
	color: #ffda42;
}

.light-blue-bg {
	background: #e6f5fc;
	fill: #e6f5fc;
}

.light-blue-text {
	color: #e6f5fc;
}

.grey-bg {
	background: #e6e1dd;
	fill: #e6e1dd;
}

.grey-text {
	color: #e6e1dd;
}

.white-bg {
	background: #fff;
	fill: #fff;
}

.white-text {
	color: #fff;
}

.black-bg {
	background: #0a0a0a;
	fill: #0a0a0a;
}

.black-text {
	color: #0a0a0a;
}

.dark-blue-bg {
	background: #1a2632;
	fill: #1a2632;
}

.dark-blue-text {
	color: #1a2632;
}

.white-to-grey-bg {
	background: linear-gradient(0deg, #e6e1dd, #fff);
}

.grey-to-white-bg {
	background: linear-gradient(180deg, #e6e1dd, #fff);
}