:root {
    --gray: #9c9c9c !important;
    --gray2: #e9ecef !important;
    --blue: #84d1e7 !important;
    --blue2: #75bbcf !important;
    --blue4: #c8fff6 !important;
}

a.nav-link.active {
    color: var(--blue2) !important;
    font-weight: bold;
}

a.nav-link {
    color: var(--gray);
}

a.nav-link:hover {
    transition: 0.5s;
    color: var(--blue2);
}

a.btn.donasi {
    background-color: var(--blue);
    border-radius: 50px;
    font-weight: bold;
    color: white;
}

a.btn.donasi:hover {
    transition: 0.5s;
    background-color: var(--blue2);
    border-radius: 50px;
    font-weight: bold;
    color: white;
}

button#pills-all-tab.nav-link.active{
    background-color: var(--blue);
    border-radius: 10px;
    color: white;
}

button#pills-all-tab.nav-link{
    color: var(--gray);
}

button#pills-paud-tab.nav-link.active{
    background-color: var(--blue);
    border-radius: 10px;
    color: white;
}

button#pills-paud-tab.nav-link{
    color: var(--gray);
}

button#pills-sd-tab.nav-link.active{
    background-color: var(--blue);
    border-radius: 10px;
    color: white;
}

button#pills-sd-tab.nav-link{
    color: var(--gray);
}

/* Acara */
a.lihatVidio{
    font-size: 14px;
    color:var(--blue);
    text-decoration:none;
}

a.lihatVidio:hover{
    font-size: 14px;
    color:var(--blue2);
    text-decoration:none;
    transition: 0.5s;
}