/* Wrapper biar konten di tengah + ada space kanan kiri */
.resources-wrapper {
background:#ffffff ;
padding: 40px 0;
}
.resources-section {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;

display: grid;
grid-template-columns: repeat(4, 1fr); /* 🔥 4 kotak per baris */
gap: 30px;
justify-items: center;
}

/* Kotak logo */
.resource-box {
width: 200px;
height: 120px;
background: #ffffff;
border: 3px solid #112240;
border-radius: 15px;

display: flex;
align-items: center;
justify-content: center;

text-decoration: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}

.resource-box:hover {
transform: translateY(-10px);
box-shadow: 0 10px 18px rgba(0,0,0,0.12);
}

/* Logo */
.resource-box img {
max-width: 130px;
max-height: 60px;
object-fit: contain;
}
@media (max-width: 992px) {
.resources-section {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 600px) {
.resources-section {
grid-template-columns: repeat(2, 1fr);
}
}