.white-invert {
    filter: brightness(0) invert(1); /* Converts image to white */
}

.soft-box {
    border-radius: 24px;        /* Rounded corners */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  /* Soft shadow */
    padding: 20px;              /* Inner spacing */
    background-color: #ffffff;  /* Background color (white or whatever suits your theme) */
    transition: box-shadow 0.3s ease; /* Optional: smooth hover effect */
}

.soft-box:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);  /* Slightly deeper shadow on hover */
}

.darken-image {
    filter: brightness(95%) grayscale(3%);
}

.truncate-text {
  height: 90px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;     /* Show 3 lines before truncating */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}