.card.m-1,
.card.mb-3 {
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Bouncy pop effect */
}

.card.m-1:hover,
.card.mb-3:hover {
  /* Zooms the entire card by 3% */
  transform: scale(1.03);
  z-index: 10;
  /* Ensures it sits on top of neighboring cards */
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}


   /* Target the announcement boxes */
   .py-4.p-4.mb-3,
   .py-3.p-4.mb-3,
   .py-2.rounded.mb-3 {
     transition: all 0.3s ease;
     border-left: 0px solid #28a745;
     /* Start with no border */
     cursor: pointer;
   }

   /* Hover effect for the grey boxes */
   .py-4.p-4.mb-3:hover,
   .py-3.p-4.mb-3:hover {
     transform: translateX(8px);
     /* Subtle slide to the right */
     background-color: #f0f0f0 !important;
     /* Slightly lighter grey */
     border-left: 5px solid #28a745;
     /* Brand green accent */
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   }

   /* Hover effect for the light green internship boxes */
   .py-2.rounded.mb-3:hover {
     transform: translateX(8px);
     background-color: #d4e8db !important;
     /* Deeper green tint */
     border-left: 5px solid #1e1e1e;
     /* Dark accent for contrast */
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   }

   /* Make sure the link fills the box so the whole area is clickable */
   .main-heading,
   .blue-main-heading {
     text-decoration: none;
     display: block;
   }