.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon {
    border-radius: 4px;
    font-weight: bold;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.claimed,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.claimed {
    background: #f2eadc !important;
    color: #c68c1b !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.recommended,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.recommended {
    background: white !important;
    color: limegreen !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.active,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.active {
    background: #e4f3ea !important;
    color: #329c69 !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.new-members,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.new-members {
    background: #ffe600 !important;
    color: #222939 !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.rebate,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.rebate {
    background: #044372 !important;
    color: white !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.rebate,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.rebate {
    background: #044372 !important;
    color: white !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.live-casino,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.live-casino {
    background: #9a329c !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.sports,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.sports {
    background: #329c69 !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.cashback,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.cashback {
    background: #c9334e !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.esports,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.esports {
    background: #CC0404 !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.casino-games,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.casino-games {
    background: #1c6aa3 !important;
    color: #fff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.keno-lotto,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.keno-lotto {
    background: #7a9c32 !important;
    color: #fff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.vip,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.vip {
    background: rgb(252, 213, 53) !important;
    color: #222939 !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.local-promotions,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.local-promotions {
    background: #58b6fa !important;
    color: #fff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.rewards,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.rewards {
    background: #f60707 !important;
    color: #fff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.new,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.new {
    background: #c9334e !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.casino-ribbon,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.casino-ribbon {
    background: #1c6aa3 !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.leaderboard,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.leaderboard {
    background: #c68c1b !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.v8poker,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.v8poker {
    background: #ff1493 !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.p2p,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.p2p {
    background: #ff1493 !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.reload,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.reload {
    background: #fc8803 !important;
    color: #ffffff !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.deposit,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.deposit {
    background: #fc8803 !important;
    color: #ffffff !important;
}


/* add additional style for promotion revamp page */

.dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .ribbons .ribbon.long-ribbon,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .ribbons .ribbon.long-ribbon,

/*.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon.long-ribbon, */

.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon.long-ribbon {
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 3.225rem;
    /*line-height: 16px;*/
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons {
    gap: 4px;
}

.dynamic-content .area .tiles.promotion-tiles .tile .info-box,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .info-box {
    width: 60% !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon {
    font-size: 8px;
}

.promotions-revamp-container .area .title-component>.d-flex {
    justify-content: space-between;
}

@media (min-width: 1365.5px) {
    .dynamic-content .area .tiles.promotion-tiles .lg-promotion .tile .info-box .promo-text {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .promotion-details-wrapper.modal-overlay .modal-content .modal-footer .promotion-footer .success.active .button {
        width: unset;
    }
}


/* additional style my promotions - promotions page */

.area[data-name="Recently Claimed"] .swiper .swiper-wrapper .swiper-slide .tile .from-tablet-up,
.area[data-name="Recently Claimed"] .swiper .swiper-wrapper .swiper-slide .tile .up-to-tablet {
    object-fit: contain;
    object-position: left;
    background: #222939;
}

.promotion-details-wrapper.modal-overlay .modal-content .modal-body .modal-body-content .details .promotion-action-block>img {
    object-fit: contain;
    object-position: left;
    background: #222939;
    height: 160px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.promotion-details-wrapper.modal-overlay .modal-content .modal-body .modal-body-content .details .promotion-action-block>img.border-image,
.promotion-details-wrapper-mobile .bottom-drawer-promotions .slider .drawer-content .body .details .promotion-action-block>img.border-image {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.promotion-details-wrapper-mobile .bottom-drawer-promotions .slider .drawer-content .body .details .promotion-action-block>img {
    object-fit: contain;
    object-position: left;
    background: #222939;
    height: 160px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.promotion-details-wrapper.modal-overlay .modal-content .modal-body .modal-body-content .details .promotion-action-block {
    display: grid;
}

.promotion-details-wrapper-mobile .bottom-drawer-promotions .slider .drawer-content .body .details .promotion-action-block {
    display: grid;
}


/* adjust tile style - promotions page */

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box {
    align-items: flex-start !important;
}

.dynamic-content .area .tiles.promotion-tiles .tile .info-box {
    width: 60% !important;
    right: 0;
}

.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .info-box {
    width: 55% !important;
    right: 0;
}

@media (min-width: 1359.5px) {
    .dynamic-content .area .tiles.promotion-tiles .tile .info-box,
    .dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .info-box {
        width: 60% !important;
    }
}

.area[data-name="Recently Claimed"] .swiper .swiper-wrapper .swiper-slide .tile .info-box {
    width: 60% !important;
    right: 20px;
}

.dynamic-content .unfiltered-content .area .swiper-tiles {
    margin-left: 0;
}

@media (max-width: 1023px) {
    .dynamic-content .unfiltered-content .area:not(:last-child) {
        padding: 0 !important;
    }
    .dynamic-content .unfiltered-content .area .title-component {
        padding: 0 16px;
    }
    .dynamic-content .area .title-component a,
    .dynamic-content .area .title-component .casino-filter-link {
        padding-right: 16px;
    }
    .dynamic-content .unfiltered-content .area .swiper-tiles {
        padding-left: 16px;
    }
}

.dynamic-content .area .tiles.promotion-tiles .tile .info-box .cta-wrapper,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .info-box .cta-wrapper,
.dynamic-content .area .tiles.promotion-tiles .tile .info-box .cta-wrapper {
    justify-content: flex-start;
}

.dynamic-content .area .tiles.promotion-tiles .tile .info-box .promo-subtext,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .info-box .promo-subtext {
    text-transform: uppercase;
}


/* ----- Filtered Promotion Ribbon -----*/

.dynamic-content .area .tiles.filtered-content-elements .tile .ribbons .ribbon {
    padding: 2px 4px !important;
}

.dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .ribbons .ribbon,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .ribbons .ribbon {
    padding: 2px 4px !important;
    height: unset;
}

.area[data-name="Recently Claimed"] .swiper .swiper-wrapper .swiper-slide .tile .ribbons .ribbon {
    line-height: 16px !important;
}


/* lg tiles custom for unfiltered and filtered */


/*@media (min-width: 1365.5px) {
		.dynamic-content .unfiltered-content .button.lg,
		.dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .more-info,
		.dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .button.xl-desktop,
		.dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .lg-promotion .tile .info-box .cta-wrapper .claim,
		.dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .lg-promotion .tile .info-box .cta-wrapper .more-info {
			height: 56px !important;
		    padding: 16px 32px !important;
		    font-size: 14px !important;
		    border-radius: 50px;
		}

		.dynamic-content .area .tiles.promotion-tiles .lg-promotion .tile .promotion-time-left span {
			font-size: 14px !important;
		}

		.dynamic-content .area .tiles.filtered-content-elements .lg-promotion .tile .promotion-time-left img {
			width: 16px !important;
			height: 16px !important;
		}

		.dynamic-content .area .tiles.promotion-tiles .lg-promotion .tile .ribbons .ribbon {
			font-size: 10px !important;
			padding: var(--spacing-4) var(--spacing-8) !important;
		}

		.dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon, .dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon {
			font-size: 10px;
		}

		.dynamic-content .area .filtered-content-elements span.subtitle {
			font-size: 14px;
			margin-top: 8px;
			line-height: 24px;
		}

		.dynamic-content .area .filtered-content-elements span.promo-text {
			margin-right: 32px;
		}
	}*/

@media (min-width: 1365.5px) {
    .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .button.xl-desktop {
        padding: 11px 20px !important;
        font-weight: bold;
        height: 40px;
    }
    .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .promotion-time-left {
        top: 16px !important;
    }
    .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box {
        padding: 0 var(--spacing-24) var(--spacing-24) var(--spacing-24) !important;
        position: absolute;
        display: flex;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        color: var(--other-1);
        top: 32px !important;
        height: calc(100% - 14px - 24px) !important;
    }
    html[lang="id-ID"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .more-info,
    html[lang="id-ID"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .button.xl-desktop,
    html[lang="th-TH"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .more-info,
    html[lang="th-TH"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .button.xl-desktop,
    html[lang="vi-VN"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .more-info,
    html[lang="vi-VN"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .button.xl-desktop {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    html[lang="ja-JP"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .more-info,
    html[lang="ja-JP"] .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .info-box .cta-wrapper .button.xl-desktop {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .dynamic-content .area .tiles.filtered-content-elements .tile .promotion-time-left span {
        font-size: 10px !important;
        line-height: 14px;
    }
    .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile .promotion-time-left img {
        width: 8px !important;
        height: 8px !important;
    }
    .dynamic-content .area .tiles.filtered-content-elements .tile .info-box span.subtitle {
        margin-top: 8px;
    }
    .dynamic-content .area .tiles.promotion-tiles .lg-promotion .tile,
    .dynamic-content .area .tiles.promotion-tiles:not(.lg-promotion) .tile {
        width: 427px !important;
        height: 249px !important;
    }
    .dynamic-content .area .tiles.promotion-tiles.filtered-content-elements .tile {
        width: 426px !important;
        height: 249px !important;
    }
    .dynamic-content .area .tiles.promotion-tiles .lg-promotion .tile .from-tablet-up,
    .dynamic-content .area .tiles.promotion-tiles .lg-promotion .tile .up-to-tablet {
        height: 249px !important;
    }
    .dynamic-content .area .tiles.promotion-tiles .lg-promotion .tile .info-box .promo-subtext {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
    .dynamic-content .area .tiles.filtered-content-elements .tile .info-box .promo-text {
        -webkit-line-clamp: unset !important;
    }
}

@media (min-width: 1023.5px) {
    .dynamic-content .area .tiles.promotion-tiles .tile .ribbons .ribbon,
    .dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .ribbons .ribbon {
        font-size: 8px !important;
    }
    .dynamic-content .area .tiles.filtered-content-elements .promotion-time-left>img {
        width: 12px !important;
        height: 12px !important;
    }
}

@media (min-width: 767.5px) {
    .dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .promo-text,
    .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .promo-text,
    .dynamic-content .area .tiles.filtered-content-elements .tile .info-box .promo-text {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
    .dynamic-content .area .tiles.promotion-tiles .tile .info-box,
    .dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .info-box,
    .area[data-name="Recently Claimed"] .swiper .swiper-wrapper .swiper-slide .tile .info-box {
        right: 0;
    }
}


/* button standard */

@media (min-width: 767.5px) {
    .dynamic-content .unfiltered-content .button.lg {
        height: 40px !important;
        padding: 11px 20px !important;
    }
    .dynamic-content .unfiltered-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
    .dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim,
    .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
    .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim,
    .dynamic-content .area .tiles.promotion-tiles .tile .info-box .cta-wrapper .more-info,
    .dynamic-content .area .tiles.promotion-tiles .tile .info-box .cta-wrapper .button.xl-desktop {
        font-size: 12px !important;
    }
}


/*@media (min-width: 1365.5px) {
		.dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .lg-promotion .tile .info-box .cta-wrapper .more-info {
		    font-size: 14px !important;
		}
	}*/

.dynamic-content .unfiltered-content .button.lg,
.dynamic-content .area .tiles.promotion-tiles .tile .info-box .cta-wrapper .more-info,
.dynamic-content .area .tiles.promotion-tiles .tile .info-box .cta-wrapper .button.xl-desktop {
    height: 32px;
    padding: 9px 16px;
}

.dynamic-content .unfiltered-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
.dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim {
    font-size: 10px;
}

html[lang="vi-VN"] .dynamic-content .unfiltered-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
html[lang="vi-VN"] .dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim,
html[lang="vi-VN"] .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
html[lang="vi-VN"] .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

html[lang="th-TH"] .dynamic-content .unfiltered-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
html[lang="th-TH"] .dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim,
html[lang="th-TH"] .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
html[lang="th-TH"] .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim,
html[lang="id-ID"] .dynamic-content .unfiltered-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
html[lang="id-ID"] .dynamic-content .area .tiles.promotion-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim,
html[lang="id-ID"] .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .more-info,
html[lang="id-ID"] .dynamic-content .area .tiles.promotion-tiles.persistent-tiles:not(.filtered-content-elements) .tile .info-box .cta-wrapper .claim {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.dynamic-content .unfiltered-content .area .tiles.promotion-tiles .tile .info-box .cta-wrapper,
.dynamic-content .area .tiles.promotion-tiles.persistent-tiles .tile .info-box .cta-wrapper {
    justify-content: flex-start !important;
    margin-bottom: 0;
}


/* special promotions - promotions page */