.course-category-list {
    list-style: none outside;
    display: grid;
    gap: 3rem 5rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    padding: 0;
}

.course-subcategory-list h2 {
    color: #0c796a;
    font-size: 25px;
}

.course-subcategory-list ul {
    padding: 0;
    margin: 10px 0;
    border-bottom: 1px dashed #000;
}

.course-subcategory-list a {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 3fr;
    text-decoration: none !important;
}

.course-subcategory-list a:hover {
    color: #000;
}

.course-subcategory-list .subcategory-title {
    color: #808080;
}

.course-subcategory-list a:hover .subcategory-title {
    color: #000;
}