@media (max-width: 768px){
    .kategorikursus {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 768px){
    .kategorikursus {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .paddingtopdaftarkursus {
        padding-top: 100px;
    }
    .daftarkursus {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.kategorikursus {
    grid-gap:10px;
}
.kategori {
    padding: 10px;
    text-align: center;
    color: white;
}
.kategori:hover {
    background:   url(../../../images/frontend/2/graduate.png) center right no-repeat #0870a7;
}
.pasive {
    background:   url(../../../images/frontend/2/graduate.png) center right no-repeat #007EC0;
}
.active {
    background:   url(../../../images/frontend/2/graduate.png) center right no-repeat #8708a7;
}
.kategorikursus li:hover {
    cursor: pointer;
}

.belumadakursus {
    text-align: center;
    display: block;
    font-weight: bold;
}
.daftarkursus a {
    color: #333;
    font-size: 18px;
}
.daftarkursus a:hover {
    color: #007EC0;
    text-decoration: underline;
}