.header {
    background-color: transparent;
    background-size: cover;
    background-position: top;
    position: relative;
}

.running-text {
    background-color: var(--running-text-bg);
    color: white;
    padding: 8px 0;
}

.btn-custom-1 {
    background: #CBE5F6 !important;
    color: #064D7B;
    border-radius: 18px !important;
}

.button-wrapper {
    background: linear-gradient(98.9deg, #1D7EBC 29.76%, #CBE5F6 60.57%, #2E94D5 94.05%);
    padding: 3px;
    border-radius: 20px !important;
}

.image-slider img {
    width: 100%;
    aspect-ratio: 3/1;
    object-fit: cover;
    display: block;
}

@media (max-width: 991px) {
    .image-slider img {
        aspect-ratio: 2/1;
    }
}

@media (max-width: 575px) {
    .image-slider img {
        aspect-ratio: 1/1;
    }

    .mobile-m-b {
        margin-bottom: 40px;
    }

    .prev-event-title {
        margin: auto;
    }
}

#mars-player {
    width: 100%;
    aspect-ratio: 16/9;
    /* border-radius: 8px; */
}

.gallery-image-wrapper .gallery-image {
    transform: scale(1.);
    transition: all 0.5s ease;
}

.gallery-image-wrapper:hover .gallery-image {
    transform: scale(1.05);
    filter: brightness(100%) !important;
}

.credit-content {
    position: absolute;
    top: -100%;
    /* mulai dari bawah keluar layar */
    width: calc(100% - 16px);
}