.read-more-container {
    width: 100%;
    max-height: 50px; /* Initial collapsed height */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    position: relative;
}

.read-more-container.expanded {
    max-height: 1000px !important; /* Set this to a value large enough to show the full content */
}

.read-more-text {
    margin: 0;
    line-height: 1.5;
}

.read-more-button {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
    visibility: hidden; /* Hide button initially */
}

#readMoreIcon {
    transition: transform 0.3s ease-in-out;
    margin-left: 8px;
}

.read-more-container.expanded + .read-more-button svg {
    transform: rotate(180deg); /* Rotate the chevron when expanded */
}

/* Visible button if content is overflowing */
.read-more-container.overflowed + .read-more-button {
    visibility: visible;
}


@media only screen and (min-width: 1025px) and (max-width: 1612px) {
    .read-more-container {
        max-height: 196px !important;
    }
    
}