#rtp-wrapper {
        min-height: calc(100vh - 420px);
        position: relative;
    }


    .rtp-logo-img {
        display: inline-block;
        height: 70px;
        padding: 0px;
        margin-bottom: 25px;
    }

    .rtp-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 15px;
        margin: 5px 0px;
        padding: 0 10px;
    }

    .rtp-box {
        border: 2px solid #ffc93b;
        border-radius: 5px;
        background: #252932;
        font-weight: 700;
        position: relative;
    }

    .rtp-img {
        width: 100%;
        padding: 10px 10px 5px;
        min-height: 125px;
        max-height: 125px;
        object-fit: cover;
        border-radius: 15%;
    }

    .rtp-img:hover {
        transform: scale(1.1); /* Memperbesar gambar saat dihover */
    }
    .rtp-schedule {
        background: #e3cf53;
        padding: 5px 0;
        margin: 5px 0;
        font-size: 13px;
        color: #000;
    }

    .rtp-btn {
        width: 100%;
        background: #750023;
        border-radius: 8px;
        color: #fff;
        border: 0;
        min-height: 60px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .rtp-btn:hover {
        background: #b80139;
        color: #fff;
    }

    .rtp-active-lobi {
        background: #b80139;
    }

    .rtp-btn img {
        max-width: 100px !important;
        padding: 5px 0;
    }

    .rtp-content {
        width: 1000px;
        margin: 30px auto;
        text-align: left;
        color: #fff;
    }

    .rtp-content-lobby {
        margin-left: 7px;
        margin-bottom: 10px;
        background: transparent;
        width: 758px;
    }

    .rtp-provider-title {
        padding: 5px 0;
    }

    .rtp-provider-title h5 {
        font-weight: 700;
        text-transform: uppercase;
    }

    .rtp-auth-btn {
        display: flex;
        float: right;
    }

    .rtp-game-link {
        cursor: pointer;
        color: #ffffff !important;
    }

    .rtp-middle {
        transition: .1s ease;
        opacity: 0;
        position: absolute;
        top: 0;
        height: 100%;
        width: 163px;
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        background: #00000080;
        cursor: default;
        backdrop-filter: blur(3px);
    }

    .rtp-game-btn {
        font-size: 12px;
        margin-top: 110px;
        width: 110px;
        background: transparent;
        color: #e3cf53;
        cursor: pointer;

    }

    .rtp-box:hover .rtp-middle {
        opacity: 1;
        z-index: 2;
    }

    .rtp-middle-before {
        top: 0 !important;
    }

    .rtp-game-name {
        width: 142px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .rtp-sidebar {
        margin-top: -45px;
        text-align: center;
        min-width: 45px;
    }

    .hvrbox.rtp-maintenance {
        width: 167px !important;
        height: 266px !important;
    }

    .progress {
        margin: 10px 0px 0 0;
        padding: 0;
        width: 100%;
        height: 19px;
        position: relative;
        overflow: hidden;
        background: #383e4d;
        border-radius: 0;
    }

    .progress-number {
        position: absolute;
        z-index: 1;
        padding: 0px 11.5%;
        margin-top: 10px;
    }

    .bar {
        float: left;
        min-width: 1%;
        height: 100%;
    }

    .high-bar {
        background: #a0d24e;
    }

    .mid-bar {
        background: #cec403;
    }

    .low-bar {
        background: #da3d46;
    }

    .percent {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0;
        font-family: tahoma, arial, helvetica;
        font-size: 12px;
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .promo-banner-slide {
        display: flex;
    }

    .promo-banner-slide .owl-carousel {
        width: 78.5%;
    }

    .rtp-right-content {
        padding: 20px 10px;
    }

    .rtp-right-content .rtp-date {
        background: #b80139;
        border-radius: 15px;
        padding: 25px 10px;
        font-size: 19px;
        font-weight: 900;
    }

    .rtp-slot-title {
        font-weight: 900;
        font-size: 30px;
        background: linear-gradient(to bottom, rgba(222, 199, 71, 1) 0%, rgba(255, 243, 114, 1) 18%, rgba(240, 225, 88, 1) 30%, rgba(169, 141, 29, 1) 54%, rgba(222, 199, 71, 1) 95%, rgba(222, 199, 71, 1) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
    .color-yellow {
        color: #e3cf53;
    }

    .bg-yellow {
        background-color: #e3cf53;
        color: #0000;

    }

    .card-update {
        font-size: 17px;
    }

    .banner-star {
        background: transparent;
        /* 0.5 adalah tingkat transparansi, sesuaikan sesuai kebutuhan */
        border-radius: 50px;
        border: 5px solid;
        border-color: hsl(60, 11%, 93%);
        padding: 5px;
        rgb(255, 255, 255);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .star {
        margin: 0 10px;
        color: #e3cf53;
    }

    .text-yellow {
        background-color: #e3cf53;
    }

    .h2-yellow {
        color: #e3cf53;
    }

    .card-provider {
        background-color: hsl(212.73deg 18.64% 11.57%);
        border-radius: 8px;
        width: 225px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 10px;
        cursor: pointer;
        gap: 15px;
    }

    .card-provider:hover {
        background-color: #2a2a06;
    }


    .card-provider img {
        width: 50px;
        height: 40px;
        object-fit: contain;
    }

    .card-provider .text-provider {
        font-size: 20px;
        font-weight: bold;
        white-space: nowrap;
    }

    .badge-auto {
        border: 1px solid;
        border-color: hsl(177.41deg 95.85% 37.84%);
        background: transparent;
        color: hsl(177.41deg 95.85% 37.84%);
    }

    .badge-manual {
        border: 1px solid;
        border-color: hsl(152.49deg 99.03% 40.59%);
        background: transparent;
        color: hsl(152.49deg 99.03% 40.59%);
    }


    .svg-playnow-gold {
        display: inline-block;
        background-image: url(../icon/icon-tap-click.png);
        background-size: cover;
        height: 35px;
        margin-bottom: -5px;
        width: 19px;
        margin-right: 4px;

    }

    .btn-masuk {
        color: #000;
        background: rgba(222, 199, 71, 1);
        background: -moz-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(255, 243, 114, 1) 18%, rgba(240, 225, 88, 1) 30%, rgba(169, 141, 29, 1) 54%, rgba(222, 199, 71, 1) 95%, rgba(222, 199, 71, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222, 199, 71, 1)), color-stop(18%, rgba(255, 243, 114, 1)), color-stop(30%, rgba(240, 225, 88, 1)), color-stop(54%, rgba(169, 141, 29, 1)), color-stop(95%, rgba(222, 199, 71, 1)), color-stop(100%, rgba(222, 199, 71, 1)));
        background: -webkit-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(255, 243, 114, 1) 18%, rgba(240, 225, 88, 1) 30%, rgba(169, 141, 29, 1) 54%, rgba(222, 199, 71, 1) 95%, rgba(222, 199, 71, 1) 100%);
        background: -o-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(255, 243, 114, 1) 18%, rgba(240, 225, 88, 1) 30%, rgba(169, 141, 29, 1) 54%, rgba(222, 199, 71, 1) 95%, rgba(222, 199, 71, 1) 100%);
        background: -ms-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(255, 243, 114, 1) 18%, rgba(240, 225, 88, 1) 30%, rgba(169, 141, 29, 1) 54%, rgba(222, 199, 71, 1) 95%, rgba(222, 199, 71, 1) 100%);
        background: linear-gradient(to bottom, rgba(222, 199, 71, 1) 0%, rgba(255, 243, 114, 1) 18%, rgba(240, 225, 88, 1) 30%, rgba(169, 141, 29, 1) 54%, rgba(222, 199, 71, 1) 95%, rgba(222, 199, 71, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dec747', endColorstr='#dec747', GradientType=0);
        border: 1px solid rgb(157, 105, 33);
        cursor: pointer;
    }

    .btn-masuk:hover,
    .btn-masuk:focus,
    .btn-masuk:active {
        background: rgba(222, 199, 71, 1);
        background: -moz-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(222, 199, 71, 1) 3%, rgba(169, 141, 29, 1) 22%, rgba(255, 243, 114, 1) 56%, rgba(240, 225, 88, 1) 70%, rgba(222, 199, 71, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222, 199, 71, 1)), color-stop(3%, rgba(222, 199, 71, 1)), color-stop(22%, rgba(169, 141, 29, 1)), color-stop(56%, rgba(255, 243, 114, 1)), color-stop(70%, rgba(240, 225, 88, 1)), color-stop(100%, rgba(222, 199, 71, 1)));
        background: -webkit-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(222, 199, 71, 1) 3%, rgba(169, 141, 29, 1) 22%, rgba(255, 243, 114, 1) 56%, rgba(240, 225, 88, 1) 70%, rgba(222, 199, 71, 1) 100%);
        background: -o-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(222, 199, 71, 1) 3%, rgba(169, 141, 29, 1) 22%, rgba(255, 243, 114, 1) 56%, rgba(240, 225, 88, 1) 70%, rgba(222, 199, 71, 1) 100%);
        background: -ms-linear-gradient(top, rgba(222, 199, 71, 1) 0%, rgba(222, 199, 71, 1) 3%, rgba(169, 141, 29, 1) 22%, rgba(255, 243, 114, 1) 56%, rgba(240, 225, 88, 1) 70%, rgba(222, 199, 71, 1) 100%);
        background: linear-gradient(to bottom, rgba(222, 199, 71, 1) 0%, rgba(222, 199, 71, 1) 3%, rgba(169, 141, 29, 1) 22%, rgba(255, 243, 114, 1) 56%, rgba(240, 225, 88, 1) 70%, rgba(222, 199, 71, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dec747', endColorstr='#dec747', GradientType=0);
        border-color: rgba(157, 105, 33);
        color: #000;
    }

    .btn-daftar {
        color: #fff;
        background: rgb(48, 145, 50);
        background: -moz-linear-gradient(bottom, rgba(32, 124, 229, 1) 0%, rgba(32, 124, 229, 1) 34%, rgba(73, 155, 234, 1) 52%, rgba(32, 124, 229, 1) 80%, rgba(32, 124, 229, 1) 100%);
        background: -webkit-linear-gradient(bottom, rgba(32, 124, 229, 1) 0%, rgba(32, 124, 229, 1) 34%, rgba(73, 155, 234, 1) 52%, rgba(32, 124, 229, 1) 80%, rgba(32, 124, 229, 1) 100%);
        background: linear-linear-gradient(bottom, rgba(32, 124, 229, 1) 0%, rgba(32, 124, 229, 1) 34%, rgba(73, 155, 234, 1) 52%, rgba(32, 124, 229, 1) 80%, rgba(32, 124, 229, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#309132', endColorstr='#1ca012', GradientType=0);
        border: 1px solid rgba(62, 186, 64, 0.8);
        cursor: pointer;
    }

    .btn-daftar:hover,
    .btn-daftar:focus,
    .btn-daftar:active {
        background: rgb(32, 124, 229, 1);
        /* Old browsers */
        background: -moz-linear-gradient(bottom, rgba(73, 155, 234, 1) 0%, rgba(73, 155, 234, 1) 34%, rgba(32, 124, 229, 1) 52%, rgba(73, 155, 234, 1) 80%, rgba(73, 155, 234, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(bottom, rgba(73, 155, 234, 1) 0%, rgba(73, 155, 234, 1) 34%, rgba(32, 124, 229, 1) 52%, rgba(73, 155, 234, 1) 80%, rgba(73, 155, 234, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-linear-gradient(bottom, rgba(73, 155, 234, 1) 0%, rgba(73, 155, 234, 1) 34%, rgba(32, 124, 229, 1) 52%, rgba(73, 155, 234, 1) 80%, rgba(73, 155, 234, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ca012', endColorstr='#1ca012', GradientType=0);
        /* IE6-9 */
        border-color: rgba(35, 199, 26, 0.8);
    }

    .footer-content h1, .footer-content h2, .footer-content h3, .footer-content h4, .footer-content h5, .footer-content h6{
        color: #ffc93b;

    }