/* To expand the card size when clicked on read more... */
.card-body {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    height: 182px;
    transition: height 0.3s ease;
    max-height: 182px; /* Ensure the initial height is consistent */
  }
  .card-body.expanded {
    height: auto;
    max-height: none; /* Remove the max-height when expanded */
  }
  .card-body p {
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; 
    text-overflow: ellipsis;
  }
  .card-body.expanded p{
    -webkit-line-clamp:initial
  }
  .read-more {
    cursor: pointer;
    /* color: rgb(67, 67, 214); */
    font-size: 14px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px;
    border-radius: 5px;
  }
   .card-body:hover .read-more{
    display: block;
  }