.page-content {
    margin-top : 240px;
}

@media screen and (max-width: 1200px) {
    .page-content {
        margin-top: 70px;
    }
}

.floating-button {
    position:fixed;
    width: 80px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color: #cc0030;
    color:#FFF;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}

/* Hidden checkbox for toggling */
.read-more-toggle {
    display: none;
}

/* Default truncated text */
.clamped-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3; /* Number of lines to show */
    max-height: 4.5em; /* Approx height for 3 lines */
    transition: max-height 0.3s ease;
}

/* Full text when checkbox is checked */
.read-more-toggle:checked ~ .clamped-text {
    -webkit-line-clamp: unset;
    max-height: none;
}

/* Read more/less button styles */
.read-more-label {
    cursor: pointer;
    color: #007bff; /* Bootstrap primary color */
    font-weight: bold;
    margin-bottom: 20px;
}

.read-more-toggle:not(:checked) ~ .read-more-label::after {
    content: " Read more";
}

.read-more-toggle:checked ~ .read-more-label::after {
    content: " Read less";
}