.news-gallery {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 20px 0;
}

.gallery-grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr 1.2fr 1fr; /* flexible proportions */
	grid-template-rows: repeat(2, auto);
	gap: 10px;
}

.gallery-item {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 33px;
	overflow: hidden;
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Layout order */
/* Big left */
.gallery-item:nth-child(1) {
	grid-column: 1;
	grid-row: 1 / span 2;
	aspect-ratio: 377/520;
}
/* Small stacked */
.gallery-item:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
	aspect-ratio: 446/255;
}
.gallery-item:nth-child(3) {
	grid-column: 2;
	grid-row: 2;
	aspect-ratio: 446/255;
}

/* --- THE CHANGES ARE IN THIS SECTION --- */

/* The big photo (4th item) now moves to the 3rd column */
.gallery-item:nth-child(4) {
	grid-column: 3; /* <<< CHANGED - was 4 */
	grid-row: 1 / span 2;
	aspect-ratio: 377/520;
}

/* The two small photos (5th and 6th items) now move to the 4th column */
.gallery-item:nth-child(5) {
	grid-column: 4; /* <<< CHANGED - was 3 */
	grid-row: 1;
	aspect-ratio: 446/255;
}
.gallery-item:nth-child(6) {
	grid-column: 4; /* <<< CHANGED - was 3 */
	grid-row: 2;
	aspect-ratio: 446/255;
}
/* --- END OF CHANGES --- */


.slider-loader {
	position: relative;
	width: 100%;
	height: 120px; /* adjust depending on your slider height */
	display: flex;
	align-items: center;
	justify-content: center;
}

.spinner {
	width: 48px;
	height: 48px;
	border: 4px solid rgba(0,0,0,0.1);
	border-left-color: #002D48; /* your brand color */
	border-radius: 33px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	100% { transform: rotate(360deg); }
}
#section-slider {
	transition: opacity 0.4s ease;
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.gallery-grid {
		gap: 3px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.gallery-grid {
		gap: 3px;
	}
}