body {
}


.salvation-content {
	margin-left: 3.125em;
	display: grid;
	grid-template-columns: 31.25em 1fr;
	grid-template-rows: repeat(5 1fr);
	gap: 3.125em;
	margin-bottom: 1.25em;
}

	.salvation-content p {
		margin-bottom: 1em;
	}

.Salvation-Section-content {
	grid-column: 1 / -1;
	grid-row: 1 / 2;
}

.need-text {
	grid-column: 1 / 3;
}

.Salvation-Section-img {
	grid-column: 2 / 5;
	grid-row: 1 / 2;
	min-width: 50%;
	min-height: 50%;
	max-height: 75%;
	max-width: auto;
	width: auto;
	height: auto;
	padding-right: 1.5em;
}

.accordion {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	margin-right: 3.125em;
}

.Item {
	display: grid;
	grid-template-columns: 15.625em 15.625em 1.5em auto;
	column-gap: 1.5em;
	row-gap: 2em;
	align-items: center;
}



.section-title {
	grid-column: 1 / 3;
	justify-items: end;
}

.expand {
	grid-column: 3 / 4;
	border: none;
	background-color: rgba(230, 234, 242, 10);
}

.icon {
	width: 1.5em;
	height: 1.5em;
	stroke: #1864ab;
}

	.icon:hover {
		width: 1.875em;
		height: 1.875em;
		stroke: #1971c2;
	}

.Hidden-Box {
	padding: 1.5em;
	grid-column: 1 / -1;
	gap: 1.5em;
	display: none;
	width: 50%;
}

.open {
	border-top: 0.25em solid #1864ab;
	display: flex;
}



	.open .number, .open .text {
		color: #1864ab;
	}


@media (max-width: 58em) {

	.page-title h1 {
		font-size: 1em;
	}

	.Hidden-Box {
		width: 35em;
		height: 10em;
		overflow: auto;
	}

	.icon {
		width: 1em;
		height: 1em;
	}

	.Salvation-Section-content h2 {
		font-size: 1em;
	}

	.Item {
		grid-template-columns: 7em 7em 1.5em auto;
	}

		.Item img {
			width: 1.5em;
			height: auto;
		}

	Hidden-Box {
		padding: 1.5em;
		grid-column: 1 / 2;
		gap: 1.5em;
		display: none;
		width: 50%;
	}
}

@media (max-width: 25em) {

	.page-title h1 {
		font-size: 1em;
	}

	.Hidden-Box {
		width: 15em;
		height: 10em;
		overflow: auto;
	}

	.icon {
		width: 1em;
		height: 1em;
	}

	.Salvation-Section-content h2 {
		font-size: 1em;
	}

	.Item {
		grid-template-columns: 2em 2em 1.5em auto;
	}

		.Item img {
			width: 0.5em;
			height: auto;
		}

	Hidden-Box {
		padding: 1.5em;
		grid-column: 1 / 2;
		gap: 1.5em;
		display: none;
		width: 50%;
	}
}