.stat--items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 20px;
}
.stat--item {
	color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	padding: 30px;
}
	.stat--item > span {
		display: block;
		width: 100%;
	}
	.stat--item .stat--item--num {
		font-size: 2.5rem;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 0.625rem;
	}
		.stat--item .stat--item--num:after {
			content: "";
			display: block;
			background-color: white;
			width: 30px;
			height: 5px;
			margin-top: 5px;
		}

@media (max-width: 768px) {
	.stat--items {
		grid-template-columns: 1fr;
	}
	.stat--item {
		padding: 20px;
	}
}

.theme--college-inquiry .stat--item_1 {
	background-color: var(--color--purple);
}
.theme--college-inquiry .stat--item_2 {
		background-color: var(--color--purple-2);
}
.theme--college-inquiry .stat--item_3 {
		background-color: var(--color--purple-3);
}

.theme--college-bridge .stat--item_1 {
	background-color: var(--color--green);
}
.theme--college-bridge .stat--item_2 {
		background-color: var(--color--green-2);
}
.theme--college-bridge .stat--item_3 {
		background-color: var(--color--green-3);
}

.theme--right-to-college .stat--item_1 {
	background-color: var(--color--orange);
}
.theme--right-to-college .stat--item_2 {
		background-color: var(--color--orange-2);
}
.theme--right-to-college .stat--item_3 {
		background-color: var(--color--orange-3);
}

.theme--college-allies .stat--item_1 {
	background-color: var(--color--red);
}
.theme--college-allies .stat--item_2 {
		background-color: var(--color--red-2);
}
.theme--college-allies .stat--item_3 {
		background-color: var(--color--red-3);
}

.theme--general .stat--item_1 {
	background-color: var(--color--blue);
}
.theme--general .stat--item_2 {
		background-color: var(--color--blue-dark);
}
.theme--general .stat--item_3 {
		background-color: var(--color--blue-medium);
}