﻿@media screen and (min-width: 769px) {
    .wb_category_item:hover {
        background-color: var(--bg-level-4, var(--cwTabBgHover));
    }
    .wb_tabTitle_tab_item:hover {
        background-color: var(--bg-level-3, var(--cwTabBgHover));
    }
    .wb_providers_item:hover {
        background-color: var(--bg-level-4, var(--cwTabBgHover));
    }
    .wb_btn:hover {
        background-color: var(--bg-level-3, var(--cwButtonSecondaryBgHover));
    }
    .wb_btn.active:hover {
        background: var(--btn-primary, var(--cwButtonBgHover));
    }
}
/*Pinned Filter on header */
.wbp_nav_fixed .widgetBased_wrapper {
    position: fixed;
    top: 55px;
    z-index: 89;
    left: 0;
    border-radius: 0;
}

.wbp_nav_fixed .notification_static_content ~ .content-wrapper .widgetBased_wrapper {
    top: 99px;
}
/*.wbp_nav_fixed .wb_card_wrapper {
    padding-top: 94px;
}*/

.wbp_nav_fixed .fixed_head,
.wbp_nav_fixed .fixed_header_all {
    z-index: 92;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wbp_nav_fixed .fixed_header_all {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 113px;
}

.wbp_nav_fixed .fixed_header_all .tl_header_top_row,
.wbp_nav_fixed .fixed_header_all .tl_header_bot_row {
    position: fixed;
    z-index: 92;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.wbp_nav_fixed .fixed_header_all .tl_header_bot_row {
    top: 56px;
    z-index: 0;
}

.wbp_nav_fixed .fixed_header_all .tl_header_bot_row .header_nav__more {
    visibility: hidden !important;
    z-index: 0;
}

.notification_static_content ~ .fixed_header_all .tl_header_top_row {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.wbp_nav_fixed .notification_static_content ~ .fixed_header_all .tl_header_top_row {
    top: 44px;
}

.wbp_nav_fixed .notification_static_content ~ .fixed_header_all .tl_header_bot_row {
    top: 100px;
}

.wbp_nav_fixed .fixed_header_all .tl_header_top_row {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wbp_nav_fixed .fixed_header_all .tl_header_bot_row {
    visibility: hidden;
    opacity: 0;
}

.wbp_nav_fixed .notification_content {
    z-index: 93;
}

.wbp_nav_fixed .social_icons_fixed {
    z-index: 92;
}

/*start widget Based*/


.widgetBased_main {
    padding-bottom: 12px;
}
.widgetBased_wrapper {
    width: 100%;
    padding: 24px;
}
.wb_search_open.widgetBased_wrapper {
    background-color: var(--bg-level-2, var(--cwBodyBgHover));
    border-bottom: 1px solid var(--bg-level-3, var(--cwBodyBorder));
    border-top: 1px solid var(--bg-level-3, var(--cwBodyBorder));
}
.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_center_between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex_center_start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wb_content {
    padding-inline: 24px;
}
.wb_content.wb_content_inpagenavigation {
    padding-inline: 0;
    margin-bottom: 12px;
    min-height: 94px;
}

.wb_title__block {
    gap: 8px;
    padding: 6px 0;
}

.wb_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: var(--text-level-high, var(--cwBodyTxt));
    text-transform: capitalize;
}
.wb_title_img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    object-fit: contain;
}
.wb_title_sub {
    color: var(--text-level-medium, var(--cwBodyTxt2));
}
.wb_title_circle {
    width: 6px;
    height: 6px;
    background-color: var(--text-level-medium, var(--cwBodyTxt2));
    border-radius: 50%;
    display: inline-block;
    margin: 4px 8px;
}
.wb_search_heding .skeleton {
    height: 28px;
    width: 150px;
    display: block;
    border-radius: var(--cwCardRadius, 12px);
}

.wb_viewAll_btn {
    font-size: 12px;
    height: 40px;
    font-weight: 500;
    background: none;
    line-height: 18px;
    color: var(--text-level-high, var(--cwButtonSecondaryTxt));
    cursor: pointer;
    padding: 0 12px;
    text-transform: capitalize;
}
.wb_viewAll_btn span {
    margin-inline-start: 2px;
}
.wb_tabTitle_arrow {
    display: flex;
}
.wb_tabTitle_right:not(.active) {
    display: none;
}
.wb_tabTitle_right {
    gap: 16px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
}
.wb_tabTitle_arrow .arrow__next,
.wb_tabTitle_arrow .arrow__prev{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    width: 36px;
    height: 36px;
}
.wb_tabTitle_arrow .arrow__next {
    inset-inline-end: 0;
}
.wb_tabTitle_arrow .arrow__prev{
    inset-inline-start: 0;
}
.wb_title .wb_tabTitle_right {
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
}
.wb_tabTitle_left {
    display: flex;
    flex-direction: column;
    gap: 12px;  
    width: 100%;
}
.wb_tabTitle_box {
    margin-bottom: 12px;
    gap: 12px;
    align-items: center;
}


.wb_tabTitle_tab {
    display: flex;
    gap: 12px;
/*    width: 100%;
*/    margin-left: -16px;
    padding-left: 16px;
    margin-right: -16px;
    padding-right: 16px;
}

.wb_tabTitle_tab_item {
    padding: 0 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 60px;
    background-color: var(--bg-level-2, var(--cwTabBg));
    color: var(--text-level-high, var(--cwTabTxt));
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 40px;
    gap: 8px;
    width: auto;
    margin-inline-end: 12px;
}
    .wb_tabTitle_tab_item.active {
        background-color: var(--btn-primary, var(--cwTabAccent));
        color: var(--btn-primary-text, var(--cwTabTxt));
    }
    .wb_tabTitle_tab_item:not(.active) {
        cursor: pointer;
    }

.wb_tabTitle_tab_name {
   text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.wb_tabTitle_tab_icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
}
.wb_tabTitle_box.wb_tab_bottom {
    padding-bottom: 52px;
    position: relative;
}
.wb_tabTitle_box.wb_tab_bottom .wb_tabTitle_tab {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.widgetBased_filtration {
    gap: 12px;
    flex-shrink: 0;
}

.wb_btn {
    padding: 12px;
    font-size: 14px;
    gap: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--bg-level-4, var(--cwButtonSecondaryBg));
    color: var(--text-level-high, var(--cwButtonSecondaryTxt));
    border-radius: var(--cwButtonSecondaryRadius, 8px);
    border: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 150px;
}

.wb_btn.active {
    background: var(--btn-primary, var(--cwButtonBg));
    color: var(--btn-primary-text, var(--cwButtonTxt));
}

.wb_btn img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.wb_btn_name:empty {
    display: none;
}

.wb_btn_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wb_search_open .wb_btn_home.wb_btn {
    width: 44px;
}
.wb_filter_btn i {
    position: relative;
}
.wb_filter_btn.filtered i:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #EF5350;
    display: inline-block;
    position: absolute;
    top: -4px;
    right: -4px;
    
}
.cw-rtl-global .wb_filter_btn.filtered i:after {
    right: auto;
    left: -4px;
}
/*start search part*/
.wb_searchBox {
    position: relative;
}

.wb_searchBox_input {
    background-color: var(--bg-level-3, var(--cwInputBg));
    color: var(--text-level-high, var(--cwInputTxt));
    border: 1px solid var(--bg-level-4, var(--cwInputBg2Hover));
    border-radius: var(--cwInputRadius, 8px);
    transition: all .314s;
    padding: 12px 40px;
    height: 44px;
    font-size: 14px;
}

.wb_searchBox_input:focus {
    border: 1px solid var(--bg-level-4, var(--cwInputAccent));
}

.wb_searchBox_searchIcon,
.wb_searchBox_close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-level-medium, var(--cwInputTxt3));
    width: 20px;
    height: 20px;
    line-height: 10px;
}

.wb_searchBox_searchIcon {
    inset-inline-start: 12px;
}

.wb_searchBox_close {
    inset-inline-end: 12px;
    cursor: pointer;
    background: transparent;
    border: none;
}

.wb_searchBox_close i {
    --icoSize: 14px;
}
/*end search part*/
/*start search nor results*/
.wb_searchResults_wrapper.wb_card_main {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 156px 16px;
}
.wb_searchResults_img {
    margin-bottom: 24px;
    width: 120px;
    height: 120px;
}
.wb_searchResults_box {
    padding: 24px 0;
}
.wb_searchResults_title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700; 
    margin-bottom: 12px;
    color: var(--text-level-high, var(--cwBodyTxt));
}
.wb_searchResults_text {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-level-medium, var(--cwBodyTxt2));
}
/*end search nor results*/

.wb_nav_slider {
    margin-inline-start: 40px;
    position: relative;
}

.wb_nav_slider .arrow__prev, .wb_nav_slider .arrow__next,
.wb_selectedChips_slider .arrow__prev, .wb_selectedChips_slider .arrow__next,
.wb_cascade_carousel .arrow__prev, .wb_cascade_carousel .arrow__next,
.wb_widget_slidedeck_box .arrow__prev, .wb_widget_slidedeck_box .arrow__next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

.wb_nav_slider .arrow__prev,

.wb_cascade_carousel .arrow__prev {
    inset-inline-start: 0px
}
.onecard .wb_widget_slidedeck_box .arrow__prev {
    inset-inline-start: 16px
}
.wb_nav_slider .arrow__next,

.wb_cascade_carousel .arrow__next {
    inset-inline-end: 0px
}
.wb_selectedChips_slider .arrow__next,
.wb_widget_slidedeck_box .arrow__next {
    inset-inline-end: 16px
}.wb_selectedChips_slider .arrow__prev,
.twocard .wb_widget_slidedeck_box .arrow__prev {
    inset-inline-start: 16px
}
.wb_nav_slider:before, .wb_nav_slider:after,
.wb_selectedChips_slider:before, .wb_selectedChips_slider:after,
.wb_providers_slider:before, .wb_providers_slider:after,
.wb_top_winners__slider:before, .wb_top_winners__slider:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 52px;
    height: 44px;
    z-index: 3
}
.wb_providers_slider:before, .wb_providers_slider:after {
    height: 62px;
}
.wb_selectedChips_slider:before, .wb_selectedChips_slider:after {
    height: 64px;
}
.wb_top_winners__slider:before, .wb_top_winners__slider:after {
    height:78px;
}
.wb_top_winners_slider:after,
.wb_top_winners_slider:before {
     content: "";
    position: absolute;
    bottom: 0;
    width: 73px;
    height: 87px;
    z-index: 3
}
.wb_nav_slider:before,
.wb_selectedChips_slider:before,
.wb_top_winners_slider:before,
.wb_top_winners__slider:before{
    inset-inline-start: 0;
    background: linear-gradient(90deg,var(--bg-level-2, var(--cwBodyBgHover)) 61.84%,rgba(255,255,255,0) 100%)
}


.wb_nav_slider:after,
.wb_selectedChips_slider:after,
.wb_top_winners_slider:after,
.wb_top_winners__slider:after{
    inset-inline-end: 0;
    background: linear-gradient(270deg,var(--bg-level-2, var(--cwBodyBgHover)) 61.84%,rgba(255,255,255,0) 100%)
}
.wb_providers_slider:after{
    inset-inline-end: 0;
    background: linear-gradient(270deg,var(--bg-level-1, var(--cwBodyBg)) 61.84%,rgba(255,255,255,0) 100%)
}
.wb_providers_slider:before{
    inset-inline-start: 0;
    background: linear-gradient(90deg,var(--bg-level-1, var(--cwBodyBg)) 61.84%,rgba(255,255,255,0) 100%)
}

.cw-rtl-global .wb_nav_slider .arrow__prev i,
.cw-rtl-global .wb_nav_slider .arrow__next i,
.cw-rtl-global .wb_selectedChips_slider .arrow__prev i,
.cw-rtl-global .wb_selectedChips_slider .arrow__next i,
.cw-rtl-global .wb_cascade_carousel .arrow__prev i,
.cw-rtl-global .wb_cascade_carousel .arrow__next i,
.cw-rtl-global .wb_widget_slidedeck_box .arrow__prev i,
.cw-rtl-global .wb_widget_slidedeck_box .arrow__next i,
.cw-rtl-global .wb_providers_slider .arrow__prev i,
.cw-rtl-global .wb_providers_slider .arrow__next i,
.cw-rtl-global .wb_top_winners__slider .arrow__prev i,
.cw-rtl-global .wb_top_winners__slider .arrow__next i {
    transform: rotate(180deg);
    line-height: 18px;
    margin-block-start: 0;
    margin-block-end: 0;
/*    margin-block-end: 4px;
*/}

.cw-rtl-global .wb_nav_slider:before,
.cw-rtl-global .wb_selectedChips_slider:before,
.cw-rtl-global .wb_top_winners_slider:before,
.cw-rtl-global .wb_providers_slider:before,
.cw-rtl-global .wb_top_winners__slider:before{
    inset-inline-start: 0;
    background: linear-gradient(270deg,var(--bg-level-2, var(--cwBodyBgHover)) 61.84%,rgba(255,255,255,0) 100%)
}

.cw-rtl-global .wb_nav_slider:after,
.cw-rtl-global .wb_selectedChips_slider:after,
.cw-rtl-global .wb_top_winners_slider:after,
.cw-rtl-global .wb_providers_slider:after ,
.cw-rtl-global .wb_top_winners__slider:after {
    inset-inline-end: 0;
    background: linear-gradient(90deg,var(--bg-level-2, var(--cwBodyBgHover)) 61.84%,rgba(255,255,255,0) 100%)
}

.wb_nav_slider.sw_beginning:before, .wb_nav_slider.sw_end:after,
.wb_selectedChips_slider.sw_beginning:before, .wb_selectedChips_slider.sw_end:after,
.wb_widget_slidedeck_slider.sw_beginning:before, .wb_widget_slidedeck_slider.sw_end:after,
.wb_top_winners_slider.sw_beginning:before, .wb_top_winners_slider.sw_end:after,
.wb_providers_slider.sw_beginning:before, .wb_providers_slider.sw_end:after,
.wb_top_winners__slider.sw_beginning:before, .wb_top_winners__slider.sw_end:after{
    content: none
}

.wb_nav_slider .swiper-button-disabled,
.wb_selectedChips_slider .swiper-button-disabled,
.wb_widget_slidedeck_box .swiper-button-disabled,
.wb_top_winners_slider .swiper-button-disabled,
.wb_providers_slider .swiper-button-disabled ,
.wb_top_winners__slider .swiper-button-disabled {
    opacity: 0 !important;
    display: none
}

.wb_nav_slide, .wb_selectedChips_slide {
    width: auto;
    display: inline-block;
    position: relative;
}

.wb_gameWidget_box {
    display: flex;
    padding: 32px;
    gap: 32px;
    border-radius: 16px;
    position:relative;
    z-index: 1;
    overflow: hidden;
}
    .wb_gameWidget_box:before {
        content: "";
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.1) 100%);
        display: block;
        position: absolute;
        inset: 0;
        z-index: 5;
        pointer-events: none;
    }
.wb_gameWidget_box_imgBG {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 1;
    left: 0;
    inset-block-end: 0;
    pointer-events: none;
}
.wb_gameWidget_box_imgBG_paralax {
    position: absolute;
    object-fit: cover;
    min-height: 100%;
    transition: opacity .1s ease-in-out;
    opacity: 0;
    z-index: 0;
    inset: 0;
    width: 100%;
    pointer-events: none;
    will-change: transform;
}
.wb_gameWidget_box_link {
    position: absolute;
    background: transparent;
    cursor: pointer;
    inset: 0;
    z-index: 8;
}

.wb_gameWidget_box.position_left {
    flex-direction: row-reverse;
} 
.wb_gameWidget_box_item {
    width: 50%;
    position: relative;
    z-index: 10;   
}
.wb_gameWidget_box_item.wb_gameWidget_box_item_info {
    z-index: 6;
}
.twocard .wb_gameWidget_box .wb_gameWidget_box_item {
    width: 100%;
    margin-top: auto;
}
.onecard .wb_gameWidget_box  .wb_gameWidget_box_item{
    width: 100%;
}
.wb_gameWidget_box_logo {
    width: 100px;
    height: 42px;
    object-fit:contain;
    object-position: left;
    margin-bottom: 12px;
}
.wb_gameWidget_box_title {
    font-size: 32px;
    font-weight: bold;
    line-height: 46px;
    margin-bottom: 4px;
    color: var(--text-level-high, var(--cwGameTxt));
    display: block;
    text-shadow: 4px 4px 8px #000;
}
.wb_gameWidget_box_description {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-level-high, var(--cwGameTxt));
    font-weight: 400;
    text-shadow: 4px 4px 8px #000;
}

.twocard {
    display: flex;
    gap: 24px;
}
.twocard .wb_gameWidget_box {
    width: 100%;
}
.twocard .wb_gameWidget_box,
.twocard .wb_gameWidget_box.position_left {
    flex-direction: column;
}
/*bookmarks*/
.wb_bookmark {
    position: absolute;
    min-width: 38px;
    height: 36px;
    background: linear-gradient(1deg,#F7971E  0%, #FFD200 117.96%);
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
*/    top: 0;
    inset-inline-start: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
 
.wb_bookmark::after {
    content: '';
    position: absolute;
    bottom: -12px;
    inset-inline-start: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 19px 0 0;
    border-color: #F7971E transparent transparent transparent;
    border-radius: 0 0 5px 5px;
}
.wb_bookmark::before {
    content: '';
    position: absolute;
    bottom: -12px;
    inset-inline-end: 0;
    width: 0;
    height: 0;
    border-style: solid;
        border-width: 0 19px 12px 0;
    border-color: transparent #F7971E  transparent transparent;
}
.wb_bookmark-number {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    z-index: 1;
    padding: 0 5px;
    font-family: "Roboto", sans-serif;
}
 .wb_bookmark-number:before {
    content: '';
    position: absolute;
    width: 0px;
   height: 0px;
   border-style: solid;
  border-width: 0 0 6px 5px;
   border-color: transparent transparent #CC8103 transparent;
   top: 0;
    inset-inline-start: -5px;
 }
 .wb_bookmark-number:after {
    content: '';
    position: absolute;
    width: 0px;
   height: 0px;
   border-style: solid;
      border-width: 6px 0 0 5px;
   border-color: transparent transparent transparent #CC8103;
    top: 0;
    inset-inline-end: -5px;
 }
 .cw-rtl-global .wb_bookmark-number:after{
     inset-inline-end: auto;
     inset-inline-start: -5px;
 }
 .cw-rtl-global .wb_bookmark-number:before{
     inset-inline-end: -5px;
     inset-inline-start: auto;
 }
 .cw-rtl-global .wb_bookmark:before{
     inset-inline-end: auto;
     inset-inline-start: 0;
 }
 .cw-rtl-global .wb_bookmark:after{
     inset-inline-end: 0;
     inset-inline-start: auto;
 }
.wb_bookmark_on .wb_card {
    padding-top: 5px;
}
.wb_bookmark_on .wb_card_viewAll  {
    margin-top: 5px;
}
.wb_bookmark_on .wb_card_topitems {
    margin-top: 5px;
}
/*start cascade slider*/
.wb_cascade_carousel {
    width: 100%;
/*            max-width: 868px;
*/           /* height: 269px;*/
    position: relative;
/*    perspective: 1000px;
*/    padding: 0 48px
}

.wb_cascade_track {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
}
.wb_widget_cascadecarousel .wb_small_width ~ .wb_gameWidget_box_item:before {
    display: none;
}


.wb_cascade_card {
    --cascade_card_width: calc(96.7px + (192 - 96.7) * (100vw - 991px) / (1920 - 991));
    position: absolute;
    /*width: 192px;*/
    width: var(--cascade_card_width);
    /*   height: 100%;
    height: 270px;*/
    border-radius: var(--cwCardRadius, 12px);
    overflow: hidden;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.6s ease;
    cursor: pointer;
}
    .wb_cascade_card .wb_card_hover {
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(12px);
    }

    .wb_cascade_card.center {
        z-index: 10;
        transform: scale(1);
        box-shadow: 0 0 4px rgba(0,0,0,0.25);
    }

    .wb_cascade_card.left-1 {
        transform: translateX(calc(-1 * var(--cascade_card_width) - -12%)) scale(0.9);     
        z-index: 8;
    }

    .wb_cascade_card.left-2 {
        transform: translateX(calc(-1 * var(--cascade_card_width) - 66%)) scale(0.8);   
        z-index: 6;
    }

    .wb_cascade_card.right-1 {
        transform: translateX(calc(var(--cascade_card_width) - 12%)) scale(0.9);    
        z-index: 8;
    }

    .wb_cascade_card.right-2 {
        transform: translateX(calc(var(--cascade_card_width) - -66%)) scale(0.8);
        z-index: 6;
    }

    .wb_cascade_card.left-1:before,
    .wb_cascade_card.left-2:before,
    .wb_cascade_card.right-1:before,
   .wb_cascade_card.right-2:before {
        content: "";
        background-color: rgba(0, 0, 0, .16);
        display: block;
        position: absolute;
        inset: 0;
        z-index: 1;

    }
        .wb_cascade_card.left-2:before,
        .wb_cascade_card.right-2:before {
            background-color: rgba(0, 0, 0, .32);
        }


    .wb_cascade_card.cascade-hidden {
        opacity: 0;
        pointer-events: none;
    }
.wb_card_viewAll {
  
    position: relative;
    z-index: 1;
    border-radius: var(--cwCardRadius, 12px);
    overflow: hidden;
        /* border: 1px solid var(--bg-level-3, var(--cwCardBgHover)); */

}
.wb_card_viewAll img {
   position: absolute;
   z-index: -1;
   inset: 0;
   object-fit: cover;
}
/*.wb_card_viewAll_btn:before {
    content: "";
    display: block;
    inset: 0;
    background: var(--cwGameShadow, rgba(0, 0, 0, 0.85));
    z-index: 1;
    position: absolute;
    backdrop-filter: blur(6px);
    border-radius: var(--cwCardRadius, 12px);
    overflow: hidden;
}*/
.wb_card_viewAll_blur {
    z-index: 1;
    position: absolute;
    inset: 0;
    border-radius: var(--cwCardRadius, 12px);
    display: inline-block;
    overflow: hidden;
    pointer-events: none;
}
.wb_card_viewAll_blur rect {
    fill: var(--cwGameShadow, rgba(0, 0, 0, 0.85));
}
.wb_card_viewAll_btn {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
}
    .wb_card_viewAll_btn .wb_card_viewAll_link {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: var(--text-level-high, var(--cwButtonSecondaryTxt));
        padding: 8px;
        text-transform: uppercase;
        z-index: 5;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        gap: 4px;
    }

/*.wb_cascade_card:not(.center) .wb_card:hover .wb_card_hover,
*/.wb_cascade_card:not(.center.active) .wb_card:hover .wb_card_hover {
    top: 100%;
}
       
/*start widget_slidedeck*/
.wb_gameWidget_box:not(.active) {
    display: none;
}

.onecard .wb_widget_slidedeck .wb_small_width{
    width: 390px;
    flex-shrink: 0;
}
.onecard .wb_widget_slidedeck .wb_small_width ~ .wb_gameWidget_box_item {
    width: calc(100% - 390px);
    flex-shrink: 0;
}
.onecard .wb_widget_slidedeck_box {
    margin-inline-end: -32px;
    padding-inline-start: 56px;
}
.onecard .wb_widget_slidedeck_slider {
    padding-inline-end: 56px;
}
.wb_widget_slidedeck_slider .swiper-slide {
    width: auto;
}
.onecard .wb_widget_slidedeck .wb_card.wb_card_standard,
.onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_standard.wb_with_card_footer {
    margin-top: 16px;
    margin-bottom: 16px;
}


.position_right .wb_widget_slidedeck_slider .swiper-slide:first-child {
    /*margin-left: auto;*/
}
.onecard .position_right .wb_widget_slidedeck_slider.sw_beginning.sw_end {
    /*padding-inline-end: 16px;*/
}
.onecard .position_right .wb_widget_slidedeck_slider.sw_beginning.sw_end .swiper-wrapper{
    justify-content: flex-end
}

.position_left .wb_widget_slidedeck_box {
    margin-inline-start: 0;
    padding-inline-end: 56px;
    margin-inline-end: 0;
    padding-inline-start: 0;
}
.position_left .wb_widget_slidedeck_slider {
    padding-inline-start: 32px;
}
/*.position_left .wb_widget_slidedeck_slider.sw_end {
    padding-inline-start: 0;
}*/
.twocard .wb_widget_slidedeck .wb_gameWidget_vertical .wb_gameWidget_box_info {
    min-height: 196px;
}
.twocard .wb_widget_slidedeck .wb_gameWidget_standard .wb_gameWidget_box_info {
    min-height: 243px;    
}
.twocard .wb_widget_slidedeck .wb_gameWidget_box_info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px 16px 12px;
}
.twocard .wb_widget_slidedeck {
    padding: 0;
    gap: 0;
}
    /*.twocard .wb_widget_slidedeck_box {
        padding: 16px;
    }*/
    .twocard .wb_widget_slidedeck_slider {
/*        margin-inline-end: -16px;
*/       position: relative;
    }
 /*  .twocard .wb_widget_slidedeck_box:before {
        content: "";
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        inset: 0;
        backdrop-filter: blur(16px);
        z-index: -1;
        pointer-events: none;

    }*/
   .twocard .wb_widget_slidedeck .wb_small_width ~ .wb_gameWidget_box_item {
        padding: 16px;
        position: relative;
   }
   .twocard .wb_widget_slidedeck  .wb_small_width ~ .wb_gameWidget_box_item:before {
        content: "";
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        inset: 0;
        backdrop-filter: blur(16px);
        z-index: -1;
        pointer-events: none;

    }
   .twocard .wb_widget_slidedeck_box {
        margin-inline: -16px;
    }
   .twocard .wb_widget_slidedeck_slider {
       padding: 0 16px;
   }
/*.wb_widget_slidedeck_slider:before, .wb_widget_slidedeck_slider:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    width: 64px;
    z-index: 3
}
.wb_widget_slidedeck_slider:before{
    inset-inline-start: 0;
    background: rgba(0, 0, 0, 0.4);
}
.wb_widget_slidedeck_slider:after {
    inset-inline-end: 0;
    background: rgba(0, 0, 0, 0.4);
}*



/*start slider gamelist*/
.wb_widget_gamelist_box {
    margin-inline-end: -24px;
    margin-inline-start: -24px;
}
.wb_widget_gamelist_box .swiper  {
   padding-inline-start: 24px;
   padding-inline-end: 24px;
}
.wb_widget_gamelist:before {
    display: none;
}
.wb_widget_gamelist.wb_gameWidget_box.no_bg {
    padding: 0;
    border-radius: 0;
}
.wb_widget_gamelist.wb_gameWidget_box {
    padding: 24px;
}
.wb_widget_gamelist.wb_gameWidget_box.with_bg .rows_tworow,
.wb_widget_gamelist.wb_gameWidget_box.no_bg .rows_tworow {
    margin-bottom: -12px;
}
.wb_widget_gamelist_box .swiper-slide {
  width: max-content !important;
}

.wb_widget_gamelist .rows_tworow .swiper-wrapper {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    align-items: end;
    margin: 0;


    /*align-items: flex-start;
    row-gap: 12px;*/
/* display: flex;
 flex-direction:column;*/
}

/*end slider gamelist*/


      /*  start category*/
.wb_category_item {
    padding: 6px 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: var(--cwTabRadius, 12px);
    background-color: var(--bg-level-3, var(--cwTabBg));
    color: var(--text-level-high, var(--cwTabTxt));
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    height: 44px;
    gap: 8px;
    min-width: 68px;
}


.wb_category_item.active {
    background-color: var(--bg-level-4, var(--cwTabActiveBg));
    color: var(--text-level-high, var(--cwTabActiveTxt));
}

.wb_category_item_img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.wb_category_item_name {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.wb_category_item_badges:empty {
    display: none;
}
/*end category */


/*start providers*/

.wb_providers_item {
    padding: 6px 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: var(--cwTabRadius, 12px);
    background-color: var(--bg-level-3, var(--cwTabBg));
    color: var(--text-level-medium, var(--cwTabTxt2));
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    height:48px;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    position: relative;
}

.wb_providers_item.acitve {
    background-color: var(--bg-level-4, var(--cwTabBgHover));
}

.wb_providers_item_img {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
        flex-shrink: 0;
}

.wb_provider_icon .wb_providers_item_img {
    width: 86px;
    height: 36px;
}
.wb_provider_icon .wb_filterGroups_item_img{
    width: 48px;
    height: 20px;
}
.wb_provider_icon.wb_providers_item {
    min-width: 115px;
    padding: 6px 12px;
    
}
.wb_providers_item_name {
    display: inline-block;
    width: 106px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.wb_providers_item_count {
    margin-inline-start: auto;
    color: var(--text-level-high, var(--cwAccentTxt3));
    text-align: center;
    font-family: "Roboto", sans-serif;
}
.wb_tabTitle_box  ~ .wb_providers_wrapper .wb_providers_slider {
    margin-top: -12px;
}
.wb_providers_slider {
    padding-top: 12px;
    margin-inline: -24px;
    padding-inline: 24px;
}

.wb_providers_slide {
    width: auto;
    display: inline-block;
    position: relative;
}

.wb_providers_badges {
    position: absolute;
    top: -12px;
    inset-inline-end: -6px;
    max-width: 100%;
}

.cw-rtl-global .widgetBased_main .rtl-row-reverce {
    flex-direction: row-reverse;
}
/*start filters*/
.wb_filterPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--cwOverlayBg, rgba(0, 0, 0, 0.7));
    backdrop-filter: blur(var(--cwOverlayBlur, 4px));
    z-index: 10000;
    display: flex
}

.wb_filterPopup_content {
    max-width: 728px;
    width: 100%;
    position: relative;
    height: 720px;
    /*        overflow: auto;
*/
}

.wb_filterPopup_header {
    background-color: var(--bg-level-2, var(--cwModalBgHover));
    color: var(--text-level-high, var(--cwModalTxt));
    border-radius: var(--cwModalRadius, 16px) var(--cwModalRadius, 16px) 0 0;
}

.wb_filterPopup_header_top {
    padding: 20px 16px 8px;
    gap: 12px;
}

.wb_filterPopup_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.wb_filterPopup_close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: var(--text-level-medium, var(--cwModalTxt2));
    margin-inline-start: auto;
}

.wb_filterPopup_close i {
    font-size: 36px;
    line-height: 0.5;
}

.wb_filterPopup_body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: calc(100% - 150px);
    overflow-y: auto;
    background-color: var(--bg-level-1, var(--cwModalBg));
}

.wb_accordionTab-header {
    padding: 12px 16px 0;
    gap: 24px;
    border-bottom: 1px solid var(--bg-level-3, var(--cwModalBorder2));
}

.wb_accordionTab_button {
    padding: 12px 0;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    color: var(--text-level-high, var(--cwTabTxt));
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
}

.wb_accordionTab_button.active {
    border-color: var(--btn-primary, var(--cwModalAccent))
}

.wb_accordionTab_button.filtered:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #EF5350;
    display: inline-block;
    position: absolute;
    top: 12px;
    inset-inline-end: -6px;
    content:'';
}

.wb_accordionTab_content {
    display: none;
}

.wb_accordionTab_content.open {
    display: block;
}

.wb_filterPopup_footer {
    padding: 12px 16px 16px;
    background-color: var(--bg-level-2, var(--cwModalBgHover));
    border-top: 1px solid var(--bg-level-3, var(--cwModalBorder2));
    gap: 8px;
    border-radius: 0 0 var(--cwModalRadius, 16px) var(--cwModalRadius, 16px);
}

.wb_filterPopup_footer button {
    border-radius: var(--cwButtonRadius, 8px);
    padding: 0 12px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    border: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    min-height: 44px;
    gap: 4px;
}

.wb_filterPopup_clear_btn {
    color: var(--cwButtonSecondaryTxt, var(--text-level-high));
    background-color: transparent;
}

/*.wb_filterPopup_clear_btn:not(:disabled):hover {
    background-color: var(--cwButtonSecondaryBg, var(--text-level-high));
}
*/
.wb_filterPopup_clear_btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.wb_filterPopup_result_btn {
    background-color: var(--btn-primary, var(--cwButtonBg));
    color: var(--btn-primary-text, var(--cwButtonTxt));
}

.wb_filterGroups_box {
    padding: 24px 16px;
    gap: 12px;
}

.wb_filterGroups_box_inner {
    width: calc(100% / 3 - 8px);
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.wb_filterGroups_item {
    padding: 12px;
    border-radius: var(--cwTabRadius, 8px);
    background-color: var(--bg-level-2, var(--cwTabBg));
    color: var(--text-level-high, var(--cwTabTxt));
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.wb_filterGroups_item.active {
    background-color: var(--bg-level-3, var(--cwTabActiveBgHover));
}

.wb_filterGroups_item_name {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.wb_filterGroups_item_img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.wb_provider_logo .wb_filterGroups_item_img {
    width: 48px;
    height: 20px;
}

.wb_provider_logo.wb_filterGroups_item {
    /*width: 243px; 
    padding: 16px;*/
}

.wb_provider_logo .wb_filterGroups_item_count {
    margin-inline-start: auto;
}

.wb_filterGroups_item_count {
    margin-inline-start: auto;
    color: var(--text-level-high, var(--cwAccentTxt3));
    min-width: 35px;
    text-align: center;
    font-size: 12px;
}

.wb_filterGroups_slider {
    padding-top: 12px;
    margin-inline: -24px;
    padding-inline: 24px;
}

.wb_filterGroups_slide {
    width: auto;
    display: inline-block;
    position: relative;
}

.wb_filterGroups_badges {
    position: absolute;
    top: -12px;
    inset-inline-end: -6px;
}

.cw-rtl-global .widgetBased_main .rtl-row-reverce {
    flex-direction: row-reverse;
}

.wb_selectedChips_slider {
    padding: 12px 16px;
    border-bottom: 1px solid var(--bg-level-3, var(--cwModalBorder2));
    background-color: var(--bg-level-1, var(--cwModalBg));
}

.wb_selectedChips_slide .wb_filterGroups_item {
    width: auto;
    gap: 4px;
    padding: 8px;
    padding-inline-start: 16px;
    color: var(--text-level-high, var(--cwTabTxt));
    background-color: transparent;
    border: 1px solid var(--bg-level-4, var(--cwTabBg2Hover));
    border-radius: 144px;
    font-weight: 400;
}

.wb_selectedChips_close {
    color: var(--text-level-medium, var(--cwTabActiveTxt3));
    width: 20px;
    height: 20px;
    line-height: 10px;
    flex-shrink: 0;
}

.wb_selectedChips_close i {
    --icoSize: 10px;
}

.wb_filterGroups_searchBox {
    position: relative;
    margin: 12px 16px 0;
}

.wb_filterGroups_searchBox_input {
    background-color: var(--bg-level-3, var(--cwInputBg));
    color: var(--text-level-high, var(--cwInputTxt));
    border: 1px solid var(--bg-level-4, var(--cwInputBg2Hover));
    border-radius: var(--cwInputRadius, 8px);
    transition: all .314s;
    padding: 12px 40px;
    height: 44px;
    font-size: 14px;
    width: 100%;
}

.wb_filterGroups_searchBox_input:focus {
    border: 1px solid var(--bg-level-4, var(--cwInputAccent));
}

.wb_filterGroups_searchBox_icon,
.wb_filterGroups_searchBox_close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-level-medium, var(--cwInputTxt3));
    width: 20px;
    height: 20px;
    line-height: 10px;
}

.wb_filterGroups_searchBox_icon {
    inset-inline-start: 12px;
}

.wb_filterGroups_searchBox_close {
    inset-inline-end: 12px;
    cursor: pointer;
}

.wb_filterGroups_searchBox_close i {
    --icoSize: 10px;
}
.arrow__prev__wb_provider,
.arrow__next__wb_provider{
   position: absolute;
    top: calc(50% + 6px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    width: 36px;
    height: 36px;
}
.arrow__prev__wb_provider{
 inset-inline-start: 24px;
}
.arrow__next__wb_provider{
    inset-inline-end: 24px;
}
/* Lobby Filter Stake Range Slider */
.wb_rangeBox {
    padding: 16px 24px;
}

.wb_range_wrapper {
    margin-bottom: 24px;
    gap: 24px;
}

.wb_range_text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
}

.wb_range_price_item {
    max-width: 252px;
    width: 100%;
}

.wb_range_price_item p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 0;
    color: var(--text-level-high, var(--cwTabTxt));
}

.wb_range_price {
    border-radius: 12px;
    color: var(--text-level-high, var(--cwTabTxt));
    background-color: var(--bg-level-3, var(--cwTabBg));
    border-radius: 12px;
    border: 1px solid var(--bg-level-4, var(--cwInputBg2Hover));
    /*width: calc(50% - 8px);*/
}

.wb_range_price > * {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--text-level-high, var(--cwTabTxt));
}

.wb_range_price_input {
    padding: 12px;
    background-color: transparent;
    border: 0;
    min-width: 64px;
    width: 100%;
}
.cw-rtl-global .wb_range_price_input {
    direction: ltr;
    text-align: right;
}

/* Change the white to any color */
.wb_range_price_input:-webkit-autofill,
.wb_range_price_input:-webkit-autofill:hover,
.wb_range_price_input:-webkit-autofill:focus,
.wb_range_price_input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-box-shadow: 0 0 0 30px var(--bg-level-2, var(--cwFilterBg2)) inset !important;
    -webkit-text-fill-color: var(--text-level-high, var(--cwFilterTxt)) !important;
}

.wb_range_tracke {
    width: 100%;
    color: var(--text-level-high, var(--cwTabTxt));
    background-color: var(--bg-level-2, var(--cwTabBg));
    border-radius: 8px;
    padding: 16px 16px 12px;
}

.wb_range_slider {
    padding: 12px 16px;
}

.wb_range_slider .noUi-base,
.wb_range_slider .noUi-connects {
    height: 24px;
    top: -4px;
}

.wb_range_slider .noUi-target {
    background: var(--bg-level-4, var(--cwModalBg2Hover));
    border-radius: 6px;
    height: 8px;
}

.wb_range_slider .noUi-handle {
    border: 0;
    background: #fff;
    -webkit-filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.10)) drop-shadow(0px 0.5px 4px rgba(0, 0, 0, 0.10));
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.10)) drop-shadow(0px 0.5px 4px rgba(0, 0, 0, 0.10));
    width: 40px;
    height: 40px;
    right: -20px;
    top: -10px;
}

.wb_range_slider .noUi-connect {
    background-color: var(--btn-primary, var(--cwModalAccent));
    height: 10px;
}
.wb_range_slider .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {

    right: -9px;
}
.wb_range_slider .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    right: -9px;
}
.cw-rtl-global .wb_range_wrapper {
    direction: ltr;
}
.cw-rtl-global .wb_range_price_item p {
    text-align: right;
}
.cw-rtl-global .wb_range_minmax {
    direction: ltr;
}
/*start game card */
.wb_card_wrapper {
    padding: 0 24px 12px;
}

.wb_card_main {
    display: grid; 
    grid-template-columns: repeat(8, 1fr);
    grid-auto-flow: row dense;
    grid-gap: 12px;
    /*margin-bottom: 12px;*/
}
.wb_card_main.card_main_vertical {
    grid-template-columns: repeat(11 , 1fr);
}
.card_main_standard .wb_card_standard .wb_card_body,
.skeleton-wbp_games_standard .skeleton-wbp_games__img {
    width: 100%;
    height: calc(123.5px + (150.4 - 123.5) * (100vw - 1601px) / (1920 - 1601));
}
.card_main_vertical .wb_card_vertical .wb_card_body,
.skeleton-wbp_games_vertical .skeleton-wbp_games__img {
    width: 100%;
    height: calc(181.87px + (222 - 181.87) * (100vw - 1601px) / (1920 - 1601));
}

.lca-most-liked-no-slider {
    grid-template-columns: repeat(5, 1fr);
}

.wb_card {
    border-radius: var(--cwCardRadius, 12px);
    overflow: hidden;
    width: 100%;
    /*border: 1px solid var(--bg-level-3,var(--cwCardBgHover));*/
    background-clip: padding-box;
}
.wb_card.wb_with_card_footer {
    padding-bottom: 36px;
}
.wb_card_main .wb_card {
/*    border: 1px solid var(--bg-level-3,var(--cwCardBgHover))
*/}
.wb_card_body {
    width: 100%;
    /*    border-radius: var(--cwCardRadius) var(--cwCardRadius) 0px 0px;*/
    height: calc(142px + (171 - 142) * (100vw - 1601px) / (1920 - 1601));
}

.wb_cascade_card .wb_card_vertical .wb_card_body,
.wb_cascade_card.wb_card_viewAll,
.wb_cascade_carousel {
    height: calc(223px + (269 - 223) * (100vw - 1601px) / (1920 - 1601));
}
.wb_cascade_carousel.wb_cascade_carousel_with_card_footer,
.wb_cascade_card.wb_card_viewAll.wb_with_card_footer {
    height: calc(223px + (269 - 223) * (100vw - 1601px) / (1920 - 1601) + 36px);
}
.wb_cascade_card .wb_card_vertical .wb_card_body{
    width: auto;
}


.most_liked_wrapper .wb_card_body {
    height: calc(88px + (243 - 88) * (100vw - 769px) / (1920 - 769));
}
.wb_card_horizontal .wb_card_body,
.wb_card_viewAll.wb_card_horizontal,
.wb_card_horizontal .skeleton-recommended__img{
    height: calc(108px + (131 - 108) * (100vw - 360px) / (1920 - 360));
    width: calc(328px + (398 - 328) * (100vw - 360px) / (1920 - 360));
}
.wb_card_viewAll.wb_card_horizontal.wb_with_card_footer {
    height: calc(108px + (131 - 108) * (100vw - 360px) / (1920 - 360) + 36px);
}
.wb_card_vertical .wb_card_body,
.wb_card_viewAll.wb_card_vertical:not(.wb_cascade_card),
.wb_card_vertical .skeleton-recommended__img {
    height: calc(146px + (178 - 146) * (100vw - 360px) / (1920 - 360));
    width: calc(104px + (128 - 104) * (100vw - 360px) / (1920 - 360));
}

.wb_card_viewAll.wb_with_card_footer.wb_card_vertical:not(.wb_cascade_card) {
    height: calc(146px + (178 - 146) * (100vw - 360px) / (1920 - 360) + 36px);
}

.onecard .wb_widget_slidedeck .wb_card_vertical .wb_card_body,
.onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_vertical:not(.wb_cascade_card),
.onecard .wb_widget_slidedeck .wb_card_vertical .skeleton-recommended__img {
    height: calc(146px + (215 - 146) * (100vw - 360px) / (1920 - 360));
    width: calc(104px + (154 - 104) * (100vw - 360px) / (1920 - 360));
}

.onecard .wb_widget_slidedeck .wb_card_viewAll.wb_with_card_footer.wb_card_vertical:not(.wb_cascade_card) {
    height: calc(146px + (215 - 146) * (100vw - 360px) / (1920 - 360) + 36px);
}

.wb_card_standard .wb_card_body,
.wb_card_viewAll.wb_card_standard,
.wb_card_standard .skeleton-recommended__img {
    height: calc(108px + (131 - 108) * (100vw - 360px) / (1920 - 360));
    width: calc(160px + (194 - 160) * (100vw - 360px) / (1920 - 360));
}

.wb_card_viewAll.wb_card_standard.wb_with_card_footer {
    height: calc(108px + (131 - 108) * (100vw - 360px) / (1920 - 360) + 36px);
}
/*.recommended_widget_wrapper .wb_card_body {
    height: calc(124px + (171 - 124) * (100vw - 1451px) / (1920 - 1451));
}*/
.wb_card_img {
    width: 100%;
    height: 100%;
    border-radius: var(--cwCardRadius, 10px);
}

.wb_with_card_footer .wb_card_img {
    border-radius: var(--cwCardRadius, 10px) var(--cwCardRadius, 10px) 0 0;
}

/*.wb_card_badge_wrapper {
    margin: -2px 0;
}*/

.wb_card_maxwin {
    font-size: 12px;
    line-height: 20px;
    color: var(--text-level-high, var(--cwGameTxt));
    margin-inline-start: auto;
}

.wb_card_maxwin:after {
    display: inline-block;
    font-family: "iconsDinamicMenu";
    content: "\E4AE";
    font-size: 38px;
    margin-inline-start: 4px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wb_card_vertical .wb_card_buttons {
    flex-direction: column;
    gap: 8px;
}
.wb_card_vertical .wb_card_button,
.wb_card_button_fullWidth .wb_card_button {
    max-width: 100%;
}


.wb_card_topitems {
    background: linear-gradient(180deg,rgba(0,0,0,.65) 0%,transparent 100%);
    left: 0;
    top: 0;
    padding: 8px;
    width: 100%;
    align-items: flex-start;
    /*border-radius: var(--badge_brd)*/
    border-radius: var(--cwCardRadius, 12px) var(--cwCardRadius, 12px) 0 0;
}
/*Start Most Liked*/
.lca-most-liked-no-slider {
    display: grid !important;
    grid-gap: 12px;
}
/*End Most Liked*/
/*Start recommended no slider*/
/*.lca-recommended-no-slider {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: repeat(5, 1fr);
}
.lca-recommended-no-slider.recommended-items_7{
    grid-template-columns: repeat(7, 1fr);
}
.lca-recommended-no-slider.recommended-items_6{
    grid-template-columns: repeat(6, 1fr);
}
.recommended_widget_wrapper .lca-recommended-no-slider .wb_card_body{
    height: calc(88px + (243 - 88) * (100vw - 768px) / (1920 - 768));
}
.recommended_widget_wrapper .lca-recommended-no-slider.recommended-items_7 .wb_card_body{
    height: calc(88px + (170 - 88) * (100vw - 768px) / (1920 - 768));
}
.recommended_widget_wrapper .lca-recommended-no-slider.recommended-items_6 .wb_card_body{
    height: calc(88px + (199 - 88) * (100vw - 768px) / (1920 - 768));
}*/
/*End recommended no slider*/
/*Card Footer*/
.wb_card_footer {
    /*    border-radius: 0px 0px var(--cwCardRadius) var(--cwCardRadius);*/
/*    background: var(--bg-level-2, var(--cwCardBg));
*/    padding: 8px;
    position: relative;
    z-index: 2;
    height: 36px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    gap: 4px;
    z-index: 9;
}
    .wb_card_footer:before {
        content: "";
        display: block;
        inset: 0;
        background: var(--bg-level-2, var(--cwGameBg));
        z-index: 1;
        position: absolute;
       /* backdrop-filter: blur(20px);*/
        opacity: 0.9;
        border-radius:0 0 var(--cwCardRadius, 12px) var(--cwCardRadius, 12px) ;
        overflow: hidden;
        pointer-events: none;
    }

.wb_card_name {
    overflow: hidden;
    color: var(--text-level-high, var(--cwGameTxt));
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    white-space: nowrap;
    z-index: 1;
}

.cw-rtl-global .wb_card_name {
    direction: ltr;
    text-align: right; 
}

.wb_card_price {
    text-align: right;
    flex-shrink: 0;
    margin-inline-start: 4px;
    font-size: 12px;
    color: var(--btn-primary, var(--cwGameAccent));
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 1;
}


.wb_card_footer .wb_card_price .currency_icon.irt,
.wb_card_footer .wb_card_price .currency_icon.IRT,
.wb_card_footer .wb_card_price .currency_icon.ron,
.wb_card_footer .wb_card_price .currency_icon.RON {
    font-size: 12px;
    line-height: 12px;
}

html[lang="FA"] .wb_card_footer .wb_card_price .irt:after,
html[lang="FA"] .wb_card_footer .wb_card_price .IRT:after,
.wb_card_footer .wb_card_price .currency_icon.ron:after,
.wb_card_footer .wb_card_price .currency_icon.RON:after {
    font-weight: 500;
}

.wb_card_limit_count {
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
}
.wb_card_footer .wb_card_limit_count {
    font-size: 12px;
}

.wb_card_more {
    grid-column: 1/-1;
    margin: 12px 0;
}

.wb_card_more_btn {
    padding: 12px;
    background-color: var(--bg-level-4, var(--cwButtonSecondaryBg));
    color: var(--text-level-high, var(--cwButtonSecondaryTxt));
    border-radius: var(--cwButtonSecondaryRadius, 8px);
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border: 0;
    cursor: pointer;
    height: 44px;
    text-transform: uppercase; 
    justify-content: center;
    align-items: center;
}


.wb_card_flag_wrapper {
    margin-inline-start: auto;
}

.wb_card_maxwin + .wb_card_flag_wrapper {
    margin-inline-start: 4px;
}

.wb_card_flag {
    width: 18px;
    height: 18px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    background-position: 0 0;
    background-image: var(--cdn-circleFlag_png);
}

/*Russian*/
.wb_card_flag.ru {
    background-position-y: -22px;
}
/*English*/
.wb_card_flag.en {
    background-position-y: -43px;
}
/*Armenian*/
.wb_card_flag.hy {
    background-position-y: -65px;
}
/*Turkish*/
.wb_card_flag.tr {
    background-position-y: -86.5px;
}
/*Bosnia and Herzegovina*/
.wb_card_flag.bs {
    background-position-y: -108px;
}
/*Farsi (iran) basketball logo*/
.wb_card_flag.fa-basketball {
    background-position-y: -130px;
}
/*Kuwait*/
.wb_card_flag.kw {
    background-position-y: -152px;
}
/*Serbia*/
.wb_card_flag.sr {
    background-position-y: -173px;
}
/*Croatia*/
.wb_card_flag.hr {
    background-position-y: -194px;
}
/*Ukraine*/
.wb_card_flag.uk {
    background-position-y: -216px;
}
/*Tajik  */
.wb_card_flag.tj {
    background-position-y: -238px;
}

/*Israel (Hebrew)*/
.wb_card_flag.il
.lb-card-flag.il {
    background-position-y: -259px;
}
/*Spanish (spain)*/
.wb_card_flag.es,
.wb_card_flag.es-spanish {
    background-position-y: -281px;
}
/*anhayt*/
.wb_card_flag.anhayt {
    background-position-y: -302px;
}
/*Italy*/
.wb_card_flag.it {
    background-position-y: -324px;
}
/*France*/
.wb_card_flag.fr {
    background-position-y: -346px;
}
/*Germany*/
.wb_card_flag.de {
    background-position-y: -367px;
}
/*Korea  (the Republic of)*/
.wb_card_flag.ko {
    background-position-y: -389px;
}
/*Greek*/
.wb_card_flag.el {
    background-position-y: -411px;
}
/*Denmark*/
.wb_card_flag.da {
    background-position-y: -432px;
}
/*Finland*/
.wb_card_flag.fi {
    background-position-y: -454px;
}
/*Czechia*/
.wb_card_flag.cs {
    background-position-y: -475px;
}

/*Sweden*/
.wb_card_flag.sv {
    background-position-y: -497px;
}
/*Georgia*/
.wb_card_flag.ka {
    background-position-y: -518px;
}
/*Norway*/
.wb_card_flag.nb {
    background-position-y: -540px;
}
/*China*/
.wb_card_flag.zh,
.wb_card_flag.zh-cht {
    background-position-y: -562px;
}

/*Thailand*/
.wb_card_flag.th {
    background-position-y: -583px;
}
/*Kazakhstan*/
.wb_card_flag.kk {
    background-position-y: -605px;
}
/*Azerbaijan*/
.wb_card_flag.az {
    background-position-y: -626px;
}
/*Brazil*/
.wb_card_flag.br {
    background-position-y: -648px;
}
/*Japan*/
.wb_card_flag.ja {
    background-position-y: -670px;
}
/*India*/
.wb_card_flag.hi {
    background-position-y: -691px;
}
/*Pakistan*/
.wb_card_flag.pk,
.wb_card_flag.ur,
.wb_card_flag.ur-pk {
    background-position-y: -713px;
}
/*Lithuania*/
.wb_card_flag.lt {
    background-position-y: -734px;
}
/*Tunisia*/
.wb_card_flag.aeb,
.wb_card_flag.tn {
    background-position-y: -756px;
}
/*Viet Nam*/
.wb_card_flag.vn,
.wb_card_flag.vi {
    background-position-y: -778px;
}
/*Uzbekistan*/
.wb_card_flag.uz {
    background-position-y: -799px;
}
/*Poland*/
.wb_card_flag.pol,
.wb_card_flag.pl {
    background-position-y: -821px;
}
/*Albania*/
.wb_card_flag.sq {
    background-position-y: -842px;
}
/*Ethiopia*/
.wb_card_flag.et,
.wb_card_flag.am {
    background-position-y: -864px;
}
/*Bengali*/
.wb_card_flag.bn {
    background-position-y: -886px;
}
/*Belarusian*/
.wb_card_flag.be,
.wb_card_flag.by {
    background-position-y: -907px;
}
/*Romanian*/
.wb_card_flag.ro {
    background-position-y: -929px;
}
/*Iran(Farsi)*/
.wb_card_flag.fa {
    background-position-y: -950px;
}
/*Arabic*/
.wb_card_flag.ar {
    background-position-y: -972px;
}
/*Kurdish*/
.wb_card_flag.ku {
    background-position-y: -994px;
}
/*Bulgarian*/
.wb_card_flag.bg {
    background-position-y: -1015px;
}
/*Portugal*/
.wb_card_flag.pt {
    background-position-y: -1037px;
}
/*Mongolian*/
.wb_card_flag.mn {
    background-position-y: -1058px;
}
/*Montenegrin*/
.wb_card_flag.mne,
.wb_card_flag.cnr {
    background-position-y: -1080px;
}
/*Burmese*/
.wb_card_flag.my {
    background-position-y: -1102px;
}
/*Slovenian*/
.wb_card_flag.sl {
    background-position-y: -1123px;
}
/*Punjabi*/
.wb_card_flag.pa {
    background-position-y: -1145px;
}
/*Netherlands*/
.wb_card_flag.nl {
    background-position-y: -1166.5px;
}


/*Loading more*/
.wb_card_more_btn .loading-dots {
    --color-dot: var(--text-level-high, var(--cwCardTxt));
    --box-color: var(--bg-level-4, var(--cwCardBg2));
}

/*Lobby Card Hover*/
.wb_card_hover {
    background: var(--cwGameShadow, rgba(0, 0, 0, 0.85));
    left: 0;
    top: 100%;
    width: 100%;
    height: calc(100% + 1px);
    z-index: 1;
    flex-direction: column;
    backdrop-filter: blur(3px);
    opacity: 0;
    transition: opacity .3s;
    border-radius: var(--cwCardRadius, 12px);
    z-index: 5;
}

.has_card_footer .wb_card_hover,
.wb_with_card_footer .wb_card_hover {
    height: calc(100% - 35px);
    border-radius: var(--cwCardRadius, 12px) var(--cwCardRadius, 12px) 0 0;
}

.wb_card:hover .wb_card_hover {
    top: 0;
    opacity: 1;
}

.has_card_footer .wb_card:hover .wb_card_hover {
    top: 0px;
    opacity: 1;
}

.wb_card_hover_top {
    padding: 8px;
    background: linear-gradient(180deg, var(--cwCardShadow, rgba(0, 0, 0, 0.4)) 0%, var(--cwCardShadowFade, rgba(0, 0, 0, 0)) 100%);
    font-size: 12px;
}

.wb_card_like {
    color: var(--text-level-high, var(--cwGameTxt));
    font-size: 12px;
    line-height: 20px;
}

.wb_card_like:before {
    color: var(--icon-level-high, var(--cwGameTxt));
    display: inline-block;
    font-family: "iconsDinamicMenu";
    content: "\E115";
    font-size: 38px;
    font-weight: 400;
    margin-inline-end: 4px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.wb_card_like.active:before {
    content: "\E213";
}

.wb_card_like,
.wb_card_favorite {
    cursor: pointer;
}

.wb_card_favorite::before {
    color: var(--icon-level-high, var(--cwGameTxt));
    display: inline-block;
    font-family: "iconsDinamicMenu";
    content: "\E180";
    /*content: "\E347";*/
    font-size: 38px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.wb_card_favorite.active::before {
    content: "\E181";
}

.wb_card_hover_bottom {
    padding: 8px;
}

.wb_card_hover_bottom .wb_card_price {
    margin-inline-start: auto;
}

.wb_card_buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    width: 100%;
    padding: 0 8px;
    gap: 8px;
    transform: translate(-50%, -50%);
    justify-content: center;
    align-items: center;
}

.wb_card_button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline:12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    gap: 4px;
    color: var(--text-level-high, var(--cwCardTxt));
    white-space: nowrap;    
    min-height: 36px;
    text-transform: uppercase;
    max-width: 50%;
}
.wb_card_vertical .wb_card_button {
    min-width: 95px;
}
.wb_card_button.demo_btn {
    background: var(--bg-level-4, var(--cwButtonSecondaryBg));
    color: var(--text-level-high, var(--cwButtonSecondaryTxt));
}

.wb_card_button.play_btn {
    background: var(--btn-primary, var(--cwButtonG));
    color: var(--btn-primary-text, var(--cwButtonTxt));
}

.wb_card_button.play_btn i {
    line-height: 16px;
    font-size: 24px;
    width: 16px;
    text-align: center;
    color: var(--btn-primary-text, var(--cwButtonTxt));
}
.wb_card_button_dot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.wb_card_jackpot_value {
    font-size: 12px;
    line-height: 12px;
    gap: 4px;
    color: var(--text-level-high, var(--cwGameTxt));
}

.wb_card_jackpot_value .currency_icon {
    font-weight: 400;
}

.wb_card_jackpot_value > .dynamic_icon,
.wb_card_price > .dynamic_icon  {
    font-size: 38px;
    display: inline-block;
   line-height: 20px;
    width: 20px;
    height: 20px;
    font-weight: normal;
    text-align: center;
    color: var(--icon-level-high, var(--cwGameTxt));
    margin: 0;
}
.wb_content:not(.wb_content_singlegame) .wb_card_jackpot_value .component_jackpot_slider {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    max-width: 85px;
}

.wb_card_jackpot_value .currency_icon,
.wb_card_jackpot_value .currency_icon.ron:after,
.wb_card_jackpot_value .currency_icon.ron:after,
.wb_card_jackpot_value .currency_icon.irt:after,
.wb_card_jackpot_value .currency_icon.IRT:after,
.wb_card_price .currency_icon,
.wb_card_price .currency_icon.ron:after,
.wb_card_price .currency_icon.ron:after,
.wb_card_price .currency_icon.irt:after,
.wb_card_price .currency_icon.IRT:after {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
}

.wb_card_jackpot_value .currency_icon,
.wb_card_price .currency_icon {
    line-height: 16px;
    font-size: 24px;
}

.wb_card_jackpot_value .currency_icon.IRT,
.wb_card_jackpot_value .currency_icon.irt,
.wb_card_jackpot_value .currency_icon.RON,
.wb_card_jackpot_value .currency_icon.ron,
.wb_card_price .currency_icon.IRT,
.wb_card_price .currency_icon.irt,
.wb_card_price .currency_icon.RON,
.wb_card_price .currency_icon.ron {
    font-size: 14px;
    line-height: 13px;
}

.wb_card_jackpot_value .currency_icon.TND,
.wb_card_jackpot_value .currency_icon.tnd,
.wb_card_price .currency_icon.TND,
.wb_card_price .currency_icon.tnd {
    font-size: 30px;
}

.wb_card_jackpot_value .currency_icon.KRW,
.wb_card_jackpot_value .currency_icon.krw,
.wb_card_price .currency_icon.KRW,
.wb_card_price .currency_icon.krw {
    font-weight: normal;
}

html[lang="FA"] .wb_card_jackpot_value .irt:after,
html[lang="FA"] .wb_card_jackpot_value .IRT:after {
    font-weight: 700;
}

/*Start Skeleton loading Most Liked*/
.skeleton-mostLiked__body {
    border-radius: var(--cwCardRadius, 12px);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: calc(100% / 5 - 10px);
    border: 1px solid var(--bg-level-3, var(--cwCardBg2));
}

.skeleton-mostLiked__inner {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.skeleton-mostLiked__img {
    height: calc(88px + (243 - 88) * (100vw - 769px) / (1920 - 769));
}

.no_card_footer .skeleton-mostLiked__body {
    display: flex;
}

.lca-most-liked-no-slider .skeleton-mostLiked__body {
    width: 100%;
}

.skeleton-mostLiked__body:not(:last-child) {
    margin-inline-end: 12px;
}

.lca-most-liked-no-slider .skeleton-mostLiked__body:not(:last-child) {
    margin-inline-end: 0;
}

.skeleton-mostLiked__footer {
    height: 36px;
    border-radius: 0px 0px var(--cwCardRadius) var(--cwCardRadius);
}

.no_card_footer .skeleton-mostLiked__footer {
    display: none;
}
/*End Skeleton loading Most Liked*/
/*Start Skeleton loading Recommended*/
.skeleton-recommended__body {
    border-radius: var(--cwCardRadius, 12px);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: calc(100% / 7 - 10px);
}

.skeleton-recommended__inner {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.onecard .wb_widget_slidedeck .wb_card_vertical .skeleton-recommended__img {
    height: calc(146px + (215 - 146) * (100vw - 360px) / (1920 - 360));
    width: calc(104px + (154 - 104) * (100vw - 360px) / (1920 - 360));
}

.no_card_footer .skeleton-recommended__body {
    display: flex;
}

.lca-recommended-no-slider .skeleton-recommended__body {
    width: 100%;
}

.skeleton-recommended__body:not(:last-child) {
    margin-inline-end: 12px;
}

.lca-recommended-no-slider .skeleton-recommended__body:not(:last-child) {
    margin-inline-end: 0;
}

.skeleton-recommended__footer {
    height: 36px;
    border-radius: 0px 0px var(--cwCardRadius) var(--cwCardRadius);
}

.noFooter_skeleton .skeleton-recommended__footer {
    display: none;
}
/*End Skeleton loading Recommended*/
.skeleton-wbp_games__body {
    border-radius: var(--cwCardRadius, 12px);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    height: 100%;
/*    border: 1px solid var(--bg-level-3, var(--cwCardBg2));*/

}

.skeleton-wbp_games__inner {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.no_card_footer .skeleton-wbp_games__body {
    display: flex;
}

.skeleton-wbp_games__body {
}
.noFooter_skeleton .skeleton-wbp_games__footer {
    display: none;
}
.skeleton-wbp_games__footer {
    height: 36px;
    border-radius: 0px 0px var(--cwCardRadius) var(--cwCardRadius);
}

.noFooter_skeleton .skeleton-wbp_games__footer {
    display: none;
}
/*start single game*/
.wb_content_singlegame .wb_gameWidget_box_info {
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.wb_content_singlegame .wb_gameWidget_box.position_left {
    flex-direction: row;
}
.wb_content_singlegame .wb_gameWidget_box.position_right {
    flex-direction: row-reverse;
}
.wb_content_singlegame .wb_card_buttons {
    position: static;
    transform: translate(0, 0);
    justify-content: flex-start;
    padding: 0;
}
.wb_content_singlegame .wb_gameWidget_box_description {
    margin-bottom: 12px;
    display: block;
}
.wb_content_singlegame .wb_card_borderBefore:after {
    content: "";
    width: 2px;
    height: 16px;
    background-color: var(--text-level-high, var(--cwGameTxt));
    display: inline-block;
    margin-inline: 16px;
    opacity: 0.4;
}
.wb_content_singlegame .wb_card_borderBefore:last-of-type:after {
   display: none;
}

.wb_content_singlegame .wb_card_info .wb_card_border {
    width: 2px;
    height: 16px;
    background-color: var(--text-level-high, var(--cwGameTxt));
    display: inline-block;
    margin-inline: 16px;
    opacity: 0.4;
}
.wb_content_singlegame .wb_card_price {
    margin-inline-start: 0;
    color: var(--text-level-high, var(--cwGameTxt));
    text-shadow: 4px 4px 8px #000;
}
.wb_content_singlegame .wb_card_info {
    margin-top: auto;
    margin-bottom: 24px;
}
.wb_content_singlegame .wb_card_button {
    margin: 0;
    padding: 10px 12px;
}
.wb_content_singlegame .wb_card_button.play_btn i {
    line-height: 20px;
    font-size: 32px;
    width: 20px;
}
.wb_content_singlegame .wb_card_buttons {
    gap: 12px;
}
.wb_content_singlegame .onecard .wb_gameWidget_box .wb_gameWidget_box_item {
    width: 50%;
}
.wb_content_singlegame .wb_card_like {
    font-size: 14px;
    line-height: 24px;
    text-shadow: 4px 4px 8px #000;
}

.wb_content_singlegame .wb_card_like:before,
.wb_content_singlegame .wb_card_favorite:before,
.wb_content_singlegame .wb_card_jackpot_value > .dynamic_icon,
.wb_content_singlegame .wb_card_price > .dynamic_icon {
    width: 24px;
    height: 24px;
    font-size: 38px;
    line-height: 24px;
    text-shadow: 4px 4px 8px #000;
}
.wb_content_singlegame .wb_card_jackpot_value {
    font-size: 14px;
}
    .wb_content_singlegame .wb_card_jackpot_value .currency_icon,
    .wb_content_singlegame .component_jackpot_slider_number_wrapper {
        text-shadow: 4px 4px 8px #000;
    }
/*start top winners*/
.wb_top_winners_block .wb_top_winners_container {
    width: 100%;
    display: flex;
    gap: 24px;
}
/*.wb_top_winners_container.sw_beginning.sw_end .wb_top_winners_item {
    width: auto;
}*/
.wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item {
    width: 100% !important;
}
.wb_top_winners_container.column-2.sw_beginning.sw_end .wb_top_winners_item {
    width: calc(50% - 12px) !important;
}
.wb_top_winners_container.column-3.sw_beginning.sw_end .wb_top_winners_item {
    width: calc(100% / 3 - 16px) !important;
}
.wb_top_winners_container.column-2.sw_beginning.sw_end .wb_top_winners_item:last-of-type,
.wb_top_winners_container.column-3.sw_beginning.sw_end .wb_top_winners_item:last-of-type,
.wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item:last-of-type {
    margin: 0 !important;
}

.wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item_inner {
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item_inner .wb_top_winners__game {
    width: calc(50% - 6px);
}

.wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item_inner .wb_top_winners__game,
.wb_top_winners_container.column-1.sw_beginning.sw_end wb_top_winners_item_inner .wb_top_winners__game:not(:last-of-type) {
    margin: 0;
}

.wb_top_winners_item {
    width: 100%;
    padding: 12px 24px 24px;
    padding-inline-end: 12px;
    background-color: var(--bg-level-2,var(--cwCardBg));
    color: var(--text-level-high,var(--cwCardTxt));
    border-radius: var(--cwCardRadius, 12px);
    height: auto;
}

.wb_top_winners_item_title {
    padding-block: 6px;
    padding-inline-end: 12px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    display: block;
    margin-bottom: 12px;
}

.wb_top_winners_item_inner {
    width: 100%;
    max-height: 318px;
    overflow-y: auto;
    padding-inline-end: 12px;
}
/* width */
.wb_top_winners_item_inner::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.wb_top_winners_item_inner::-webkit-scrollbar-track {
    background: var(--bg-level-2,var(--cwCardBg));
}

/* Handle */
.wb_top_winners_item_inner::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background: var(--btn-primary, var(--cwCardAccent));
    cursor: pointer;
}
.wb_top_winners__game {
    padding: 8px;
    border: 1px solid var(--bg-level-4,var(--cwCardBg2Hover));
    background: var(--bg-level-3,var(--cwCardBgHover));
    color: var(--text-level-medium,var(--cwCardTxt2));
    border-radius: 12px;
    display: flex;
    min-width: 278px;
    height:78px;
    position: relative;
    width: auto;
    column-gap: 8px;
}
.wb_wb_top_winners__text .wb_wb_top_winners__text_bet{
    display: inline-block;
    max-width: 93px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wb_top_winners__game .wb_img_type_3{
     min-width: 230px;
}
.wb_tabTitle_tab{
    margin-bottom:12px;
}
.wb_top_winners__img_link {
    display: block;
    width: 110px;
    height: 74px;
    border-radius: 8px;
    overflow: hidden;
    margin-inline-end:12px;
    flex-shrink: 0
}

.wb_top_winners__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.wb_top_winners__text {
    row-gap: 1px;
    align-items: flex-start
}

.wb_top_winners__id {
    color: var(--cwCardTxt2, var(--text-level-medium));
}

.wb_top_winners__id.me_badge {
    padding: 0;
    line-height:18px;
}

.wb_top_winners__id span {
    margin: 0 8px;
    font-size: 12px;
    line-height: 18px;
}

.wb_top_winners__id.me_badge span {
    margin: 0
}

.wb_top_winners__id i {
    font-size: 27px;
    line-height: 20px;
    height: 10px;
    width: 10px;
    margin: 0;
}

.wb_top_winners__game a {
    width: 92px;
    height: 62px;
}
.wb_top_winners__game.wb_img_type_3 a {
    width: 44px;
    height: 62px;
}
.wb_top_winners__game a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}
.wb_wb_top_winners__date,
.wb_wb_top_winners__bet{
    font-size:12px;
   line-height: 18px;
 --icoSize: 16px;
}
.wb_wb_top_winners__value span{
    font-size:16px;
    font-weight: 700;
    color: var(--text-level-high,var(--cwCardTxt));
}
.wb_wb_top_winners__value .cw_icon_USD,
.wb_top_winners__value .top_jackpots__crns.tw_USD{
   --icoSize: 16px;
}
.wb_top_winners_slider .arrow__prev{
       position: absolute;
    left: 0;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
}
.wb_top_winners_slider .arrow__next{
  position: absolute;
    right: 0;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
}
.wb_top_winners__date, .wb_top_winners__bet {
    color: var(--cwCardTxt2,var(--text-level-medium));
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap ;
}
.cw-rtl-global .wb_top_winners__date {
    direction: ltr;
}
.wb_top_winners__bet {
    color: var(--cwCardTxt,var(--text-level-high));
}

.wb_top_winners__bet span:not(.top_jackpots__crns) {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.wb_top_winners__bet span:last-child:not(.top_jackpots__crns) {
    margin-inline-start:4px}

.wb_top_winners__value .wb_top_winners__value_split+span:not(.top_jackpots__crns) {
    font-size: 20px
}

.wb_top_winners__bet .top_jackpots__crns {
    color: var(--text-level-high,var(--cwCardTxt));
/*    margin-inline-start:3px;
*/    --icoSize: 14px
}

.wb_top_winners__value {
    color: var(--cwCardTxt,var(--text-level-high));
    white-space: nowrap;
    line-height: 24px;
    display: flex;
    align-items: center;
    column-gap: 4px;
}
.wb_wb_top_winners__bet .top_jackpots__crns{
    color: var(--text-level-medium, var(--cwCardTxt2));
     display: inline-flex;
    line-height: 24px;
    height: 16px;
}
.cw-rtl-global .wb_top_winners__value {
    direction: ltr
}

.wb_top_winners__value_split {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.wb_top_winners__value .top_jackpots__crns,
.wb_wb_top_winners__value span{
    display: inline-flex;
    line-height: 24px;
    --icoSize: 15px;
    height:16px;
    color: var(--cwCardTxt,var(--text-level-high));
}

.wb_top_winners__value .top_jackpots__crns.tw_krw,.wb_top_winners__value .top_jackpots__crns.tw_KRW,.wb_top_winners__value .top_jackpots__crns.tw_usd {
    line-height: 23px;
    --icoSize: 18px
}

.wb_top_winners__value .cw_icon_irt,.wb_top_winners__value .cw_icon_IRT,.wb_top_winners__value .cw_icon_ron,.wb_top_winners__value .cw_icon_RON {
    font-size: 18px;
    line-height: 18px;
    width: auto
}

.wb_top_winners__bet .cw_icon_irt,.wb_top_winners__bet .cw_icon_IRT,.wb_top_winners__bet .cw_icon_ron,.wb_top_winners__bet .cw_icon_RON {
    font-size: 16px;
    width: auto
}

/*.no_winners {
    padding: 16px;
    border: 1px solid var(--bg-level-2,var(--cwCardBg));
    border-radius: 16px;
    padding: 16px;
    color: var(--text-level-high,var(--cwCardTxt))
}

.no_winners i {
    line-height: 24px;
    font-size: 52px;
    height: 24px
}

.no_winners_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 8px 0
}
*/


/*.skeleton-topWinners__container {
    display: flex
}

.skeleton-topWinners__body {
    padding: 10px;
    border: 1px solid var(--bg-level-3,var(--cwCardBg2));
    background: var(--bg-level-2,var(--cwCardG));
    color: var(--text-level-high,var(--cwCardTxt));
    border-radius: 16px;
    display: flex;
    align-items: center;
    width: calc(25% - 6px);
    margin-inline-end:12px}

.skeleton-topWinners__body:nth-child(4) {
    margin-inline-end:0}

.skeleton-topWinners__icon {
    width: 110px;
    height: 74px;
    border-radius: 12px;
    margin-inline-end:12px;flex-shrink: 0
}

.skeleton-topWinners__content {
    width: 50%;
    gap: 1px
}

.skeleton-topWinners__content>* {
    width: 100%
}

.skeleton-topWinners__id {
    border-radius: 24px;
    min-height: 24px
}

.skeleton-topWinners__value {
    min-height: 24px;
    margin: 3px 0
}

.skeleton-topWinners__date {
    min-height: 20px
}

@media screen and (max-width: 1439px) {
    .skeleton-topWinners__body {
        width:calc(100%/3 - 6px)
    }

    .skeleton-topWinners__body:nth-child(4) {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .skeleton-topWinners__body {
        width:calc(100%/2 - 6px)
    }

    .skeleton-topWinners__body:nth-child(3) {
        display: none
    }
}
*/
.topWinsCategory_dropdown {
    display: flex;
    gap: 12px
}

.no_dropdwon .topWinsCategory_dropdown {
    max-width: 100%
}

.tabs_dropdown,.topWinsCategory_heading,.has_dropdown .topWins_divider {
    display: none
}

.topWinsDropdown_heading {
    border-radius: 48px;
    background: var(--bg-level-4,var(--cwTabBg2Hover));
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 10px 12px;
    gap: 8px;
    cursor: pointer;
    color: var(--text-level-high,var(--cwTabTxt));
    height: 44px
}

.topWinsDropdown_heading.single {
    cursor: default
}

.topWinsDropdown_heading:not(.single):after {
    content: "\E364";
    font-family: iconsdinamicmenu;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    width: 24px;
    height: 24px;
    transition: all .25s
}

.topWinsCategory_wrapper.open .topWinsDropdown_heading:after,.topWinsTypes_wrapper.open .topWinsDropdown_heading:after {
    transform: rotate(180deg)
}

.tabs_dropdown {
    background: var(--bg-level-4,var(--cwTabBg2Hover));
    border-radius: 22px;
    gap: 4px;
    padding: 4px 0;
    position: absolute;
    inset-inline-start: 0;
    top: calc(100% + 8px);
    z-index: 12;
    flex-direction: column
}

.tabs_dropdown .rd_header_tab_item {
    background-color: initial;
    border: none;
    padding: 8px 12px;
    line-height: 20px;
    color: var(--text-level-high,var(--cwTabTxt))
}

.home_winners .open .tabs_dropdown,.has_dropdown .topWinsDropdown_heading {
    display: flex
}

.home_winners .rd_header_tab_item {
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 8px
}

.no_dropdwon .topWinsCategory_wrapper {
    display: flex;
    max-width: calc(100% - 270px)
}

.no_dropdwon .topWinsCategory_wrapper .rd_header_tab_item {
    max-width: calc((100vw - 460px)/2)
}

.no_dropdwon .topWinsTypes_wrapper {
    margin-inline-start:12px}

.no_dropdwon .topWinsTypes_wrapper:before {
    content: "";
    height: 44px;
    width: 1px;
    background: var(--bg-level-4,var(--cwBodyBg2));
    position: absolute;
    inset-inline-start: -12px
}

.no_dropdwon .topWinsTypes_wrapper {
    max-width: 258px;
    flex-shrink: 0
}

.home_winners .topWins_tab_name,.topWinsTypes_heading span {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1px
}

.topWinsCategory_heading>span {
    gap: 8px;
    max-width: calc(100% - 28px)
}

.topWins_tab_icon {
    flex-shrink: 0
}


/*Media Queries*/
@media only screen and (min-width: 1921px) {
    .wb_card_body{
        height: 171px;
    }
    .card_main_standard .wb_card_standard .wb_card_body,
    .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        height: 123.5px;
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: 222px;
    }

    .wb_cascade_card .wb_card_vertical .wb_card_body,
    .wb_cascade_card.wb_card_viewAll,
    .wb_cascade_carousel{
        height: 269px;
    }
    .wb_cascade_card.wb_card_viewAll.wb_with_card_footer,
    .wb_cascade_carousel.wb_cascade_carousel_with_card_footer {
        height: 305px;
    }

    .most_liked_wrapper .wb_card_body, .skeleton-mostLiked__img {
        height: 243px;
    }
    .wb_cascade_card {
        width: 192px;
    }

      .wb_cascade_card.left-1 {
        transform: translateX(-170px) scale(0.9);     
        z-index: 8;
    }

    .wb_cascade_card.left-2 {
        transform: translateX(-320px) scale(0.8);   
        z-index: 6;
    }

    .wb_cascade_card.right-1 {
        transform: translateX(170px) scale(0.9);
        z-index: 8;
    }

    .wb_cascade_card.right-2 {
        transform: translateX(320px) scale(0.8);
        z-index: 6;
    }
    .wb_card_horizontal .wb_card_body,
    .wb_card_viewAll.wb_card_horizontal,
    .wb_card_horizontal .skeleton-recommended__img {
        height: 131px;
        width: 398px;
    }

    .wb_card_viewAll.wb_card_horizontal.wb_with_card_footer {
        height: 167px;
    }

    .wb_card_vertical .wb_card_body,
    .wb_card_viewAll.wb_card_vertical:not(.wb_cascade_card),
    .wb_card_vertical .skeleton-recommended__img {
        height: 178px;
        width: 128px;
    }

    .wb_card_viewAll.wb_with_card_footer.wb_card_vertical:not(.wb_cascade_card) {
        height: 214px;
    }

    .onecard .wb_widget_slidedeck .wb_card_vertical .wb_card_body,
    .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_vertical:not(.wb_cascade_card),
    .onecard .wb_widget_slidedeck .wb_card_vertical .skeleton-recommended__img {
        height: 215px;
        width: 154px;
    }

    .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_vertical:not(.wb_cascade_card) {
        height: 278px;
    }

    .wb_card_standard .wb_card_body,
    .wb_card_viewAll.wb_card_standard,
    .wb_card_standard .skeleton-recommended__img {
        height: 131px;
        width: 194px;
    }

    .wb_card_viewAll.wb_card_standard.wb_with_card_footer {
        height: 167px;
    }
}

@media only screen and (max-width: 1600px) {
    .wb_card_main {
        grid-template-columns: repeat(7, 1fr);
    }
    .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(9, 1fr);
    }
    .wb_card_body  {
        height: calc(150px + (167 - 150) * (100vw - 1451px) / (1600 - 1451));
    }
    .card_main_standard .wb_card_standard .wb_card_body,
    .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        height: calc(127.8px + (142.18 - 127.8) * (100vw - 1451px) / (1600 - 1451));
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: calc(202.74px + (230 - 202.74) * (100vw - 1451px) / (1600 - 1451));
    }


    .wb_cascade_card .wb_card_vertical .wb_card_body,
    .wb_cascade_card.wb_card_viewAll, .wb_cascade_carousel {
        height: calc(202px + (223 - 202) * (100vw - 1451px) / (1600 - 1451));
    }
    .wb_cascade_carousel.wb_cascade_carousel_with_card_footer,
    .wb_cascade_card.wb_card_viewAll.wb_with_card_footer {
        height: calc(202px + (223 - 202) * (100vw - 1451px) / (1600 - 1451) + 36px);
    }
    .wb_card_v .wb_card_body {
        height: calc(314px + (348 - 314) * (100vw - 1451px) / (1600 - 1451));
    }

    .has_card_footer .wb_card_v .wb_card_body {
        height: calc(350px + (384 - 350) * (100vw - 1451px) / (1600 - 1451));
    }
    /* .recommended_widget_wrapper .wb_card_body {
        height: calc(124px + (171 - 124) * (100vw - 1451px) / (1600 - 1451));
    }*/
 
}

@media only screen and (max-width: 1450px) {
    .wb_card_main {
        grid-template-columns: repeat(6, 1fr);
    }
    .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(8, 1fr);
    }
    .wb_card_body {
        height: calc(149px + (171 - 149) * (100vw - 1200px) / (1450 - 1200));
    }
    .card_main_standard .wb_card_standard .wb_card_body,
    .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        height: calc(122.22px + (150.35 - 122.22) * (100vw - 1200px) / (1450 - 1200));
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: calc(186.37px + (230 - 186.37) * (100vw - 1200px) / (1450 - 1200));
    }
    .wb_cascade_card .wb_card_vertical .wb_card_body,
    .wb_cascade_card.wb_card_viewAll, .wb_cascade_carousel {
        height: calc(165px + (201 - 165) * (100vw - 1200px) / (1450 - 1200));
    }
    .wb_cascade_carousel.wb_cascade_carousel_with_card_footer,
    .wb_cascade_card.wb_card_viewAll.wb_with_card_footer {
        height: calc(165px + (201 - 165) * (100vw - 1200px) / (1450 - 1200) + 36px);
    } 
    .wb_card_v .wb_card_body {
        height: calc(312px + (356 - 312) * (100vw - 1200px) / (1450 - 1200));
    }

    .has_card_footer .wb_card_v .wb_card_body {
        height: calc(348px + (392 - 348) * (100vw - 1200px) / (1450 - 1200));
    }
    /* .recommended_widget_wrapper .wb_card_body {
        height: calc(119px + (146 - 119) * (100vw - 1200px) / (1450 - 1200));
    }*/
}

@media only screen and (max-width: 1199px) {
    .wb_card_main {
        grid-template-columns: repeat(5, 1fr);
    }
    .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(6 , 1fr);
    }
    .wb_card_body{
        height: calc(138px + (146 - 138) * (100vw - 1141px) / (1199 - 1141));
    }
    .card_main_standard .wb_card_standard .wb_card_body,
    .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        height: calc(120.19px + (148.14 - 120.19) * (100vw - 992px) / (1199 - 992));
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: calc(205.68px + (252.45 - 205.68) * (100vw - 992px) / (1199 - 992));
    }
    .wb_cascade_card .wb_card_vertical .wb_card_body,
    .wb_cascade_card.wb_card_viewAll, .wb_cascade_carousel {
        height: calc(157px + (164 - 157) * (100vw - 1141px) / (1199 - 1141));
    }
    .wb_cascade_carousel.wb_cascade_carousel_with_card_footer,
    .wb_cascade_card.wb_card_viewAll.wb_with_card_footer {
        height: calc(157px + (164 - 157) * (100vw - 1141px) / (1199 - 1141) + 36px);
    }
    .wb_card_v .wb_card_body {
        height: calc(290px + (306 - 290) * (100vw - 1141px) / (1199 - 1141));
    }

    .has_card_footer .wb_card_v .wb_card_body {
        height: calc(326px + (342 - 326) * (100vw - 1141px) / (1199 - 1141));
    }
    /*  .recommended_widget_wrapper .wb_card_body {
        height: calc(88px + (144 - 88) * (100vw - 768px) / (1199 - 768));
    }*/
   
}

@media screen and (max-width: 1140px) {
  
    .wb_card_body {
        height: calc(113px + (175 - 113) * (100vw - 769px) / (1140 - 769));
    }

    .wb_cascade_card .wb_card_vertical .wb_card_body ,
    .wb_cascade_card.wb_card_viewAll, .wb_cascade_carousel {
        height: calc(135px + (157 - 135) * (100vw - 769px) / (1140 - 769));
    }
    .wb_cascade_carousel.wb_cascade_carousel_with_card_footer,
    .wb_cascade_card.wb_card_viewAll.wb_with_card_footer {
        height: calc(135px + (157 - 135) * (100vw - 769px) / (1140 - 769) + 36px);
    }
    .wb_card_v .wb_card_body {
        height: calc(240px + (364 - 240) * (100vw - 769px) / (1140 - 769));
    }

    .has_card_footer .wb_card_v .wb_card_body {
        height: calc(276px + (400 - 276) * (100vw - 769px) / (1140 - 769));
    }
}

@media screen and (max-width: 991px) {
    .wb_card_main {
        grid-template-columns: repeat(4, 1fr);
    }
    .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(5, 1fr);
    }
    .card_main_standard .wb_card_standard .wb_card_body,
    .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        height: calc(114.62px + (152.1 - 114.62) * (100vw - 769px) / (991 - 769));
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: calc(188px + (250 - 188) * (100vw - 769px) / (991 - 769));
    }
    .widgetBased_wrapper {
        transition: top .35s ease;
    }
    /*Pinned Filter on header */
    .wbp_nav_fixed .widgetBased_wrapper {
        position: fixed;
        top: var(--cwHeaderHeight);
        border-radius: 0;
        z-index: 91;
        left: 0;
        margin: 0;
        width: 100%;
    }

    .hide_header_navbar .wbp_nav_fixed .widgetBased_wrapper {
        top: 0;
    }

    .wbp_nav_fixed .notification_static_content ~ .mainLobby_wrapper .widgetBased_wrapper {
        top: calc(var(--cwHeaderHeight) + 50px);
    }

    .hide_header_navbar .wbp_nav_fixed .notification_static_content ~ .mainLobby_wrapper .widgetBased_wrapper {
        top: 50px;
    }

    /*Card Preview popup*/
    .lb_card_preview {
        --cwCardRadius: 16px;
    }

    .cw_overlay_dimm {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,0.7);
    }

    .lb_card_preview_cover {
        position: fixed;
        --z_ind: calc(var(--toast-zIndex) - 1);
        z-index: var(--z_ind);
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
    }

    .lb_card_preview {
        background: var(--bg-level-1, var(--cwCardBg));
        border-radius: 12px 12px 0px 0px;
        padding: 0 16px;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-top: auto;
        z-index: 2;
    }

        .lb_card_preview > * {
            position: relative;
            z-index: 2;
        }


    .lb_card_cover_inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        left: 0;
        filter: blur(124px);
        opacity: 40%;
        z-index: 1;
    }

    .lb_card_preview_header {
        padding: 12px 0;
        display: grid;
        grid-template-areas:
            'swipeButton swipeButton'
            'leftHeader rightHeader'
            'line line';
        grid-template-columns: 1fr 1fr;
        grid-gap: 12px;
        align-items: center;
    }

        .lb_card_preview_header:after {
            content: "";
            display: inline-block;
            width: 100%;
            height: 1px;
            background: linear-gradient(270deg, var(--cwCardBg, rgba(255, 255, 255, 0)) 0%, var(--cwCardBg3, #fff) 50%, var(--cwCardBg, rgba(255, 255, 255, 0)) 100%);
            grid-area: line;
        }

    .lb_card_preview_swipe {
        grid-area: swipeButton;
        border-radius: 10px;
        background: var(--text-level-medium, var(--cwCardTxt2));
        width: 54px;
        height: 4px;
        margin: 0 auto;
    }

    .lb_card_img {
        width: 100%;
        height: 100%;
    }

    .lb_card_preview_close {
        grid-area: rightHeader;
    }

    .lb_card_preview .lb_card_name {
        grid-area: leftHeader;
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        width: 100%;
        white-space: nowrap;
        margin: 0;
        overflow: hidden;
        color: var(--text-level-high, var(--cwModalTxt));
        text-overflow: ellipsis;
    }

    .lb_card_preview_close_btn {
        color: var(--icon-level-high, var(--cwCardTxt2));
        padding: 2.5px;
        background: transparent;
        border: 0;
        margin-inline-start: 12px;
        display: flex;
    }

        .lb_card_preview_close_btn i {
            font-size: 30px;
            line-height: 15px;
        }

    .lb_card_preview .lb_card {
        margin-bottom: 12px;
        border-radius: var(--cwCardRadius);
        overflow: hidden;
        width: 100%;
        border: 1px solid var(--bg-level-3, var(--cwCardBgHover));
    }

    .lb_card_preview .lb_card_body {
        height: calc(192px + (644 - 192) * (100vw - 320px) / (991 - 320));
    }

    .lb_card_preview .lb_card_footer {
        padding: 8px 16px;
        background: var(--bg-level-2, var(--cwCardBg));
        position: relative;
        z-index: 2;
    }

    .lb_card_preview .lb_card_favorite {
        margin-inline-start: auto;
    }

        .lb_card_preview .lb_card_favorite::before {
            font-size: 44px;
            line-height: 24px;
            width: 24px;
            text-align: center;
            color: var(--icon-level-high, var(--cwCardTxt));
            display: inline-block;
            font-family: iconsdinamicmenu;
            content: "\E180";
        }

    .lb_card_preview .lb_card_like {
        font-size: 16px;
        line-height: 24px;
        color: var(--text-level-high, var(--cwCardTxt));
        font-weight: 500;
    }

    .lb_card_like, .lb_card_favorite {
        cursor: pointer;
    }

    .lb_card_preview .lb_card_like::before {
        font-size: 44px;
        line-height: 25px;
        font-weight: 400;
        margin-inline-end: 8px;
        width: 24px;
        height: 24px;
        color: var(--icon-level-high, var(--cwCardTxt));
        display: inline-block;
        font-family: iconsdinamicmenu;
        content: "\E115";
    }

    .lb_card_like.active:before {
        content: "\E213";
    }

    .lb_card_favorite.active::before {
        content: "\E181";
    }

    .lb_card_preview .js_game_likes_count {
        padding-top: 0;
    }

    .lb_card_preview_footer {
        padding: 12px 0 24px;
        margin-top: 12px;
        gap: 8px;
        align-items: stretch;
    }

        .lb_card_preview_footer:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(270deg, var(--cwCardBg, rgba(255, 255, 255, 0)) 0%, var(--cwCardBg3, #fff) 50%, var(--cwCardBg, rgba(255, 255, 255, 0)) 100%);
            grid-area: line;
        }

    .lb_card_preview .lb_card_jackpot_value {
        font-size: 20px;
        line-height: 21px;
        color: var(--text-level-high, var(--cwCardTxt));
        gap: 4px;
        font-weight: 700;
    }

        .lb_card_preview .lb_card_jackpot_value .currency_icon,
        .lb_card_preview .lb_card_jackpot_value .currency_icon {
            font-size: 28px;
        }

            .lb_card_preview .lb_card_jackpot_value .currency_icon.irt,
            .lb_card_preview .lb_card_jackpot_value .currency_icon.IRT,
            .lb_card_preview .lb_card_jackpot_value .currency_icon.RON,
            .lb_card_preview .lb_card_jackpot_value .currency_icon.ron {
                font-size: 18px;
                line-height: 18px;
            }

            .lb_card_preview .lb_card_jackpot_value .currency_icon.krw,
            .lb_card_preview .lb_card_jackpot_value .currency_icon.KRW,
            .lb_card_preview .lb_card_jackpot_value .currency_icon.usd,
            .lb_card_preview .lb_card_jackpot_value .currency_icon.USD {
                font-size: 32px;
            }

        .lb_card_preview .lb_card_jackpot_value > .dynamic_icon {
            font-size: 36px;
            width: 24px;
            height: 24px;
            line-height: 21px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--icon-level-high, var(--cwCardTxt2));
            font-weight: 400;
        }

    .lb_card_preview .currency_icon:after {
        padding: 0;
        line-height: 17px;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
    }

    .lb_card_preview .currency_icon.irt:after,
    .lb_card_preview .currency_icon.IRT:after,
    .lb_card_preview .currency_icon.ron:after,
    .lb_card_preview .currency_icon.RON:after {
        line-height: 20px;
    }

    .lb_card_preview .lb_card_topitems {
        background: linear-gradient(180deg, var(--cwCardShadow, #000) 0%, var(--cwCardShadowFade, rgba(0, 0, 0, 0.5)), var(--cwCardShadowFade 70%, rgba(0, 0, 0, 0.0)) 100%);
        padding: 14px 16px;
        background: linear-gradient(180deg, rgba(0, 0, 0, .65) 0%, transparent 100%);
        left: 0;
        top: 0;
        width: 100%;
        align-items: flex-start;
        border-radius: var(--badge_brd);
    }

    .lb_card_preview .lb_card_provider {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: var(--text-level-high, var(--cwCardTxt));
        margin-inline-start: auto;
        max-width: 60%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .lb_card_preview .lb_card_provider span {
            max-width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .lb_card_preview .lb_card_provider img {
            width: 20px;
            height: 20px;
        }

            .lb_card_preview .lb_card_provider img.me-8 {
                margin-inline-end: 8px;
            }

    .lb_card_preview .lb_card_flag_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .lb_card_preview .lb_card_flag {
        width: 20px;
        height: 20px;
        margin-bottom: 0;
        background-size: 20px auto;
        background-image: var(--cdn-circleFlag_png);
    }

    .lb_card_bet_info {
        padding: 8px 16px;
        background: var(--bg-level-2, var(--cwCardBg2));
        border: 1px solid var(--bg-level-3, var(--cwCardBg2Hover));
        border-radius: 12px;
        margin-top: 12px;
    }

        .lb_card_bet_info li {
            padding: 8px 0 4px;
        }

            .lb_card_bet_info li p {
                margin: 0;
                font-size: 14px;
                font-weight: 700;
                line-height: 20px;
                color: var(--text-level-medium, var(--cwCardTxt2));
                margin-inline-end: 16px;
            }

            .lb_card_bet_info li > div {
                font-size: 14px;
                font-weight: 500;
                line-height: 20px;
                color: var(--text-level-high, var(--cwCardTxt));
                display: flex;
            }

            .lb_card_bet_info li .currency_icon {
                margin-inline-start: 4px;
            }

    .lb_card_preview .lb_card_badge_anim > div {
        align-items: flex-end;
    }
    /*end preview*/

    /*start arrow*/
    .wb_nav_slider .arrow__prev, .wb_nav_slider .arrow__next,
    .wb_tabTitle_right .arrow__prev, .wb_tabTitle_right .arrow__next,
    .wb_selectedChips_slider .arrow__prev, .wb_selectedChips_slider .arrow__next,
    .wb_cascade_carousel .arrow__prev, .wb_cascade_carousel .arrow__next,
    .wb_widget_slidedeck_box .arrow__prev, .wb_widget_slidedeck_box .arrow__next {
        display: none;
    }

    .wb_nav_slider:before, .wb_nav_slider:after
    /*.wb_selectedChips_slider:before, .wb_selectedChips_slider:after */ {
        height: 36px;
        width: 16px;
        display:none;
    }

    .wb_selectedChips_slider:before, .wb_selectedChips_slider:after {
        display: none;
    }
    /*end arrow*/

}

@media screen and (max-width: 768px) {

    .wb_content {
        padding-inline: 16px;
    }
    .wb_content_internaljackpot .rd_header_tabs,
    .wb_content_internaljackpot .jackpot_container {
        padding: 0;
    }
   
    .wb_content_relumjackpot .rd_title__block {
        padding: 0;
    }
    .jackpot_container.onerow .top_jackpots__container {
        padding-inline: 0;
    }
    .wb_btn {
        height: 36px;
        padding: 8px;
        width: calc((100% / 3) - 8px);
        max-width: 100%;
    }

    .wb_only_icon .wb_btn_home.wb_btn {
        width: 36px;
    }

    .wb_only_icon .wb_btn {
        width: calc(((100% - 36px)/ 2) - 8px);
    }

    .wb_search_open .wb_btn {
        width: 36px;
    }

    .wb_filter_btn.filtered i:after {
        top: -2px;
        right: -2px;
    }

    .cw-rtl-global .wb_filter_btn.filtered i:after {
        right: auto;
        left: -2px;
    }
    /*start search*/
    .wb_searchBox_input {
        padding: 8px 40px;
        height: 36px;
    }

    .wb_search_open .wb_btn_name {
        display: none;
    }

    .wb_searchBox {
        width: calc(100% - 96px);
    }

        .wb_searchBox #js_search_msg {
            width: 100%;
        }

            .wb_searchBox #js_search_msg:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 8px 10px 8px;
                border-color: transparent transparent #fff transparent;
                margin-top: -12px;
                display: block;
                margin-bottom: 5px;
            }
    /*start search nor results*/
    .wb_searchResults_wrapper.wb_card_main {
        padding: 112px 16px;
    }

    .wb_searchResults_title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        display: block;
    }

    .wb_searchResults_text {
        font-size: 14px;
        line-height: 22px;
    }

    .wb_searchResults_img {
        margin-bottom: 24px;
        width: 104px;
        height: 104px;
    }
    /*end search no results*/
    /*start titles*/
    .wb_tabTitle_arrow {
        display: none
    }

    .wb_title__block {
        padding: 0;
    }

    .wb_title_img {
        width: 24px;
        height: 24px;
    }

    .wb_title {
        line-height: 24px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
    }

    .wb_title_circle {
        width: 4px;
        height: 4px;
    }

    .wb_search_heding .skeleton {
        width: 25%;
        height: 24px;
    }

    .wb_viewAll_btn {
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        line-height: 22px;
        height: 22px;
    }

    .wb_tabTitle_left:not(.tabW-100), .wb_tabTitle_right {
        max-width: 50%;
    }
    .wb_tabTitle_tab_item {
        height: 36px;
    }
    .wb_tabTitle_box.wb_tab_bottom {
        padding-bottom: 48px;
    }
    /*    start categories*/
    .wb_content.wb_content_inpagenavigation {
        min-height: 110px;
    }
    .widgetBased_wrapper {
        flex-wrap: wrap;
        padding: 12px 0px;
    }

    .widgetBased_filtration {
        margin-bottom: 12px;
        width: 100%;
        padding-inline: 16px;
    }

    .wb_nav_slider {
        margin: 0;
        padding-inline: 16px;
    }

    .wb_category_item {
        padding: 6px 8px;
        height: 36px;
        min-width: 36px;
        gap: 8px;
        border-radius: var(--cwTabRadius, 8px);
    }

    /* start providers*/
    .wb_providers_item {
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        position: relative;
        border-radius: var(--cwTabRadius, 8px);
        padding:6px 12px;
    }

    .wb_provider_icon.wb_providers_item {
        min-width: 104px;
        min-height: 44px;
        padding: 6px 12px;
    }
  
    .wb_provider_icon .wb_providers_item_img {
        width: 76px;
        height: 32px;
    }

    .wb_providers_item_count {
        font-size: 14px;
        line-height: 24px;
    }

    /*    start filters*/
    .wb_filterGroups_box {
        gap: 8px;
    }

    .wb_filterGroups_box_inner {
        width: calc(100% / 2 - 4px);
    }
    /*.wb_provider_logo.wb_filterGroups_item {
        width: 104px; 
        padding: 12px;
    }*/
    .wb_provider_logo .wb_filterGroups_item_img {
        width: 51px;
        height: 21px;
    }

    .wb_provider_logo .wb_filterGroups_item_img {
        width: 51px;
        height: 21px;
    }

    .wb_selectedChips_slide .wb_filterGroups_item {
        padding-inline-start: 12px;
    }

    /*  .wb_filterGroups_item_count {
        margin-inline-start: 2px;
    }*/

    /*   start */
    .wb_card_wrapper {
        padding: 0 16px 12px;
    }

    .wb_card_main {
        grid-template-columns: repeat(3, 1fr); 
        padding-bottom: 24px;
    }
    .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(4, 1fr);
    }
    .card_main_standard .wb_card_standard .wb_card_body,
    .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        height: calc(109px + (160 - 109) * (100vw - 541px) / (768 - 541));
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: calc(165px + (244.31 - 165) * (100vw - 541px) / (768 - 541));
    }
    .wb_card_body {
        width: 100%;
        height: calc(93px + (318 - 93) * (100vw - 320px) / (991 - 320));
    }

    .wb_card_v {
        grid-row: span 2
    }

    .wb_card_h {
        grid-column: span 2
    }

    .wb_card_v .wb_card_body {
        height: calc(196px + (646 - 196) * (100vw - 320px)/(991 - 320))
    }

    .wb_cascade_card .wb_card_vertical .wb_card_body,
    .wb_cascade_card.wb_card_viewAll {
        height: 146px;
    }
    .wb_cascade_card.wb_card_viewAll.wb_with_card_footer {
        height: 174px;
    }

    .wb_card_viewAll.wb_card_horizontal.wb_with_card_footer {
        height: calc(108px + (131 - 108) * (100vw - 360px) / (1920 - 360) + 28px);
    }

    .wb_card_viewAll.wb_with_card_footer.wb_card_vertical:not(.wb_cascade_card) {
        height: calc(146px + (178 - 146) * (100vw - 360px) / (1920 - 360) + 28px);
    }

    .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_with_card_footer.wb_card_vertical:not(.wb_cascade_card) {
        height: calc(146px + (215 - 146) * (100vw - 360px) / (1920 - 360) + 28px);
    }

    .wb_card_viewAll.wb_card_standard.wb_with_card_footer {
        height: calc(108px + (131 - 108) * (100vw - 360px) / (1920 - 360) + 28px);
    }
    .has_card_footer .wb_card_v .wb_card_body {
        height: calc(224px + (675 - 224) * (100vw - 320px)/(991 - 320))
    }



    .wb_cascade_card {
        --cascade_card_width: 104px;
    }

    .wb_card_img {
        object-fit: cover;
    }


    .wb_card_footer {
        padding: 8px;
        height: auto;
    }
    .skeleton-recommended__footer {
        height: 28px;
    }

    .wb_card.wb_with_card_footer {
        padding-bottom: 28px;
    }
    .wb_card_name {
        font-size: 10px;
        line-height: 12px;
        font-weight: 400;
        margin: 0;
    }

    .wb_card_footer .wb_card_price {
        font-size: 10px;
        height: 12px;
    }

        .wb_card_price .currency_icon, .wb_card_price .currency_icon:after {
            margin: 0;
            padding: 0;
        }
    .wb_card_footer .wb_card_price .currency_icon {
        font-size: 18px;
        line-height: 12px;
    }
    .wb_card_footer .wb_card_price .currency_icon.irt, .wb_card_footer .wb_card_price .currency_icon.IRT, .wb_card_footer .wb_card_price .currency_icon.ron, .wb_card_footer .wb_card_price .currency_icon.RON {
        font-size: 10px;
    }
    .wb_card_footer .wb_card_limit_count {
        font-size: 10px;
    }
    .wb_card_more {
        margin: 0;
        padding-bottom: 24px;
    }

    .wb_card_more_btn {
        padding: 8px 12px;
        background: var(--bg-level-4, var(--cwButtonSecondaryBg));
        border-radius: 8px;
        color: var(--text-level-high, var(--cwButtonSecondaryTxt));
        min-width: 95px;
        height: 36px;
        justify-content: center;
        width: auto !important;
    }

    .wb_card_flag {
        width: 12px;
        height: 12px;
        background-size: 12px auto;
        background-repeat: no-repeat;
        margin-bottom: 4px;
        background-position: 0 0;
        background-image: var(--cdn-circleFlag_png);
    }

        /*Russian*/
        .wb_card_flag.ru {
            background-position-y: -14px;
        }
        /*English*/
        .wb_card_flag.en {
            background-position-y: -29px;
        }
        /*Armenian*/
        .wb_card_flag.hy {
            background-position-y: -43px;
        }
        /*Turkish*/
        .wb_card_flag.tr {
            background-position-y: -58px;
        }
        /*Bosnia and Herzegovina*/
        .wb_card_flag.bs {
            background-position-y: -72px;
        }
        /*Farsi (iran) basketball logo*/
        .wb_card_flag.fa-basketball {
            background-position-y: -86px;
        }
        /*Kuwait*/
        .wb_card_flag.kw {
            background-position-y: -101px;
        }
        /*Serbia*/
        .wb_card_flag.sr {
            background-position-y: -115px;
        }
        /*Croatia*/
        .wb_card_flag.hr {
            background-position-y: -130px;
        }
        /*Ukraine*/
        .wb_card_flag.uk {
            background-position-y: -144px;
        }
        /*Tajik  */
        .wb_card_flag.tj {
            background-position-y: -158px;
        }

        /*Israel (Hebrew)*/
        .wb_card_flag.he,
        .wb_card_flag.il {
            background-position-y: -173px;
        }
        /*Spanish (spain)*/
        .wb_card_flag.es,
        .wb_card_flag.es-spanish {
            background-position-y: -187px;
        }
        /*anhayt*/
        .wb_card_flag.anhayt {
            background-position-y: -202px;
        }
        /*Italy*/
        .wb_card_flag.it {
            background-position-y: -216px;
        }
        /*France*/
        .wb_card_flag.fr {
            background-position-y: -230px;
        }
        /*Germany*/
        .wb_card_flag.de {
            background-position-y: -245px;
        }
        /*Korea  (the Republic of)*/
        .wb_card_flag.ko {
            background-position-y: -259px;
        }
        /*Greek*/
        .wb_card_flag.el {
            background-position-y: -274px;
        }
        /*Denmark*/
        .wb_card_flag.da {
            background-position-y: -288px;
        }
        /*Finland*/
        .wb_card_flag.fi {
            background-position-y: -302px;
        }
        /*Czechia*/
        .wb_card_flag.cs {
            background-position-y: -317px;
        }
        /*Sweden*/
        .wb_card_flag.sv {
            background-position-y: -331px;
        }
        /*Georgia*/
        .wb_card_flag.ka {
            background-position-y: -346px;
        }
        /*Norway*/
        .wb_card_flag.nb {
            background-position-y: -360px;
        }
        /*China*/
        .wb_card_flag.zh,
        .wb_card_flag.zh-cht {
            background-position-y: -374px;
        }
        /*Thailand*/
        .wb_card_flag.th {
            background-position-y: -389px;
        }
        /*Kazakhstan*/
        .wb_card_flag.kk {
            background-position-y: -403px;
        }
        /*Azerbaijan*/
        .wb_card_flag.az {
            background-position-y: -418px;
        }
        /*Brazil*/
        .wb_card_flag.br {
            background-position-y: -432px;
        }
        /*Japan*/
        .wb_card_flag.ja {
            background-position-y: -446.5px;
        }
        /*India*/
        .wb_card_flag.hi {
            background-position-y: -461px;
        }
        /*Pakistan*/
        .wb_card_flag.pk,
        .wb_card_flag.ur,
        .wb_card_flag.ur-pk {
            background-position-y: -475px;
        }
        /*Lithuania*/
        .wb_card_flag.lt {
            background-position-y: -490px;
        }
        /*Tunisia*/
        .wb_card_flag.aeb,
        .wb_card_flag.tn {
            background-position-y: -504px;
        }
        /*Viet Nam*/
        .wb_card_flag.vn,
        .wb_card_flag.vi {
            background-position-y: -518.5px;
        }
        /*Uzbekistan*/
        .wb_card_flag.uz {
            background-position-y: -533px;
        }
        /*Poland*/
        .wb_card_flag.pol,
        .wb_card_flag.pl {
            background-position-y: -547px;
        }
        /*Albania*/
        .wb_card_flag.sq {
            background-position-y: -562px;
        }
        /*Ethiopia*/
        .wb_card_flag.et,
        .wb_card_flag.am {
            background-position-y: -576px;
        }
        /*Bengali*/
        .wb_card_flag.bn {
            background-position-y: -590.5px;
        }
        /*Belarusian*/
        .wb_card_flag.be,
        .wb_card_flag.by {
            background-position-y: -605px;
        }
        /*Romanian*/
        .wb_card_flag.ro {
            background-position-y: -619px;
        }
        /*Iran(Farsi)*/
        .wb_card_flag.fa {
            background-position-y: -634px;
        }
        /*Arabic*/
        .wb_card_flag.ar {
            background-position-y: -648px;
        }
        /*Kurdish*/
        .wb_card_flag.ku {
            background-position-y: -662.5px;
        }
        /*Bulgarian*/
        .wb_card_flag.bg {
            background-position-y: -677px;
        }
        /*Portugal*/
        .wb_card_flag.pt {
            background-position-y: -691px;
        }
        /*Mongolian*/
        .wb_card_flag.mn {
            background-position-y: -706px;
        }
        /*Montenegrin*/
        .wb_card_flag.mne,
        .wb_card_flag.cnr {
            background-position-y: -720px;
        }
        /*Burmese*/
        .wb_card_flag.my {
            background-position-y: -734px;
        }
        /*Slovenian*/
        .wb_card_flag.sl {
            background-position-y: -749px;
        }
        /*Punjabi*/
        .wb_card_flag.pa {
            background-position-y: -763px;
        }
        /*Netherlands*/
        .wb_card_flag.nl {
            background-position-y: -777.5px;
        }

    .wb_card_hover {
        border-radius: var(--cwCardRadius, 12px);
        border: 1px solid var(--bg-level-3);
        background: rgba(0, 0, 0, 0.85);
        height: 100%;
    }

    .has_card_footer .wb_card_hover {
        height: calc(100% - 28px);
        border-radius: var(--cwCardRadius) var(--cwCardRadius) 0 0;
    }

    .wb_card:hover .wb_card_hover {
        top: 100%;
        display: none;
    }

    .wb_card_hover_top {
        padding: 10px 12px;
        border-radius: var(--cwCardRadius) var(--cwCardRadius) 0px 0px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.00) 100%);
    }

    .wb_card_like {
        color: var(--text-level-high, var(--cwGameTxt));
    }

        .wb_card_like:before {
            color: var(--icon-level-high, var(--cwGameTxt));
        }

    .wb_card_favorite::before {
        color: var(--icon-level-high, var(--cwGameTxt));
    }

    .wb_card_buttons,
    .lb_card_buttons {
        position: static;
        transform: translate(0, 0);
    }

    .wb_card_button,
    .lb_card_button {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 12px;
        border-radius: 8px;
        font-weight: 500;
        line-height: 20px;
        gap: 8px;
        background: var(--bg-level-4, var(--cwButtonSecondaryBg));
        color: var(--text-level-high, var(--cwButtonSecondaryTxt));
        width: 100%;
        margin: 0;
        font-size: 14px;
    }

    .lb_card_preview_footer .wb_card_button.play_btn i,
    .lb_card_preview_footer .lb_card_button.play_btn i {
        line-height: 24px;
        font-size: 41px;
        width: 24px;
        margin: 0;
    }

    .wb_card_jackpot_value,
    .lb_card_jackpot_value {
        color: var(--text-level-high, var(--cwGameTxt));
    }

        .wb_card_jackpot_value > .dynamic_icon,
        .lb_card_jackpot_value > .dynamic_icon {
            font-size: 24px;
            line-height: 16px;
            color: var(--icon-level-high, var(--cwGameTxt));
            margin: 0;
        }

    .lb_card_button.play_btn {
        background: var(--btn-primary, var(--cwButtonBg));
        color: var(--btn-primary-text, var(--cwButtonTxt));
    }
   
    /*start filter popup*/
    .wb_filterPopup_header_top {
        padding: 16px 16px 12px;
    }

    .wb_accordionTab-header {
        padding: 0 16px;
    }

    .wb_filterPopup_header,
    .wb_filterPopup_footer {
        border-radius: 0;
    }

    .wb_filterPopup_content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100vh;
        height: 100dvh;
    }

    .wb_rangeBox {
        padding: 24px 16px;
    }
    /* start game widget*/
    .wb_gameWidget_box.position_left,
    .wb_gameWidget_box {
        flex-direction: column;
        padding: 0;
        overflow: hidden;
        gap: 0;
    }

    .wb_gameWidget_box:before {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 80%, rgba(0, 0, 0, 0.20) 100%);
    }

    .wb_gameWidget_box_item {
        width: 100%;
    }

    .wb_gameWidget_box_info {
        padding: 16px 16px 12px;
        min-height: calc(230px + (800 - 230) * (100vw - 360px) / (768 - 360));
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .wb_gameWidget_box_title {
        font-size: 24px;
        line-height: 1.42;
    }

    .wb_gameWidget_box_description {
        font-size: 14px;
        line-height: 22px;
    }
    /*    start cascade carousel*/
    .wb_widget_cascadecarousel .twocard .wb_small_width ~ .wb_gameWidget_box_item {
        padding: 0;
    }

    .wb_cascade_carousel {
        height: 178px;
        padding: 16px 0;
        background: rgba(0, 0, 0, 0.20);
        backdrop-filter: blur(8px);
        touch-action: pan-y;
    }
    .wb_cascade_carousel.wb_cascade_carousel_with_card_footer {
        height: 206px;
    }

    .wb_cascade_card.left-1 {
        transform: translateX(calc(-1 * var(--cascade_card_width) - 3px)) scale(0.9);
    }

    .wb_cascade_card.left-2 {
        transform: translateX(calc(-1 * var(--cascade_card_width) - 100px)) scale(0.8);
    }

    .wb_cascade_card.right-1 {
        transform: translateX(calc(var(--cascade_card_width) - -3px)) scale(0.9);
    }

    .wb_cascade_card.right-2 {
        transform: translateX(calc(var(--cascade_card_width) - -100px)) scale(0.8)
    }
    /*start slider gamelist*/
    .wb_widget_gamelist_box {
        margin-inline-end: -16px;
        margin-inline-start: -16px;
    }

        .wb_widget_gamelist_box .swiper {
            padding-inline-start: 16px;
            padding-inline-end: 16px;
        }

    .wb_widget_gamelist.wb_gameWidget_box {
        padding: 16px;
    }

    .wb_widget_gamelist.wb_gameWidget_box.with_bg .rows_tworow,
    .wb_widget_gamelist.wb_gameWidget_box.no_bg .rows_tworow {
        margin-bottom: -8px;
    }
  /*  .wb_widget_gamelist .rows_tworow .swiper-wrapper {
        row-gap: 8px;
    }*/
         
    /*start widget_slidedeck*/

    .onecard .wb_widget_slidedeck .wb_small_width,
    .onecard .wb_widget_slidedeck .wb_small_width ~ .wb_gameWidget_box_item {
        width: 100%;
    }
    .onecard .wb_widget_slidedeck_box {
        padding: 16px;  
        margin-inline-end: -16px;
        margin-inline-start: -16px;
    }
    .onecard .wb_widget_slidedeck_box .swiper  {
       padding-inline-start: 16px;
       padding-inline-end: 16px;
    }
    .wb_widget_slidedeck_box:before {
        content: "";
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        inset: 0;
        backdrop-filter: blur(16px);
        z-index: -1;
        pointer-events: none;

    }
   .onecard .wb_widget_slidedeck_slider {
        padding-inline-end: 16px;
    } 
   .twocard {
        gap: 8px;
        overflow: auto;
        padding: 0 16px;
        margin: 0 -16px;
    }
    .twocard .wb_gameWidget_box {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    }

    .twocard .wb_widget_slidedeck .wb_gameWidget_vertical .wb_gameWidget_box_info,
    .onecard .wb_widget_slidedeck .wb_gameWidget_vertical .wb_gameWidget_box_info {
        min-height: calc(230px + (800 - 230) * (100vw - 360px) / (768 - 360));
    }
    .twocard .wb_widget_slidedeck .wb_gameWidget_standard .wb_gameWidget_box_info,
    .onecard .wb_widget_slidedeck .wb_gameWidget_standard .wb_gameWidget_box_info {
        
        min-height: calc(268px + (800 - 268) * (100vw - 360px) / (768 - 360));
    }
    .onecard .wb_widget_slidedeck .wb_card.wb_card_standard,
    .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_standard.wb_with_card_footer {
        margin-top: 0;
        margin-bottom: 0;
    }
    /*start single game*/

    .wb_content_singlegame .onecard .wb_gameWidget_box .wb_gameWidget_box_item {
        width: 100%;
    }
    .wb_content_singlegame .wb_gameWidget_box_info {
        min-height: calc(408px + (800 - 408) * (100vw - 360px) / (768 - 360));
        padding-bottom: 0;
    }
    .wb_content_singlegame .wb_card_buttons {
        padding: 16px;
        background: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(16px);
        margin-inline: -16px;
        width: calc(100% + 32px);
    }
    .wb_content_singlegame .wb_card_button {
        max-width: none;
    }
    .wb_content_singlegame .wb_middle_part {
        order: 0;
        margin: 0;
    } 
    .wb_content_singlegame .wb_top_part{
        order: 1;
        margin-top: auto;
        padding-bottom: 12px;

    }
    .wb_content_singlegame .wb_card_borderBefore:after {
        display: none;
    }

    .wb_content_singlegame .wb_bottom_part {
        order: 2;
    }
    .wb_content_singlegame .wb_card_jackpot_value > .dynamic_icon {
            font-size: 40px;
                line-height: 24px;
    }
    .wb_content_singlegame .wb_card_price {
        height: 20px;
    }
    .wb_content_singlegame .wb_card_borderBefore:last-of-type:before {
        display: none;
    }
    .wb_content_singlegame .wb_gameWidget_info {
        gap: 16px;
        justify-content: space-between;
    }
    .wb_content_singlegame .wb_mb_60 {
        width: calc(60% - 8px);
    }
    .wb_content_singlegame .wb_mb_60.wb_mb_100 {
        width: 100%;
    }
    .wb_content_singlegame .wb_mb_50 {
        width: calc(50% - 8px);
    }
    .wb_content_singlegame .wb_mb_40 {
        width: calc(40% - 8px);
        justify-content: flex-end;
    }

    /*start stop winners*/
    .wb_top_winners_block .wb_top_winners_container {
        overflow-x: auto;
        gap: 8px;
        padding-inline: 16px;
    }
    .wb_top_winners_item {
        padding: 12px 16px 16px;
        width: calc(100% - 16px);
        flex-shrink: 0;
    }
    .wb_top_winners_item_title {
        padding: 0;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 12px;
    }
    .wb_top_winners_item_inner {
        max-height: 298px;
        padding-inline-end: 0;
    }
    .wb_top_winners_item_inner::-webkit-scrollbar {
        width: 0;
    }

    .wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item_inner .wb_top_winners__game {
        width: 100%;
    }
    .wb_top_winners__img_link {
        width: 98px;
        height: 66px;
        margin-inline-end: 8px;
    }
  
    .wb_top_winners__value,
    .wb_wb_top_winners__value{
        line-height: 22px;
        min-height: 22px;
    }
    .wb_top_winners__value_split,
    .wb_wb_top_winners__value span{
        font-size: 14px;
    }
   
        .wb_top_winners__value .top_jackpots__crns.tw_krw, .wb_top_winners__value .top_jackpots__crns.tw_KRW, .wb_top_winners__value .top_jackpots__crns.tw_usd, .wb_top_winners__value .top_jackpots__crns.tw_USD {
            --icoSize: 13px;
        }
        .wb_top_winners__bet .top_jackpots__crns {
            margin-inline-start: 0;
            --icoSize: 13px;
            line-height: 13px;
        }
    .wb_top_winners__value .top_jackpots__crns .cw_icon_irt,
    .wb_top_winners__value .top_jackpots__crns .cw_icon_IRT,
    .wb_top_winners__value .top_jackpots__crns .cw_icon_ron,
    .wb_top_winners__value .top_jackpots__crns .cw_icon_RON {
        font-size: 16px;
    }

    .wb_top_winners__bet span:not(.top_jackpots__crns) {
        font-size: 14px;
    }
    .wb_top_winners__game {
        min-width: 250px;
        height: 74px;
    }

    .wb_top_winners__game a {
        width: 86px;
        height:58px;
    }

    .wb_top_winners_slider:after, .wb_top_winners_slider:before {
        display: none;
    }
    .arrow__prev__wb_provider, .arrow__next__wb_provider{
        display:none;
    }
    .wb_providers_item_name {
    font-size: 14px;
    width: 93px;
    }
    .wb_providers_item_img{
     width: 24px;
    height: 24px;
    }
    .wb_top_winners__slider:before, .wb_top_winners__slider:after,
     .wb_providers_slider:before, .wb_providers_slider:after{
        display:none;
    }
    .wb_top_winners__id.me_badge span {
        font-size:12px;
    }
    .wb_top_winners__value .top_jackpots__crns, .wb_wb_top_winners__bet .top_jackpots__crns, .wb_wb_top_winners__value span, .wb_wb_top_winners__value .cw_icon_USD {
        --icoSize: 12px;
        height: auto;
        line-height: 22px;
}
}

@media screen and (max-width: 540px) {
    .wb_card_main {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px;
    }
    .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(3, 1fr);
    }
    .card_main_standard .wb_card_standard .wb_card_body,
    .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        height: calc(108px + (168 - 108) * (100vw - 360px) / (540 - 360));
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: calc(145.65px + (229 - 145.65) * (100vw - 361px) / (540 - 361));
    }

}
@media screen and (max-width: 360px) {
    .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(2, 1fr);
    }
    .card_main_vertical .wb_card_vertical .wb_card_body,
    .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        height: calc(195.5px + (223.37 - 195.5) * (100vw - 320px) / (360 - 320));
    }
}
@media screen and (max-width: 340px) {
    .wb_content_singlegame .wb_mb_60.wb_mb_price_100 {
        width: 100%;
    }

    .wb_content_singlegame .wb_mb_60.wb_mb_price_100 ~ .wb_mb_40 {
        justify-content: flex-start;
        width: 100%;
    }
    .wb_top_winners__value_split {
        font-size: 14px;
    }
    .wb_top_winners__value .top_jackpots__crns {
        --icoSize: 10px;
    }  
}
@media screen and (max-height: 820px) {
    .wb_filterPopup_content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100vh;
        height: 100dvh;
    }
}

@media screen and (min-height: 451px) {
    .lb_card_preview_inner {
        max-height: calc(100vh - 169px);
        overflow-y: auto;
    }
}

@media screen and (max-height: 450px) {
    .lb_card_preview_content {
        max-height: calc(100vh - 73px);
        max-height: calc(100dvh - 73px);
        overflow-y: auto;
        /*padding-bottom: 50px;*/
    }
}

