.breadcrumb-content {
    margin-top: 35px; /* adjust the value to your preference */
}

/* Target journal-box for hover effects */
.journal-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect for the journal-box container */
.journal-box:hover {
  transform: translateY(-5px); /* Slight lift effect */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow */
}

/* Hover effect for the image link */
.journal-box a img {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.journal-box a:hover img {
  transform: scale(1.05); /* Slight zoom effect */
  opacity: 0.95; /* Subtle fade for depth */
}

/* Hover effect for the title link */
.journal-box a.text-base {
  transition: color 0.3s ease, text-decoration 0.3s ease;
  text-decoration: none; /* Remove default underline */
}

.journal-box a.text-base:hover {
  color: #1e40af; /* Darker blue for hover (complements text-blue-900) */
  text-decoration: underline; /* Add underline on hover */
}