/* Styles for the news section only */
   .news-section {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to new lines */
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem;
    background-color: #f9fafb; /* Light gray background */
  }

  .news-card {
    flex: 1 1 calc(20% - 1rem); /* 5 cards per row, adjust for gap */
    background: white;
    border-radius: 0.5rem; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .news-card:hover {
    transform: translateY(-5px); /* Lift up on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
  }

  .news-card h2 {
    font-size: 1.25rem; /* Large heading */
    font-weight: 600;
    color: #1f2937; /* Dark gray text */
    margin-bottom: 0.5rem;
  }

  .news-card p {
    font-size: 0.875rem; /* Smaller text */
    color: #4b5563; /* Medium gray text */
    margin-bottom: 1rem;
  }

  .news-card a {
    color: #2563eb; /* Blue link */
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .news-card a:hover {
    color: #1d4ed8; /* Darker blue on hover */
  }

  /* Responsive Design */
  @media (max-width: 1024px) {
    .news-card {
      flex: 1 1 calc(33.333% - 1rem); /* 3 cards per row on tablets */
    }
  }

  @media (max-width: 768px) {
    .news-card {
      flex: 1 1 calc(50% - 1rem); /* 2 cards per row on smaller tablets */
    }
  }

  @media (max-width: 480px) {
    .news-card {
      flex: 1 1 100%; /* Full width on mobile screens */
    }
  }