/* .tukar-poin-header {
    background: linear-gradient(
        to right,
        var(--bs-primary-bg-subtle) 0%,
        transparent 100%
    );
} */

.tukar-poin-header {
    background: linear-gradient(
        to bottom,
        var(--navbar-color) 0%,
        #0f68ce 100%
    );

    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    /* box-shadow: 0 0.3rem 1rem rgba(13, 110, 253, 0.15); */
}

.tukar-poin-header .container {
    position: relative;
    z-index: 10;
}

.header-star {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    max-height: 100%;
    width: auto;
    z-index: 5;
}