/* showing 3 step icon */

.three-step-guide .three-step-guide-content .step .icon.icon-join {
    background: url(../../static/images/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/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/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 .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 .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 .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);
    }
}