/* showing 3 step icon */

.three-step-guide .three-step-guide-content .step .icon.icon-join {
	background: url(/~/static/images/icons/icon-three-step-guide-join.svg) no-repeat center;
	background-size: contain;
}

.three-step-guide .three-step-guide-content .step .icon.icon-deposit {
	background: url(/~/static/images/icons/icon-three-step-guide-deposit.svg) no-repeat center;
	background-size: contain;
}

.three-step-guide .three-step-guide-content .step .icon.icon-play {
	background: url(/~/static/images/icons/icon-three-step-guide-play.svg) no-repeat center;
	background-size: contain;
}


/* custom padding for Advant Play, Yggdrasil and Fachai */

@media (min-width: 767.5px) {

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img {
		height: 154px;
	}

	.dynamic-content .area .tiles.small-provider-tiles .tile:not(.big) {
		width: calc((100% - (7 - 1) * var(--spacing-8)) / 7);
		max-width: calc((100% - 6*var(--spacing-8))/7);
	}

	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Advant Play"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Yggdrasil"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Fa Chai"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Spade Gaming"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="No Limit"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Push Gaming"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Viva"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Habanero"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="HackSaw"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Onetouch Casino"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Red Tiger"],
	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Livespins"] {
		padding-left: 16px !important;
		padding-right: 16px !important
	}

	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Top Spin"] {
		padding-left: 20px !important;
		padding-right: 20px !important
	}

	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Jili"] {
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}
}

@media (min-width: 1023.5px) {
	.dynamic-content .area .tiles.small-provider-tiles .tile:not(.big) {
		width: calc((100% - (7 - 1) * var(--spacing-8)) / 7);
		max-width: calc((100% - 6*var(--spacing-16))/7);
	}

	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="No Limit"] {
		padding-left: 24px !important;
		padding-right: 24px !important
	}

	.dynamic-content .area .tiles.small-provider-tiles .tile[data-tracking-name="Jili"] {
		padding-top: 24px !important;
		padding-bottom: 24px !important
	}
}

/* RPG Tiles for Livespins and OpusBinary */
@media (min-width: 374.5px) {

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img {
		height: 118px;
		margin-top: var(--spacing-12);
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile img {
		/* height: 130px; */
		height: 118px;
		margin-top: var(--spacing-12);
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile img,
	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins img {
		height: 118px;
		margin-top: var(--spacing-12);
	}

	.recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile .hover-element,
	.recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile .hover-element,
	.recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins .hover-element {
		margin-top: var(--spacing-12);
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img {
		height: 118px;
		margin-top: var(--spacing-12);
	}
}

@media (min-width: 767.5px) {

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile img {
		/* height: 166px; */
		height: 154px;
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile img,
	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins img {
		height: 154px;
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img {
		height: 154px;
	}
}

@media (min-width: 1023.5px) {

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img {
		height: 196px;
		margin-top: var(--spacing-16);
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile img {
		/* height: 212px; */
		height: 196px;
		margin-top: var(--spacing-16);
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile img,
	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins img {
		height: 196px;
		margin-top: var(--spacing-16);
	}

	.recently-played-tiles .swiper-wrapper .swiper-slide .opusbinary-tile .hover-element,
	.recently-played-tiles .swiper-wrapper .swiper-slide .livespins-tile .hover-element,
	.recently-played-tiles .swiper-wrapper .swiper-slide #tile-livespins .hover-element {
		margin-top: var(--spacing-16);
	}

	.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img,
	.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .livesabong-tile img {
		height: 196px;
		margin-top: var(--spacing-16);
	}
}