#info_card_section
{
	z-index: 1;
}
.info-card-container {
	margin-top: calc(var(--ssunit) * 2);
	display: flex;
	gap: calc(var(--ssunit) * 3);
	flex-direction: column;
	align-items: center;
	z-index: 1;
}

.info-card {
	width: 50%;
	color: var(--dark-blue, #023047);
	text-align: center;
	font-family: "rl-aqva";
	font-size: calc(var(--ssunit) * 1.75);
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	transition: transform .5s;
	padding: calc(var(--ssunit) * 6.5) calc(var(--ssunit) * 4);
	border-radius: calc(var(--ssunit) * 1.25);
	background: var(--col_orange, #FF8142);
	/* nav bar */
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
	/* backdrop-filter: blur(2px);*/
}

.info-card:nth-child(2) {
	background-color: var(--col_olive);
}

.info-card:nth-child(3) {
	background-color: var(--col_skyblue);
}

.info-card:hover {
	transform: rotate(-6deg);
}

.info-card:nth-child(2):hover {
	transform: rotate(6deg);
}

.info-card:nth-child(4):hover {
	transform: rotate(-6deg);
}

@media (max-width: 768px) {
	.info-card {
		width: min(75%,350px);
		padding: calc(var(--ssunit) * 4.5) calc(var(--ssunit) * 4);
		border-radius: calc(var(--ssunit) * 1.25);

	}

	.info-card {
		transform: rotate(-6deg);
	}

	.info-card-container {
		gap: calc(var(--ssunit) * 4.5)
	}

	.info-card:nth-child(2),
	.info-card:nth-child(4) {
		transform: rotate(6deg);
	}

}