.course-container {
    background-color: #f9f9f9; /* Light grey background */
    border: 1px solid #ddd; /* Subtle border */
    border-radius: 8px; /* Rounded corners */
    padding: 20px; /* Inner spacing */
    margin: 20px 0; /* Space around the section */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

.course-container h2 {
    color: #333; /* Darker text color */
    font-size: 1.8rem; /* Larger font size for heading */
    margin-bottom: 15px; /* Space below heading */
    text-align: center; /* Centered heading */
}

.course-container p {
    color: #555; /* Slightly lighter text color */
    font-size: 1rem; /* Standard paragraph size */
    line-height: 1.6; /* Better readability */
    margin-bottom: 15px; /* Space below paragraph */
    text-align: center; /* Center align for introductory text */
}

.course-container ul {
    list-style: none; /* Remove bullet points */
    padding: 0; /* No padding */
    text-align: center; /* Center-align list */
}

.course-container ul li {
    display: inline-block; /* Inline list items */
    margin: 10px 15px; /* Spacing between items */
}

.course-container ul li a {
    color: #007bff; /* Blue link color */
    font-weight: bold; /* Bold text */
    text-decoration: none; /* No underline */
    font-size: 1rem; /* Standard size */
    transition: color 0.3s ease; /* Smooth color change on hover */
}

.course-container ul li a:hover {
    color: #0056b3; /* Darker blue on hover */
    text-decoration: underline; /* Underline on hover */
}