header .position-absolute { background: rgba(0,0,0,0.5); /* dark overlay */ padding: 20px; border-radius: 8px; }

.header-img .position-absolute { background: rgba(0,0,0,0.4); padding: 20px; border-radius: 8px; }
.other-page .position-absolute { background: rgba(0,0,0,0.4); padding: 10px; border-radius: 8px; }

.header-img img {    
	height: 300px;          /* Fixed height */
    object-fit: cover;      /* Crop image proportionally */
  }

  .other-page img { height: 220px; }

  /* Responsive adjustment for tablets */
  @media (max-width: 768px) {
    .header-img img {
      height: 300px;
    }
  }

  /* Responsive adjustment for mobile */
  @media (max-width: 576px) {
    .header-img img {
      height: 200px;
    }
  }

  .header-imga img {    
  height: 300px;          /* Fixed height */
    object-fit: cover;      /* Crop image proportionally */
  }
/* Responsive adjustment for mobile */
  @media (max-width: 576px) {
    .header-imga img {
      height: 200px;
    }
  }
  .f18{
    font-size:18px;
  }
  .light-yellow-bg { background-color: #fff9c4; /* soft pastel yellow */ padding: 20px; border-radius: 8px; }
  .topics-section { background-color: #e3f2fd; /* light blue */ padding: 20px; border-radius: 8px; }
  .topics-section ul li a {
  text-decoration: none;   /* removes underline */
  color: inherit;          /* keeps the same text color as the list item */
}

.topics-section ul li a:hover {
  text-decoration: underline; /* optional: show underline only on hover */
  color: #0d6efd;             /* optional: Bootstrap primary color on hover */
}

  .journal-card { min-height: 200px; padding: 16px; background-color: #6c757d; /* Bootstrap secondary */ color: white; text-align: center; border-radius: 6px; } 
  .journal-card h5 { margin-bottom: 8px; } 
  .journal-card p { margin-bottom: 4px; font-size: 0.9rem; }

  .container p { text-align: justify; }