html,
body {
	height: 100%;
	margin: 0;
}

body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.5;
	z-index: 1;
}

.background-detail {
	position: relative;
	z-index: 2;
	/* min-height: 100vh; */
	/* Memastikan elemen ini memiliki tinggi minimal 100% dari viewport height */
	display: flex;
	flex-direction: column;
	/* Mengatur konten agar mengikuti arah kolom */
}

.background-detail::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 1;
	z-index: -1;
}

.container {
	position: relative;
	z-index: 3;
	margin-top: 50px;
	flex: 1;
	/* Mengisi ruang tersisa dalam elemen .background-detail */
}