.syllabus-tracker {
    margin: 20px 0;
}

.syllabus-tracker h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.syllabus-tracker ul {
    list-style: none;
    padding: 0;
}

.syllabus-tracker li {
    margin: 5px 0;
}

.overall-progress-bar-container {
    width: 100%;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.overall-progress-bar {
    width: 0;
    height: 30px;
    background-color: #4caf50;
    text-align: center;
    line-height: 30px;
    color: white;
}

.syllabus-container ul {
    list-style-type: none;
    padding-left: 20px;
}

.syllabus-container ul ul {
    padding-left: 20px;
    list-style-type: circle;
}