.text-hover-image {
    position: relative;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #ccc; /* Default underline color */
    text-decoration-style: dashed; /* Dashed underline style */
    transition: text-decoration-color 0.3s ease; /* Smooth transition for color change */
}

.text-hover-image:hover {
    text-decoration-color: red; /* Red underline on hover */
}

.thi-popup {
    position: absolute;
    z-index: 9999;
    display: none;
    max-width: 300px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    background: #fff;
    padding: 5px;
}

.thi-popup img {
    max-width: 100%;
    height: auto;
    display: block;
}

.thi-popup-link-title {
    font-size: 0.8em;
    text-align: left; /* Changed from center to left */
    margin-top: 5px;
    color: #555;
}