.course-content{
    margin-bottom: 0px; /* Adjust as needed */
    margin-top: 0px;
    padding-left: 20px;
    display: None;
    font-size: 18px;
}

.course-content ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 40px; /* Adjust as needed */
}

.course-header h3 {
    margin-bottom: 0;
    color: rgb(55, 55, 140);
    font-size: 18px;
}

.course-header p {
    margin-top: 0;
    margin-bottom: 0;
    color: rgb(55, 55, 140);
    font-size: 18px;
}

.course-header {
    margin-bottom: 5px;
    cursor: pointer; /* Make the container clickable */
    font-size: 20px;
}


.course-content p {
    margin-bottom: 4px; /* Adjust as needed */
    margin-top: 0px;
}

/*trying something */
/* Style for the toggle button */
.toggle-button {
    float: right; /* Align button to the right */
    background-color: transparent; /* Transparent background */
    border: none; /* No border */
    cursor: pointer; /* Show pointer cursor on hover */
    margin-left: auto; /* Push the button to the right */
    line-height: 1; /* Set line height to 1 to maintain vertical alignment */
    width: 30px; /* Adjust width as needed */
    height: 30px; /* Adjust height as needed */
    font-size: 20px; /* Adjust font size as needed */
}

/* Show content when section is open */
.course-container.open .course-content {
    display: block;
}