.category-custom-content {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    font-style: italic;
    color: #666;
}


/* Progress circle styles */
.progress-circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: conic-gradient(#4caf50 0%, #e0e0e0 0%);
    position: relative;
    margin-left: 10px;
    vertical-align: middle;
}

.progress-circle::after {
    content: attr(data-progress) "%";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: bold;
    color: #333;
}