include a small dropdown in each tile to select from different sessions:

US CST | 2025 Dec 08 | English (MDB100)
SG SGT | 2025 Dec 08 | English (MDB100)

style.css

@@ -44,13 +44,21 @@ body {
 .toggle-section-btn:hover, .toggle-subsection-btn:hover {
     transform: scale(1.1);
 }
-
 /* Animation for course cards */
 @keyframes fadeIn {
     from { opacity: 0; transform: translateY(20px); }
     to { opacity: 1; transform: translateY(0); }
 }
 
+/* Course card dropdown styles */
+.custom-course-card select {
+    appearance: none;
+    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+    background-repeat: no-repeat;
+    background-position: right 0.5rem center;
+    background-size: 1rem;
+    padding-right: 2rem;
+}
 .month-section {
     animation: fadeIn 0.5s ease-out forwards;
 }