.text-hover-box {
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
   
}
.text-hover-box {
    display: inline-block;
    max-height: 4.5em; /* लगभग 3 लाइनें */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    position: relative;
    transition: max-height 0.4s ease-in-out;
    cursor: pointer;
     color: #000;
    font-size: 19px;
    line-height: 27px;
}
.textwhite .text-hover-box {
 color: #fff;
}
.text-hover-box:hover {
    max-height: 1000px; /* काफी बड़ा ताकि पूरा text दिखे */
}

.text-hover-box .full-text {
    display: none;
    white-space: normal;
}

.text-hover-box:hover .short-text {
    display: none;
}

.text-hover-box:hover .full-text {
    display: inline;
}