.container-galeri {
	padding:15px;
	margin:0 auto;
	background-image:url(../img/bg-galeri.webp);
	background-size:cover;
	justify-items:center;
}
.container-galeri .galeri-title {
	font-size:20px;
	margin:10px 0;
	text-align:center;
	color:#1e1e1e;
	font-weight:600;
}
.container-galeri .galeri-subtitle {
	text-align:center;
	color:#5a5a5a;
	margin-bottom:10px;
	font-size:14px;
}
.container-galeri .card-container {
	overflow:auto;
	/* width:100%;
	display:block;
	*/
}
.container-galeri .container-img {
	min-width:2800px;
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
	justify-content:center;
	margin-top:20px;
	margin-bottom:20px;
	scroll-behavior:smooth;
}
.container-galeri .container-img li {
	position:relative;
	width:20%;
	display:block;
}
.container-galeri li img {
	width:100%;
	height:auto;
	object-fit:cover;
	aspect-ratio: 12/9;
}
.container-galeri .galeri_page {
	/* display:flex;
	*/
	/* overflow:auto;
	*/
	width:100%;
	justify-content:center;
}
#all-page1:checked ~ .galeri_page .page1,#all-page2:checked ~ .galeri_page .page2,#all-page3:checked ~ .galeri_page .page3,#all-page4:checked ~ .galeri_page .page4,#all-page5:checked ~ .galeri_page .page5 {
	display:block;
}
.container-galeri .page {
	display:none;
}
.container-program .nav-all {
	display: none;
}
.container-galeri .pagination {
	display:flex;
	/* flex-direction:column;
	*/
	/* justify-content:center;
	*/
	/* margin-left:20px;
	*/
	justify-content:center;
	gap:0.5em;
	margin-top:1.5em;
	flex-wrap:wrap;
	margin-bottom:2%;
}
/* .container-galeri .pagination a {
	display:block;
	margin:5px 0;
	padding:10px 14px;
	border-radius:5px;
	background:#aab6c4;
	color:white;
	text-decoration:none;
	transition:background 0.3s ease;
	text-align: center;
}
*/
/* .container-galeri .pagination a:hover {
	background:#0056b3;
}
.container-galeri .pagination a.active {
	background:#3376BE;
}
*/ .container-galeri input[type="radio" i] {
	display:none;
}
.container-galeri .pagination label {
	padding:0.5em 1.2em;
	background:#4b86d4;
	cursor:pointer;
	border-radius:6px;
	font-size:0.9em;
	transition:0.2s;
	color:#f4f4f4;
}
.container-galeri .pagination label:hover {
	background:#265CA3;
}
.container-galeri .pagination label:active {
	background:#16345c;
}
@media (min-width:992px) {
	.container-galeri {
		padding:30px;
	}
	.container-galeri .galeri-title {
		font-size:26px;
		margin:0 0 10px 0;
	}
	.container-galeri .galeri-subtitle {
		font-size:18px;
	}
	.container-klien .klien-title {
		font-size:26px !important;
	}
	.container-galeri .card-container {
		max-width:1200px;
		justify-self:center;
		width: 100%;
	}
}