@charset "utf-8";

/* Card hover effect */
.custom-card {
    transition: all 0.3s ease;
    border-radius: 15px;
    overflow: hidden;
}


/* Gradient headers */
.header-gradient-red {
    background: linear-gradient(45deg, #ff4d4d, #b30000);
    color: #fff;
}

.header-gradient-blue {
    background: linear-gradient(45deg, #4da6ff, #003366);
    color: #fff;
}

/* Text clamp */
.hidetext, .hidetexts {
    max-height: 600px;
    overflow: hidden;
    text-align: justify;
}

/* Image style */
.principal-img {
    border-radius: 10px;
    transition: 0.3s;
}
.principal-img:hover {
    transform: scale(1.05);
}
.text-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.text-line {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
}

.read-more-link {
    color: #198754;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

.read-more-link:hover {
    text-decoration: underline;
}
.hidetext, .hidetexts {
    display: -webkit-box;
    -webkit-line-clamp: 15; /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

/* Add [...] at the end */
.hidetext::after,
.hidetexts::after {
    content: " [...]";
    font-weight: bold;
    color: red;
}
/* CSS Document */