/*  */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/*  */
@font-face {
    font-family: 'poppins';
    src: url('../fonts/Poppins-Bold.otf');
}

body {
    padding: 0;
    margin: 0;
    background-color: #3D3B37;
    font-family: 'Roboto', sans-serif;
}


/* Tour guide css */

#tour-guide {
    background: rgba(0, 0, 0, 0.88);
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 999;
    font-style: normal;
}

.z-index-nav {
    /* z-index: -1; */
    position: relative;
}

.tour-guide-search,
.tour-guide-navigation,
.tour-guide-tab {
    display: none;
}

.blink-soft {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    0% {
        background-image: url(/../assets/casinolisting/images/header/search.svg);
    }

    80% {
        opacity: 0.6;
    }
}

.skipp-btn {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #D8D8D8;
    text-align: right;
    padding: 20px 20px 0px 20px;
}

.skeletonOnLoad {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #424040;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.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;
    /* animation: grayScale 1s cubic-bezier(0.6, -0.28, 0.74, 0.05) 1s infinite; */
}

@keyframes placeholderShimmer {
    from {
        opacity: 0;

    }
    to {
        opacity: 0.2;
    }
}
.skipp-btn.skip_sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

.searchnew-imgg {
    text-align: right;
    padding: 46px 56px 0px 0px;
}

.searchnew-imgg-nav {
    text-align: right;
    padding: 46px 15px 0px 0px;
}

.tour-guide-pdng {
    padding: 34px 35px 0px 26px;
}

#tour-guide .tour-imgg {
    position: absolute;
    right: 89px;
    top: 96px;
}

#tour-guide .tour-imgg-nav {
    position: absolute;
    right: 46px;
    top: 96px;
}

.tour-imgg-tab {
    text-align: center;
}

.text-right {
    text-align: right;
}

.guide-inform-headng {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-top: 34px;
}

.guide-information {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 6px 0px 15px 0px;
}

.confirm-txt {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #FDD446;
}

.skip-prev-btn {
    margin-bottom: 80%;
    display: flex;
    justify-content: space-between;
}

.tour-imgg-tab {
    position: absolute;
    right: 31%;
}

.mt-top-reduce {
    margin-top: 30px !important;
}


/* New addition */

nav {
    z-index: 111;
}

.filter-txt {
    color: #fff;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    /* line-height: 21px; */
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

#onclick-filter {
    margin-right: 5px;
}

.filetr-posi {
    display: flex;
    justify-content: center;
}

.filter-abs {
    display: flex;
    gap: 23px;
}

.search-filter {
    padding: 11px 0px 15px 0px;
    background: #1C1C1C;
    padding-left: 15px;
}

.left-arrow {
    /* font-size: 21px; */
    visibility: hidden;
}

.remove_border {
    border-radius: unset !important;
}

.categories-filter {
    display: flex;
    justify-content: space-between;
    padding: 11px 15px;
    background: #1C1C1C;
    align-items: center;
}

.filter-items {
    background: #292622;
    border-radius: 9px;
    margin: 15px;
}

.filter-navbar {
    position: relative;
}

.topgames-txt {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    align-items: center;
    display: flex;
    text-transform:uppercase;
}

.topgames-no {
    color: #A8A8A8 !important;
}

.filter-items .d-fleex {
    display: flex;
    gap: 14px;
}

.inner-items {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    border-top: 1px solid #36332D;
}
.inner-items:first-child{
    border-top: unset;
}
.categories-filter {
    display: flex;
}

.left-imgg {
    flex: 1;
    display: flex;
}

.categories-filter::after {
    flex: 1;
    content: '';
}

.search-txtt {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    background: #4A4845;
    width: 100%;
    border: none !important;
    box-shadow: none;
    margin: 0;
    padding: 12px;
    border-radius: 7px;
}

.search-games {
    position: relative;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ftlsrc {
    position: absolute;
    right: 10px;
}

.ftlsrclose {
    position: absolute;
    right: 10px;
    display: none;
}

.recentgames {
    background: #171717;
}

.recentgames-recenth {
    margin: 15px;
    background: #2B2B2B;
    border-radius: 8px;
}

.recent-txt {
    font-family: 'Roboto';
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.05em;
    color: #CECECE;
    font-size: 12px;
}

.jackpot-txt {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.05em;
    color: #A5A5A5;
    display: flex;
    align-items: center;
}

.list-itemss {
    display: flex;
    gap: 5px;
}

.list_items{
    display: flex;
    gap: 5px;
}

.recentlist {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
}

.seacrh-list {
    padding: 15px;
    display: none;
}

.search-games input::placeholder,
.search-games input:focus {
    background: #4A4845;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    box-shadow: none;
}

.topheaderfilter {
    position: relative;
    width: 100%;
}

.search-btn,
.filter-navbar {
    position: fixed;
    background: #1c1c1c;
    /* top: 25vw; */
    /* z-index: 11; */
    width: 100%;
    overflow: scroll;
    height: 100%;
}

.recentgames-recenth-rlt {
    background: #222222;
    border-radius: 15px;
    padding: 8px;
}

.filetr-btn,
.recentgames-recenth-rlt {
    padding-bottom: 40%;
}


/* .activefilter{} */

.allfltgame,
.teenpatigame,
.notfound {
    display: none;
}

.games-center {
    display: flex;
    align-items: center;
}

.notfound-inner {
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notfound-inner-img-txt {
    display: flex;
    flex-direction: column;
}

.notfound-inner .hdi3 {
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #4A4845;
}

.notfound-inner p {
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #4A4845;
}

.img-center {
    text-align: center;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.no-data-found-master-wrapper{
    height: 76vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* end new addition */

.mySwiper {
    padding-bottom: 15px;
}

.swiper-pagination {
    bottom: 2px !important;
}

.main-slider-home {
    padding: 8px 7px 0px 8px;
    background: #171717;
    border-radius: 0px 0px 15px 0px;
    margin-bottom: 5px;
}

.main-slider-home .img-responsive {
    width: 768px;
    max-width: 100%;
}


/* .main-slider-home .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
   font-size: 19px;
   font-weight: 800;
   color: #B4B4B4;
   background: #1C1C1C;
   padding: 10px 15px;
   border-radius: 50%;
   background: linear-gradient(180deg, #1F1F1F 0%, #0C0C0C 100%);
   border: 0.5px solid #B4B4B4;
   box-shadow: inset -5.44287e-17px -0.888889px 0.888889px #090909, inset 5.44287e-17px 0.888889px 0.888889px #222222;
} */


/* .main-slider-home .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 15px;}
.main-slider-home .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 15px;} */


/* Inner Nav */

.navbar-main {
    background: #171717;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

ul.navbar-scroll {
    display: flex;
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 20px;
    padding: 4px 21px 6px;
}

.navbar-inner {
    position: relative;
}
/* .navbar-inner{
    border-bottom: 2px solid #565656;
} */
.navbar-inner:after {
    width: 100%;
    content: '';
    position: absolute;
    background: #565656;
    height: 0px;
    bottom: 0;
    border-bottom: 2px solid #565656;
    z-index: 0;
}

li.navtext {
    list-style: none;
    position: relative;
}

.navbar-scroll::-webkit-scrollbar {
    display: none;
}

.navbar-inner .head3 {
    font-family: 'Roboto';
    position: relative;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #9A9A9A;
    text-align: center;
    width: max-content;
}

.navbar-inner .head3.actives {
    color: #E2AE3E;
}

.navbar-inner .head3.actives:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #E2AE3E;
    bottom: -6px;
    right: 0px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
}


/* Game Provider */

.home-wrapper {
    display: flex;
    gap: 8px;
    overflow-x: auto;
}

.home-wrapper::-webkit-scrollbar {
    display: none;
}

.home-wrapper-inner {
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    /* align-items: center; */
    text-align: center;
    width: 62px;
}

.home-wrapper-inner.cl-home-wrapper {
    width: 100%;
}

.home-wrapper-inner.cl-home-wrapper .cl-home-wrapper-in {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(5, calc((100% - 40px) / 4));

    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-auto-flow: column;
}

.home-wrapper-inner.cl-home-wrapper .cl-home-wrapper-in.place-two-rows {
    grid-template-rows: repeat(2, auto);
    grid-auto-columns: 68.5px;
}

.cl-home-wrapper .inner-icons {
    width: 100%;
}

/* .home-wrapper-inner:last-child {
    margin-right: 15px;
} */

.game-provider .inner-icons {
    padding: 1px;
}

.game-provider .inner-icons.activetab {
    border-radius: 10px;
    padding: 1px;
    background: radial-gradient(#000000 26px, #efa200 70%, #ffad00 70%);
    display: flex;
}

.game-provider .inner-icons .sub-inner-icons {
    width: 100%;
    max-width: 100%;
    padding: 10px 3px;
    border-radius: 10px;
    background: #3D3B37;
    border: 1px solid #565656;
}

.game-provider .inner-icons.activetab .sub-inner-icons {
    background-color: #000;
}

.game-provider .inner-icons img {
    width: 22px;
    margin: auto;
}

.game-provider .inner-icons .icntxt {
    font-style: normal;
    margin: 0;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #959595;
    text-transform: uppercase;
}

.game-provider {
    background: #171717;
    border-radius: 15px;
    padding: 0 0 15px 15px;
    margin-bottom: 5px;
}

.game-provider .hpr {
    color: #DFDFDF;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 35px;
    width: 98%;
    margin: auto;
}


/* indian game */

section.all-game-list {
    width: 100%;
}

.allgame-inner1 {
    margin-bottom: 17px;
    background: #171717;
    border-radius: 15px;
}
.allgame-inner1:last-child{
    margin-bottom: 0;
}
.scrolltop img {
    background: #403C34;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    padding: 8px;
    border-radius: 50%;
}

.img-ind-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 8px;
    margin: 0px 4px;
    align-items: center;
    /* justify-content: center; */
    /* justify-content: center; */
    padding-bottom: 8px;
    /* height: 78vh;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; */
}
.margn-btm-allgames{
    margin-bottom: 70px;
}

.img-ind-container .find-imf {
    width: calc(48% - 4px);
    padding: 2px;
    background-image: linear-gradient(#FDC315, #FFF1AD, #E6931B);
    background-size: cover;
    border-radius: 10px;
    width: 47%;
    position: relative;
}

.background_loader .inner__div {
    position: relative;
    height: 0;
    padding-top: calc(200 / 300 * 100%);
}

.background_loader a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background_loader {
    padding: 0;
}

.img-ind-container .find-imf img {

    border-radius: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

.err-img-label {
    position: absolute;
    top: 35%;
    padding-left: 4px;
    color: #ffffff;
    font-family: 'sans-serif';
    font-size: 10px;
    z-index: 10;

    font-family: 'poppins', sans-serif;
    width: 40%;
    text-align: center;
}

.gametxt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px 13px 22px;
}

.htext {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #ffff;
    text-transform: uppercase;;
}

.hnext {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #959187;
    display: flex;
    gap: 9px;
}


/* loading */

.loadtxt {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #F4BB42;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 15px auto 0;
    background: #34312D;
    border-radius: 15px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    padding: 6px 0;
    text-align: center;
}

.casinolisting-page {
    position: relative;
    background: #171717;
    padding-bottom: 15px;
}

.scrolltop {
    position: fixed;
    cursor: pointer;
    right: 20px;
    bottom: 19vw;
    /* transform: translateY(20%); */
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 6px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 6px));
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
    display: inline-block;
    border-radius: 50%;
    background: #646464;
    box-shadow: none;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: radial-gradient(50% 50% at 50% 50%, #FEC933 0%, #F79821 100%);
    box-shadow: inset -1.46939e-16px -2.3997px 2.3997px #AA822E, inset 1.46939e-16px 2.3997px 2.3997px #FFE952;
}

#mainTabgame .activetab .icntxt {
    color: #FFB80C;
}


/* @media(max-width:600px){
   .main-slider-home .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
      font-size: 14px;
      font-weight: 800;
      padding: 6px 10px;
   }
   .main-slider-home .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 10px;}
   .main-slider-home .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 10px;} */


/* .game-provider .inner-icons .sub-inner-icons {
      width: 62px;
      }

} */

@media(min-width:500px) {
    .img-ind-container .find-imf {
        width: 30%;
    }
}
@media screen and (max-width:360px){
    .filter-abs{
        gap:10px;
    }
}
@media(max-width:300px) {
    .filter-txt {
        font-size: 16px;
    }

    .filter-abs {
        display: flex;
        gap: 18px;
    }
}



@media (orientation: landscape) {
    .scrolltop {
        bottom: 16px;
    }

    .search-btn,
    .filter-navbar {
        top: 0
    }
}

.got-it-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: #000000b8;
    z-index: 20000;
}

.tour_01 {
    position: absolute;
    /* width: 360px; */
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    padding: 27px 30px 0 30px;
    z-index: 200000;
    text-align: right;
    box-sizing: border-box;
}

.tour_01.tab {
    text-align: left;
    padding-top: 68px;
}

.tour_01_head p {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    grid-gap: 20px;
}

.tour_01_head .tour_01_head-p--primary {
    color: #FFDD4A;
}

.tour_01_cnt p {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    margin: 10px 0 0 0;
}

.tour_01 .pointer_image {
    position: absolute;
    right: 83px;
    top: -26px;
}

.tour_01.tab .pointer_image {
    right: auto;
    top: 6px;
    left: 184px;
}

.tour_01.filter .pointer_image {
    right: 43px;
}

.got-it-sec {
    margin-top: 10px;
}

.got-it-sec a {
    font-weight: bold;
    font-size: 16px;
    color: #ffdd4a;
}

.z-index-nav.tab_show,
.home-wrapper-slider.tab_show {
    z-index: 20000;
    position: relative;
}

@keyframes blink {
    0% {
        opacity: 0
    }

    49% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.tab_show.blink .navbar-inner,
.home-wrapper.blink {
    animation: blink 1.5s infinite;
}

.active_icon,
.active_filter {
    animation: blinker_star .5s linear infinite alternate;
}

@-webkit-keyframes blinker_star {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1.0;
    }
}

@keyframes blinker_star {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1.0;
    }
}

.z-index-nav.tab_show,
.home-wrapper-slider.tab_show {
    z-index: 20000;
    position: relative;
}

/* @media(min-width:760px) {
    .home-wrapper-inner.cl-home-wrapper .cl-home-wrapper-in{
        grid-template-columns: repeat(10, 62px);
    }
} */

/* GSedit */
.game-provider .inner-icons .icntxt {

    text-overflow: ellipsis;
    overflow: hidden;
}
.filter-txt{
    /* align-items: initial; */
}