/* Notice Section Styling */
 .notices-container {
     padding: 0 20px 40px 20px;
     background-color: #f8f9fa;
     margin-top: 50px;
 }
 
 .notices-title {
     text-align: center;
     font-size: 28px;
     margin-bottom: 30px;
     color: #2c3e50;
     font-weight: 600;     
 }
 
 .notices-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr); /* 3 columns by default */
     gap: 25px;
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .notice-card {
     background: white;
     border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0,0,0,0.1);
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .notice-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 6px 12px rgba(0,0,0,0.15);
 }
 
 .notice-header {
     background: linear-gradient(135deg, #3498db, #2c3e50);
     color: white;
     text-align: center;
     padding: 15px 20px;
     font-size: 18px;
     font-weight: 600;
 }
 
 .notice-content {
     padding: 20px;
     color: #34495e;
     line-height: 1.6;
 }
 
 /* Responsive Adjustments */
 @media (max-width: 1024px) {
     .notices-grid {
         grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
     }
 }
 
 @media (max-width: 768px) {
     .notices-grid {
         grid-template-columns: 1fr; /* 1 column on mobile */
     }
 }
 
img.new {
  height: 35px !important; /* Force height */
  width: auto !important; /* Maintain aspect ratio */
  object-fit: contain; /* Prevent distortion */
  display: inline-block; /* Required for height */
  vertical-align: middle; /* Fix alignment */
  left-margin: 0px;
}