body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f4f6f8; }
.container { max-width:1200px; margin:auto; padding:2rem; }
h2 { color:#3f0071; margin-bottom:1.5rem; text-align:center; }

.news-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; }
.news-item { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1); transition:transform 0.2s; }
.news-item:hover { transform:translateY(-5px); }
.news-item img { width:100%; height:200px; object-fit:cover; }
.news-content { padding:1rem; text-align:left; }
.news-content h3 { color:#0d2c91; font-size:1.1rem; margin:0 0 0.5rem; }
.news-content h3 a { text-decoration:none; color:#0d2c91; }
.news-content p.date { font-size:0.9rem; color:#999; margin:0 0 0.5rem; }
.news-content p.excerpt { font-size:0.95rem; color:#555; margin:0; }
.news-item img {
    transition: opacity 0.3s ease;
}
.news-item img:hover {
    opacity: 0.7;
}



/* Gallery Header */
.news-header {
    background: #141414;
   padding-top: 0;
   padding-bottom: 30px;
  
    margin: 0;
    margin-bottom: 30px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.container.mb-5 {
    padding-top: 0px;

}
.news-header h1 {
    letter-spacing: 1px;
     padding-top: 31px;
}

.news-header p {
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
}