ul.promotion_nav.nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 10px 5px;
}

.promotion_nav li {
    padding: 0 3px;
}

.promotion_nav li.active a {
    background: #ed1c24;
    border: 1px solid #ed1c24;
}

.promotion_nav li a {
    display: inline-block;
    height: 30px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    /*background: #962424;*/
    padding: 0px 15px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #a2aabd;
    background: var(--color);
    font-weight: 500;
    text-transform: uppercase;
}

.panel-body table {
    border-collapse: collapse;
}

.panel-body table tr td {
    border: 1px solid #a2aabd !important;
    padding: 5px;
}

.nav-justified {
    text-align: center;
}

.nav-justified li a {
    color: #fff;
    font-size: 20px;
}

.icon-close3 {
    background-image: url(../images/close3.png);
}

.icon-close2,
.icon-close3 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-size: 100% 100%;
}

#promotionsWidgetParent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-around;
}

#pop-promo-lob {
    top: 150px;
}

#pop-promo-lob ul {
    list-style: unset;
}

#pop-promo-lob ul li {
    list-style: unset;
    margin-left: 40px;

}

.modal {
    z-index: 9999 !important;
}

.modal-content-w {
    overflow: hidden;
    padding: 15px;
    background: #000;
    width: 100%;
    max-width: 800px;
    border-radius: 8px;
    color: #fff;
    border: 2px solid var(--color);
}

.center-block-img {
    width: 155px;
    height: 165px;
    /* filter: brightness(0.7); */
    border-radius: 10px;
}

.pro-item {
    padding: 10px;
    margin-right: 10px;
}

.promotions-text h4 {
    margin: auto 8px;
    font-size: 18px;
    color: #ffdc7f;
    text-shadow: 1px 1px #000, 1px 1px #000, 1px 1px #000, 1px 1px #000, 1px 1px #000;
}

.promotions-text h4 span {
    color: #ffdc7f !important;
}

.promotions-btn {
    top: 120px !important;
}

.wrappers.fadeInUp {
    padding: 10px;
}

.packet-title {
    color: #fff;
    font-size: 26px;
    padding: 10px;
}

.promosi_group_content {
    /* margin-right: 20px; */
    height: 2rem;
}

.panel-heading a.btn-promo {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-image: url(../../images/gaming/btn.png);
    background-size: 100% 100%;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    height: 45px;
    line-height: 45px;
    padding: 0 15px
}

.modal-dialog .dads {
    margin: .1rem 0;
}

.panel-heading .text-muted {
    color: var(--color);
    font-size: 0.2rem !important;
}

.title-txt p {
    color: var(--fff);
    text-align: center;
    text-transform: uppercase;
}

.title-txt {
    position: relative;
    width: 1.2rem;
    top: -1.4rem;
    text-align: center;
    left: .2rem;
}

.promotions-image {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: .1rem;
}

@media(max-width: 768px) {
    .title-txt {
        position: relative;
        width: 1.6rem;
        top: -2rem;
        text-align: center;
        left: .6rem;
    }

    .promotions-image {
        grid-template-columns: repeat(3, 1fr);
    }

    .promosi_group_content {
        text-align: center;
        height: 2.9rem;
    }
}

[data-dir="jp668"] {
    .packet-title {
        padding: 8px 100px;
        background: url(https://855tech-desktop.s3.ap-east-1.amazonaws.com/content/design16/images/gaming/new/promo-bg-title.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 0 .24rem 0;
    }

    @media (max-width: 768px) {
        .title-txt {
            left: .15rem !important;
            top: -2.3rem !important;
        }

        .promosi_group_content {
            height: 167px !important;
        }
    }
}