#admin {
    overflow-y: scroll;
    height: calc(100dvh - 76.19px);
}

.cs-reset {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.quote {
    font-size: 180px;
    position: absolute;
    top: 10px;right: 20px;
    opacity: .25;
}

.quote-2 {
    font-size: 180px;
    position: absolute;
    bottom: 10px;left: 20px;
    opacity: .25;
}

.banner {
    height: 650px;
}

.blog {
    height: 250px;
}

.text-mini {
    font-size: 9px !important;
}

#login {
    width: 100%;
    height: calc(100dvh - 77.5px);
}

.card-login {
    transform: translateY(-77.5px);
}

.py-2-custom {
    padding-top: .6rem !important;
    padding-bottom: .6rem !important;
}

.active-blog {
    position: relative;
    border-radius: 8px; /* Radius untuk tampilan sudut */
}

.active-blog::before {
    content: '';
    position: absolute;
    top: -8px; /* Posisikan sedikit di atas elemen */
    left: 0;
    width: 100%;
    height: 8px; /* Tebal garis */
    border-radius: 0; /* Rounded di sisi atas */
    background-color: #0d6efd; /* Warna garis */
}

.gap-1 .dot-active {
    background-color: #0d6efd !important; /* Warna garis */
    box-shadow: 0 0 24px #0d6efd;
}

.banner-blog::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;left: 0;bottom: 0;right: 0;
}

.banner-blog {
    position: relative;
}

#top-link {
    text-decoration: none !important;
}

#top-link:hover {
    text-decoration: underline !important;
}

@media (max-width: 567px) {
    .banner-resp {
        height: 250px !important;
    }

    .sub-banner-resp {
        height: 50px !important;
    }

    div.col-md p.cp-text {
        text-align: center !important;
    }
}