.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: #caab72 !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 */