.body-content.mtb80 {
    margin-bottom: 0px;
}
.v2_cas_sc{
   min-height:100dvh;
   overflow: hidden scroll;
}
@supports (-webkit-touch-callout: none) {
.fltr_main_div{
  padding-bottom: 80px;}
}
.fltr_main_div{
  padding-bottom: 20px;
}
.tabs__container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth; /* Optional for smooth scrolling */
}
.tabs__div {
    display: inline-block;
    /* Other styling as needed */
}
.marquee-box h4:after{
    top: -9px;
}
html{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    overflow: scroll;
}
th{
    width: 40%;
}
#Top_scroll{
    position: fixed;
    z-index: 8;
    background-color: #FFB80C;
    display: none;
    bottom:15vw;
    height: 10vw;
    width:10vw;
    left:2vw;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
#Top_scroll i{
    color:#fff;
    font-size:5vw;
}
.pd20{
    padding: 20px;
}
.pd5{
    padding: 5px;
}
.bgBlack{
    background: #111111;
}
.pdlr0{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.pd6{
    padding: 6px;
}
.pdb5{
    padding-bottom: 5px;
}
.mt20{
    margin-top: 20px;
}
.mtb80{
    margin-bottom: 80px;
}
.casino-live h3{
    margin-bottom: 0px !important;
}
.casino-live{
    /*
    height: 600px;
    background: #1c2f3b;
    */
}
.card img{
    border-radius: 10px;
    background: #a1902e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #a1902e), color-stop(35%, #ffdb66), color-stop(40%, #baa73e), color-stop(44%, #fff8d4), color-stop(48%, #6e5706), color-stop(52%, #574300), color-stop(56%, #fff6c7), color-stop(76%, #ab8f00), color-stop(100%, #ab8f00));
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00);
    padding: 3px;
}
.game-toolbar {
    width: auto;
    background-color: #1a1a1a;
    font-weight: 600;
    border-radius: 50px;
    padding: 0 10px 0 20px;
    margin-bottom: 0;
}
.gamelists-wrapper ul {
    white-space: nowrap;
    overflow: auto;
    flex-grow: 2;
}
.gamelists-wrapper ul li {
    color: #8f99a3;
    padding: 20px 15px;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
}
.gamelists-wrapper ul li.selected, .gamelists-wrapper ul li:hover {
    color: #fff;
}
.gamelists-wrapper ul li.selected:after {
    opacity: 1;
}
.gamelists-wrapper ul li:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    background-color: #f9bb22;
    transition: all .3s ease;
    opacity: 0;
}
@media only screen and (max-width: 780px) and (min-width: 0px){
    .game-toolbar {
        /*width: 87%;*/
    }
    .tabs__wrapper{
        padding-bottom: 20px;
    }
    .tabs__bar{
        padding: 0px 15px;
        /* width: 87%;*/
    }
    .gamePlatformWrapper .platformList {
        margin: 0 5px;
    }
    .featuredGames{
        /*width: 93% !important;*/
    }
    .featuredGames .featured-wrapper{
        /*width: auto !important;*/
    }
}
@media only screen and (max-width: 1024px) and (min-width: 280px){
    .gamePlatformWrapper .platformList {
        margin: 0 5px;
    }
    .scroll_hidden_rk::-webkit-scrollbar {
        display:none;
    }
}
.gamePlatformWrapper {
    margin: 5px 0;
}
.tabs, .tabs__bar {
    position: relative;
}
.transparent {
    background-color: transparent!important;
    border-color: transparent!important;
}
.tabs__wrapper {
    overflow: auto;
    contain: content;
    display: flex;
}
.gamePlatformWrapper .tabs__wrapper .tabs__container {
    height: auto!important;
}
.tabs__container {
    flex: 1 0 auto;
    display: flex;
    height: 48px;
    list-style-type: none;
    transition: transform .6s cubic-bezier(.86,0,.07,1);
    white-space: nowrap;
    position: relative;
}
.gamePlatformWrapper .platformList:first-child {
    margin-left: 0;
}
.tabs__div {
    align-items: center;
    display: inline-flex;
    flex: 0 1 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    height: inherit;
    max-width: 264px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.gamePlatformWrapper .platformList a {
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.tabs__bar .tabs__div {
    color: #fff;
}
.gamePlatformWrapper .platformList a.selectedPlatform {
    box-shadow: inset 0 0 0 2px #f9bb22;
}
.gamePlatformWrapper .platformList a {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1a1a1a;
}
.application.theme--dark a {
    cursor: pointer;
}
.gamePlatformWrapper .platformList a .platformIcon {
    position: absolute;
    width: 30px;
}
.gamePlatformWrapper .platformList .before {
    transition: opacity .3s .2s,transform .3s .2s;
}
.gamePlatformWrapper .platformList .after {
    opacity: 0;
    transform: rotate(180deg);
    transition: opacity .3s .2s,transform .3s .2s;
}
/*ALL ICON*/
.icon {
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    justify-content: center;
    line-height: 1;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    vertical-align: middle;
}
.theme--dark .icon {
    color: #fff;
}
.AllIcon {
    transform: rotate(-45deg);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
}
/*ALL ICON*/
.featuredGames {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 2px;
    z-index: 8;
}
.featuredGames:before{
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: #a1902e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #a1902e), color-stop(35%, #ffdb66), color-stop(40%, #baa73e), color-stop(44%, #fff8d4), color-stop(48%, #6e5706), color-stop(52%, #574300), color-stop(56%, #fff6c7), color-stop(76%, #ab8f00), color-stop(100%, #ab8f00));
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00);
    -webkit-animation: BorderAnimation-data-v-7fdc8ba0 5s linear infinite;
    animation: BorderAnimation-data-v-7fdc8ba0 5s linear infinite
}
@-webkit-keyframes BorderAnimation-data-v-7fdc8ba0 {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}
@keyframes BorderAnimation-data-v-7fdc8ba0 {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}
.featuredGames .featured-wrapper {
    position: relative;
    z-index: 10;
    /*    border: 3px solid #5f4300;*/
    border-radius: 10px;
    height: 100%;
    width: 100%;
    /*    background: linear-gradient(to right, #9c7914, #9c7914);*/
    /*
    padding: 3px;
    animation: colorchange 3s;
    animation-iteration-count:infinite;
    */
    /*        padding: 10px;*/
}
@keyframes colorchange
{
    0%   {    background: linear-gradient(to right, #9c7914, #ffb80c);
        padding: 3px;}
    50%   {    background: #ffb80c;
        padding: 3px;}
    100% {    background: linear-gradient(to right, #ffb80c #9c7914);
        padding: 3px;}
}
.featuredGames .featured-wrapper h4 {
    text-align: center;
    position: absolute;
    z-index: 5;
    color: #fff;
    left: 50%;
    top: 5%;
    transform: translateX(-50%);
}
.featured-wrapper .carousel-inner .item .carousel-caption{
    display:none;
}
.featuredGames .featured-wrapper .featuredSlider {
    margin: 0 auto;
    display: flex;
    z-index: 5;
    align-self: center;
    position: relative;
}
.casino-caption{
       line-height: 3.8vw;
       background: #00000054;
       width: calc(100% - 19px);
       bottom: 9px;
       position: absolute;
       left: 0;
       transform: translateX(9px);
       border-bottom-right-radius: 5px;
       border-bottom-left-radius: 5px;
    }
    .casino-caption .casino-game-name{
       display: inline-block;
       color: #ffffff;
       white-space: nowrap;
       padding-left: 12px;
       font-size: 2.5vw;
       text-overflow: ellipsis;
       overflow: hidden;
       width: 100%;
       text-transform: capitalize;
}
.carousel-inner{
    border-radius: 10px;
}
.carousel-inner .item{
    background-color: rgba(17,17,17,.6);
}
.carousel-inner .item .carousel-caption{
    bottom: 9% !important;
    left: -25% !important;
}
.carousel-inner .item .carousel-caption p{
    font-size: 10px;
    margin: 0;
}
.back_img{
    background-size:cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    width:100%;
    height:100%;
    background-color: rgba(17,17,17,.6);
}
.front_img{
    position: absolute;
    top: 25%;
    left: 20%;
    width: 60%;
    background: #a1902e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #a1902e), color-stop(35%, #ffdb66), color-stop(40%, #baa73e), color-stop(44%, #fff8d4), color-stop(48%, #6e5706), color-stop(52%, #574300), color-stop(56%, #fff6c7), color-stop(76%, #ab8f00), color-stop(100%, #ab8f00));
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00);
    padding: 2px;
    border-radius: 15px;
}
body.exchange{
    background-image: linear-gradient(56deg, #111111 4%, #111111 42%) !important;
}
/*** Search Section Style Starts ****/
.heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    margin: 10px 7px;
    /* margin-top: 1.16rem;
    margin-bottom: 0.76rem; */
    position: relative;
}
/* .ui-link{
display:none!important;
} */
.cls-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    position: absolute;
    width:97%;
    margin:0 auto;
    left:0;
    right:0;
    z-index:2;
}
.cls-search .search-iput.active{
    background:transparent;
    box-shadow: 0px;
    outline:0px;
    outline:none;
    transition: width 0.5s ease,padding 0.5s ease;
    background: #171717;
    border:1px solid #8a8a8a;
    width: 100%;
    padding-left: 4rem;
    padding-right:47px;
}
.cls-search .search-iput:focus{
    background:#171717;
    box-shadow: 0px;
    outline:0px;
    outline:none;
}
span.clear-value {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #7c7c7c;
    border-left: 1px solid #525252;
    padding-left: 8px;
    font-size: 11px;
}
.heading h3.pdb5{
    width:100%;
    padding-bottom: 0;
    margin: 0;
    padding: 7px 0px;
}
.search-iput {
    height: initial;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto 0;
    font-weight: 300;
    color: #fff!important;
    position: absolute;
    width: 0;
    padding: 7px 19.5px;
    background: #171717;
    border-radius: 4rem;
    line-height: 1;
    font-size: 1.2rem;
    border: 1px solid #717171;
    -webkit-transition: width 0.5s ease,padding 0.5s ease;
    transition: width 0.5s ease,padding 0.5s ease;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}
.search-iput::placeholder{
    font-size: 1rem;
}
.cls-search-icon {
    display: block;
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    background-image: url("/exchange/images/gameicons/casino/search-icon.png");
    background-position: 0 0;
    background-repeat:no-repeat;
    z-index: 2;
    left: 11px;
    transform: translateY(-50%);
}
.cls-clear{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    font-size: 18px;
    background: #6c6c6c;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cls-clear svg {
  padding: 2px;
}
.load_more_btn{
    background: #334b59 !important;
    color: #6e7f89 !important;
    border-radius: 20px !important;
    padding: 10px 30px !important;
    border-radius: 5px;
    border: none;
    display: none;
    margin: 10px auto;
}
.load_main{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.onLoaderActive{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.srp_casino_fltr_games{
    display:flex;
    flex-wrap:wrap;
}
.casino_card_wrap{
    width:49%;
    position:relative;
    margin: 0 auto;
}
.skeletonInnerImage img {
    opacity: 0.2;
    animation: placeholderShimmer 750ms infinite;
    transition: all 1s ease;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    background:
        url('https://d2g8jl9s27zu.cloudfront.net/bicdn/placeholders/casino/betin_new.jpg') padding-box,
        linear-gradient(135deg, #A1902E, #FFDB66 35%, #BAA73E 40%, #FFF8D4 44%, #6E5706 48%, #574300 52%, #FFF6C7 56%, #AB8F00 76%, #AB8F00) border-box!important;
    background-size: cover!important;
    border: 4px solid transparent;
    border-radius: 10px;
    position: relative;
    padding:0px;
    /* background: transparent!important; */
}

@keyframes placeholderShimmer {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .5;
    }
}
.srp_casino_fltr_games .no_games{
    margin: 5vh auto 0;
}
/*** Search Section Style Ends ****/
.scroll_hidden_rk {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.skel_box{
    width: 100%;
    padding: 0px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.skeleton_con {
    padding: 3px;
    width: 49%;
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00);
    margin-bottom: 10px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
}
.skeleton_con .square {
    height: 137px;
    border-radius: 5px;
    background: linear-gradient(to right, transparent,#3C3A3A,transparent);
    background-size: 800px 100px;
    animation: wave-squares 2s infinite ease-out;
    position:relative;
}
.loading-animation::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    animation: loading 1.5s infinite;
}
.skeleton-right{
    flex:1;
    background: #979292;
}
.skel_img
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    transform: translate(-50%, -50%);
    max-width: 100px;
}
@keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}
@keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}
@media only screen and (max-width:320px){
    .skeleton_con .square
    {
        height:90px;
    }
    .featuredGames .featured-wrapper h4{
        font-size: 12px;
    }
    .featuredGames .carousel-indicators{
        bottom: 0px !important;
    }
    .carousel-indicators li{
        width: 8px;
        height: 8px;
    }
    .carousel-indicators .active{
        width: 10px;
        height: 10px;
    }
}
@media only screen and (min-width:320px) and (max-width:419px){
    .featuredGames .featured-wrapper h4{
        font-size: 14px;
    }
    .featuredGames .carousel-indicators{
        bottom: -1px !important;
    }
    .search-iput{
        padding: 11px 20px;
    }
}
@media only screen and (min-width:540px) and (max-width:767px){
    .skeleton_con .square
    {
        height:180px;
    }
}
@media only screen and (min-width:768px){
    .skeleton_con .square
    {
        height:240px;
    }
    .search-iput{
        padding: 2px 21px;
    }
}
.form-login input
{
    width:calc(100% - 0px) !important;
}
.new_style {
    position: relative;
    height: 0;
    padding-top: calc(265 / 370 * 100%);
}
.new_style .card.pd6 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
.new_style .card.pd6 img::before
{
    content:'';
    background-image: url(https://d2g8jl9s27zu.cloudfront.net/bicdn/placeholders/casino/betinexch.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100%;
    width: 100%;
}
.card_v2casino img
{
    height:100%;
    width: 100%;
}
.v2_casino_fltr_games
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.carousel-indicators{
    bottom: 6px !important;
}
.casino_search_main .cls-search-icon{
    cursor: pointer;
}
a.carousel-control.right,a.carousel-control.left{
    -webkit-tap-highlight-color: transparent !important;
}
@media only screen and (min-width:600px) and (max-width:767px){
    .search-iput{
        padding: 4px 21px;
    }
}
@media only screen and (min-width: 821px) and (max-width:1024px){
    .search-iput {
        padding: 5px 30px;
    }
    .cls-search-icon{
        left: 20px;
    }
}