.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 */