.page-header {
    padding-bottom: 24px;
}

.page-link {
    border-color: var(--primary-darkest);
    transition: all 200ms ease
}

.page-link:hover {
    background: var(--primary-base);
    color: var(--white);
    border-color: var(--primary-darkest)
}

.preview-anggota {
    cursor: pointer;
}

/* Anggota */
.anggota-img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
/* End Anggota */

@media (max-width: 767.98px) {

    /* Anggota */
    .anggota-gutter {
        margin-left: -12px;
        margin-right: -12px;
    }

    .anggota-gutter > [class^="col-"],
    .anggota-gutter > [class^=" col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .anggota-img {
        width: 100%;
        height: 200px;
    }
    /* End Anggota */

}


@media (min-width: 768px) and (max-width: 997.98px) {

    /* Anggota */
    .anggota-gutter {
        margin-left: -12px;
        margin-right: -12px;
    }

    .anggota-gutter > [class^="col-"],
    .anggota-gutter > [class^=" col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .anggota-img {
        width: 100%;
        height: 200px;
    }
    /* End Anggota */

}