.hidden-text {
    max-height: 0;
    opacity: 0;
    text-align: left;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}

.hidden-text.visible {
    max-height: 500px; /* Adjust based on content size */
    opacity: 1;
}

.show-more {
    color: #c6e2ff;
    cursor: pointer;
    /* text-decoration: underline; */
    display: inline-block;
    margin-top: 10px;
}

.show-more:hover {
    color: #ffffff;
}