#promoCategory {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 2%;
    list-style: none;
    box-sizing: border-box;
}


#promoCategory>li {
    flex: 0 0 auto;
    margin-right: 10px;
}


#promoCategory>li>a {
    display: block;
    padding: 5px 20px;
    text-align: center;
    border-radius: 20px;
    color: #939393;
    border: 1px solid #BF953F;
    text-decoration: none;
    background-color: none;
}


#promoCategory>li.active>a {
    color: rgb(0, 0, 0);
    background: linear-gradient(to bottom, #FCF6BA, #BF953F);
    border-color: #BF953F;
}

#promoCategory::-webkit-scrollbar {
    display: none;
}

#promoCategory span {
    padding: 5px;
}

#promoImg {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 3%;
    fill: gray;
    filter: grayscale(100%);
}

#promoImg.active {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 3%;
    color: black;
    filter: brightness(0) contrast(100%);
}


.promotion-holder {
    width: 100%;
    float: left;
    padding: 7px;
    margin-bottom: 10px;
    background-color: #0f1015;
}

.btn-style4,
.btn-style4:hover,
.btn-style4:active,
.btn-style4:focus {
    background-color: #35b6ff;
    color: #fff;
    border-radius: 40px;
}

.promo-holder {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
}

.promo-img {
    width: 100%;
    height: 150px;
    background-position: center;
    background-size: cover;
    padding-bottom: 0;
    background-repeat: no-repeat;
}

.promo-detail {
    padding: 15px;
    color: #fff;
}

.promo-detail-img {
    height: 150px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.promo-detail h4 {
    margin: 20px 0;
}

.promo-detail ul {
    padding-left: 30px;
}

.promo-detail ul>li {
    margin-bottom: 10px;
}

.promotion-holder>p {
    margin: 0;
    padding-top: 10px;
    color: #fff;
    text-align: left;
    overflow: left;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    color: #939393;
}

.main-content.rows {
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 10px;
}

.promo-holder {
    width: 100%;
    float: left;
    padding: 7px;
    margin-bottom: 10px;
    background-color: #0f1015;
}

.promo-img {
    width: 100%;
    height: 160px;
    background-position: center;
    background-size: cover;
}

.promo-detail {
    padding: 15px;
    color: #fff;
}

.promo-detail-img {
    height: 150px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.promo-detail h4 {
    margin: 20px 0;
}

.promo-detail ul {
    padding-left: 30px;
}

.promo-detail ul>li {
    margin-bottom: 10px;
}

.promo-holder>p {
    margin: 0;
    padding-top: 10px;
    color: #fff;
    text-align: left;
    overflow: left;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    color: #939393;
}