﻿/*Transaction history*/
.transaction-content .upper-part .trs-filter-block .ref_link_info {
    min-height: 36px;
    line-height: 36px;
}
.transaction-content .trs-filter-block .ag_copy_btn {
    background-color: var(--bg-level-3, var(--cwInputBg));
}
/*End transaction history*/

/*start Multi Wallet input color changes*/
.cw_wallet_modal_search_root input::-webkit-input-placeholder {
    color: var(--text-level-medium);
}
/*endMulti Wallet input color changes*/
@media only screen and (max-width: 1200px) {
    /*Pinned Filter on header */

    .widgetBased_main {
        --badge_height: 48px;
        --badge_fsz: 24px;
    }
    .widgetBased_main .wb_search_gameList {
        min-height: 136px;
    }

    .widgetBased_main .wb_search_gameList.wb_with_groupsWidget {
        min-height: 272px;
    }

    .widgetBased_main .wb_search_gameList.wb_with_groupsWidget .wb_search_gameList_wrapper {
        padding-top: 24px;
    }

    .widgetBased_main .wb_search_gameList.wb_with_groupsWidget .wb_content_inpagenavigation {
        margin-top: -16px;
    }

    .widgetBased_main .wbp_nav_fixed .wb_search_gameList_wrapper {
        top: 110px;
    }

    .widgetBased_main .wbp_nav_fixed .notification_static_content ~ .content-wrapper .wb_search_gameList_wrapper {
        top: 198px;
    }

    .widgetBased_main .wbp_nav_fixed .fixed_header_all {
        height: 226px;
    }

    .widgetBased_main .wbp_nav_fixed .fixed_header_all .tl_header_bot_row {
        top: 112px;
    }
    /*start widget Based*/


    .widgetBased_main {
        padding-bottom: 24px;
    }

    .widgetBased_main .ico_size-sm {
        --icoSize: 40px;
    }

    .widgetBased_main .dynamic_container {
        padding: 24px 0;
    }

    .widgetBased_main .arrow__prev,
    .widgetBased_main .arrow__next {
        width: 80px;
        height: 80px;
        padding: 0 16px;
        border-radius: 16px;
    }
    .widgetBased_main .arrow__prev i, 
    .widgetBased_main .arrow__next i {
        font-size: 68px;
        line-height: 34px;
        margin-block-start: 6px;
    }

    .widgetBased_main .wb_content {
        padding-inline: 48px;
    }

    .widgetBased_main .wb_title__block,
    .widgetBased_main .rd_title__block {
        gap: 16px;
        padding: 12px 0;
    }

    .widgetBased_main .wb_title,
    .widgetBased_main .rd_title {
        font-size: 40px;
        line-height: 56px;
    }

    .widgetBased_main .wb_title_img,
    .widgetBased_main .rd_header_tab_icon {
        width: 48px;
        height: 48px;
    }


    .widgetBased_main .wb_title_circle {
        width: 12px;
        height: 12px;
        margin: 8px 16px;
    }

    .widgetBased_main .wb_search_heding .skeleton {
        height: 56px;
        width: 300px;
      
    }

    .widgetBased_main .wb_viewAll_btn {
        font-size: 28px;
        line-height: 44px;
        padding: 18px 24px;
    }

    .widgetBased_main .wb_viewAll_btn span {
        margin-inline-start: 4px;
    }

    
    .widgetBased_main .wb_tabTitle_right {
        gap: 32px;       
    }

    .widgetBased_main .wb_tabTitle_arrow .arrow__next,
    .widgetBased_main .wb_tabTitle_arrow .arrow__prev {        
        width: 72px;
        height: 72px;
    }

    .widgetBased_main .wb_title .wb_tabTitle_right {
        -webkit-margin-start: 32px;
        margin-inline-start: 32px;
    }

    .widgetBased_main .wb_tabTitle_left {
        gap: 24px;
    }

    .widgetBased_main .wb_tabTitle_box {
        margin-bottom: 24px;
        gap: 24px;
    }


    .widgetBased_main .wb_tabTitle_tab {
        gap: 24px;
        margin-left: -32px;
        padding-left: 32px;
        margin-right: -32px;
        padding-right: 32px;
    }

    .widgetBased_main .wb_tabTitle_tab_item {
        padding: 0 32px;
        border-radius: 120px;       
        height: 80px;
        gap: 16px;
        width: auto;
        margin-inline-end: 24px;
    }

    .widgetBased_main .wb_tabTitle_tab_name {
        font-size: 28px;
        line-height: 40px;
    }

    .widgetBased_main .wb_tabTitle_tab_icon {
        width: 40px;
        height: 40px;
    }

    .widgetBased_main .wb_tabTitle_box.wb_tab_bottom {
        padding-bottom: 104px;
    }



    .widgetBased_main .widgetBased_filtration {
        gap: 24px;
    }

    .widgetBased_main .wb_btn {
        padding: 24px;
        font-size: 28px;
        gap: 16px;
        border-radius: var(--cwButtonSecondaryRadius, 16px);       
        height: 88px;
        max-width: 300px;
        width: 88px;
    }


    .widgetBased_main .wb_btn img {
        width: 40px;
        height: 40px;
    }

    .widgetBased_main .wb_filter_btn.filtered i:after {
        width: 16px;
        height: 16px;
        top: -8px;
        right: -8px;
    }

    .cw-rtl-global .widgetBased_main .wb_filter_btn.filtered i:after {
        right: auto;
        left: -8px;
    }
    /*start search part*/
    .widgetBased_main .wb_searchBox_btn {
        max-width: 850px;
      
        border-radius: var(--cwInputRadius, 16px);
       
        padding-inline: 24px;
        height: 88px;
        font-size: 28px;
        gap: 16px;
    }


    .widgetBased_main .wb_searchBox_input {
        border-radius: var(--cwInputRadius, 16px);
        padding: 24px 80px;
        height: 88px;
        font-size: 28px;
    }

    .widgetBased_main .wb_searchBox_searchIcon,
    .widgetBased_main .wb_searchBox_close {       
        width: 40px;
        height: 40px;
        line-height: 20px;
    }

    .widgetBased_main .wb_searchBox_searchIcon {
        inset-inline-start: 24px;
    }

    .widgetBased_main .wb_searchBox_close {
        inset-inline-end: 24px;
    }

    .widgetBased_main .wb_searchBox_close i {
        --icoSize: 28px;
    }
    /*end search part*/

    /*start search no results*/
    .widgetBased_main .wb_searchResults_wrapper.wb_card_main {
        padding: 312px 32px;
    }

    .widgetBased_main .wb_searchResults_img {
        margin-bottom: 48px;
        width: 240px;
        height: 240px;
    }

    .widgetBased_main .wb_searchResults_box {
        padding: 48px 0;
    }

    .widgetBased_main .wb_searchResults_title {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 24px;
    }

    .widgetBased_main .wb_searchResults_text {
        font-size: 32px;
        line-height: 48px;
    }
    /*end search no results*/

    .widgetBased_main .wb_nav_slider {
        margin-inline-start: 80px;
    }



    .widgetBased_main .onecard .wb_widget_slidedeck_box .arrow__prev {
        inset-inline-start: 32px
    }


    .widgetBased_main .wb_selectedChips_slider .arrow__next,
    .widgetBased_main .wb_widget_slidedeck_box .arrow__next {
        inset-inline-end: 32px
    }

    .widgetBased_main .wb_selectedChips_slider .arrow__prev,
    .widgetBased_main .twocard .wb_widget_slidedeck_box .arrow__prev {
        inset-inline-start: 32px
    }

    .widgetBased_main .wb_nav_slider:before, .widgetBased_main .wb_nav_slider:after,
    .widgetBased_main .wb_selectedChips_slider:before, .widgetBased_main .wb_selectedChips_slider:after,
    .widgetBased_main .wb_group_slider:before, .widgetBased_main .wb_group_slider:after,
    .widgetBased_main .wb_top_winners__slider:before, .widgetBased_main .wb_top_winners__slider:after {
        width: 104px;
        height: 88px;
    }

    .widgetBased_main .wb_group_slider:before, .widgetBased_main .wb_group_slider:after {
        height: 176px;
        width: 208px;
        bottom: -24px;
    }

    .widgetBased_main .wb_providers_slider:before, .widgetBased_main .wb_providers_slider:after {
        height: 124px;
        width: 168px;
        bottom: -4px
    }

    .widgetBased_main .wb_selectedChips_slider:before, .widgetBased_main .wb_selectedChips_slider:after {
        height: 128px;
    }

    .widgetBased_main .wb_top_winners__slider:before, .widgetBased_main .wb_top_winners__slider:after {
        height: 78px;
    }

    .widgetBased_main .wb_top_winners_slider:after,
    .widgetBased_main .wb_top_winners_slider:before {
        width: 146px;
        height: 174px;
    }


    .cw-rtl-global .widgetBased_main .wb_nav_slider .arrow__prev i,
    .cw-rtl-global .widgetBased_main .wb_nav_slider .arrow__next i,
    .cw-rtl-global .widgetBased_main .wb_selectedChips_slider .arrow__prev i,
    .cw-rtl-global .widgetBased_main .wb_selectedChips_slider .arrow__next i,
    .cw-rtl-global .widgetBased_main .wb_cascade_carousel .arrow__prev i,
    .cw-rtl-global .widgetBased_main .wb_cascade_carousel .arrow__next i,
    .cw-rtl-global .widgetBased_main .wb_widget_slidedeck_box .arrow__prev i,
    .cw-rtl-global .widgetBased_main .wb_widget_slidedeck_box .arrow__next i,
    .cw-rtl-global .widgetBased_main .wb_providers_slider .arrow__prev i,
    .cw-rtl-global .widgetBased_main .wb_providers_slider .arrow__next i,
    .cw-rtl-global .widgetBased_main .wb_group_slider .arrow__prev i,
    .cw-rtl-global .widgetBased_main .wb_group_slider .arrow__next i,
    .cw-rtl-global .widgetBased_main .wb_top_winners__slider .arrow__prev i,
    .cw-rtl-global .widgetBased_main .wb_top_winners__slider .arrow__next i {
        line-height: 36px;
        font-size: 68px;
    }


    .widgetBased_main .wb_gameWidget_box {
        padding: 64px;
        gap: 64px;
        border-radius: 32px;
    }

    .widgetBased_main .wb_gameWidget_box:before {
        border-radius: 32px;            
    }

    .widgetBased_main .wb_gameWidget_box_logo {
        width: 200px;
        height: 84px;
        margin-bottom: 24px;
    }

.widgetBased_main .wb_gameWidget_box_title {
    font-size: 64px;
    line-height: 92px;
    margin-bottom: 8px;      
}

.widgetBased_main .wb_gameWidget_box_description {
    font-size: 32px;
    line-height: 48px;       
}

.widgetBased_main .twocard {
    gap: 48px;
    overflow: auto;
    padding: 0 16px;
    margin: 0 -16px;
}

.widgetBased_main .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;
}

.widgetBased_main .twocard .wb_widget_slidedeck .wb_gameWidget_vertical .wb_gameWidget_box_info,
.widgetBased_main .onecard .wb_widget_slidedeck .wb_gameWidget_vertical .wb_gameWidget_box_info {
}

.widgetBased_main .twocard .wb_widget_slidedeck .wb_gameWidget_standard .wb_gameWidget_box_info,
.widgetBased_main .onecard .wb_widget_slidedeck .wb_gameWidget_standard .wb_gameWidget_box_info {
}

.widgetBased_main .onecard .wb_widget_slidedeck .wb_card.wb_card_standard,
.widgetBased_main .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_standard.wb_with_card_footer {
    margin-top: 0;
    margin-bottom: 0;
}
    /*bookmarks*/
    .widgetBased_main .wb_bookmark {
        min-width: 76px;
        height: 72px;      
        inset-inline-start: 34px;
      
    }

    .widgetBased_main .wb_bookmark::after {
        bottom: -24px;
        border-width: 24px 38px 0 0;
        border-radius: 0 0 10px 10px;
    }

    .widgetBased_main .wb_bookmark::before {           
        bottom: -24px;           
        border-width: 0 38px 24px 0;
    }

    .widgetBased_main .wb_bookmark-number {
        font-size: 48px;
        padding: 0 10px;
    }

    .widgetBased_main .wb_bookmark-number:before {
        border-width: 0 0 12px 10px;           
        inset-inline-start: -10px;
    }

    .widgetBased_main .wb_bookmark-number:after {           
        border-width: 12px 0 0 10px;   
        inset-inline-end: -10px;
    }

    .cw-rtl-global .widgetBased_main .wb_bookmark-number:after {
        inset-inline-start: -10px;
    }

    .cw-rtl-global .widgetBased_main .wb_bookmark-number:before {
        inset-inline-end: -10px;
    }
        
    .widgetBased_main .wb_bookmark_on .wb_card {
        padding-top: 10px;
    }

    .widgetBased_main .wb_bookmark_on .wb_card_viewAll {
        margin-top: 10px;
    }

    .widgetBased_main .wb_bookmark_on .wb_card_topitems {
        margin-top: 10px;
    }
    /*start cascade slider*/
    .widgetBased_main .wb_cascade_carousel {
         padding: 0 96px
    }

   

    .widgetBased_main .wb_cascade_card {
        --cascade_card_width: calc(193.4px + (384 - 193.4) * (100vw - 991px) / (1920 - 991));
        /*width: 192px;*/
        width: var(--cascade_card_width);
        /*   height: 100%;
    height: 270px;*/
        border-radius: var(--cwCardRadius, 24px);
    }



    .widgetBased_main .wb_card_viewAll {
        border-radius: var(--cwCardRadius, 24px);
    }

    .widgetBased_main .wb_card_viewAll_blur {

        border-radius: var(--cwCardRadius, 24px);
      
    }

  

    .widgetBased_main .wb_card_viewAll_btn {
        padding: 20px;       
    }

    .widgetBased_main .wb_card_viewAll_btn .wb_card_viewAll_link {
        font-size: 28px;
        line-height: 44px;         
        padding: 16px;           
        gap: 8px;
    }

    
    /*start widget_slidedeck*/
    .widgetBased_main .wb_gameWidget_box:not(.active) {
        display: none;
    }

    .widgetBased_main .onecard .wb_widget_slidedeck .wb_small_width {
        width: 390px;
    }

        .widgetBased_main .onecard .wb_widget_slidedeck .wb_small_width ~ .wb_gameWidget_box_item {
            width: calc(100% - 390px);
        }

    .widgetBased_main .onecard .wb_widget_slidedeck_box {
        margin-inline-end: -64px;
        padding-inline-start: 112px;
    }

    .widgetBased_main .onecard .wb_widget_slidedeck_slider {
        padding-inline-end: 112px;
    }

    .widgetBased_main .onecard .wb_widget_slidedeck .wb_card.wb_card_standard,
    .widgetBased_main .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_standard.wb_with_card_footer {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .widgetBased_main .position_left .wb_widget_slidedeck_box {
        padding-inline-end: 112px;
    }

    .widgetBased_main .position_left .wb_widget_slidedeck_slider {
        padding-inline-start: 64px;
    }
    /*.position_left .wb_widget_slidedeck_slider.sw_end {
    padding-inline-start: 0;
}*/
    .widgetBased_main .twocard .wb_widget_slidedeck .wb_gameWidget_vertical .wb_gameWidget_box_info {
        min-height: 392px;
    }

    .widgetBased_main .twocard .wb_widget_slidedeck .wb_gameWidget_standard .wb_gameWidget_box_info {
        min-height: 486px;
    }

    .widgetBased_main .twocard .wb_widget_slidedeck .wb_gameWidget_box_info {
        padding: 32px 32px 24px;
    }

    .widgetBased_main .twocard .wb_widget_slidedeck .wb_small_width ~ .wb_gameWidget_box_item {
        padding: 32px;
    }

    .widgetBased_main .twocard .wb_widget_slidedeck_box {
        margin-inline: -32px;
    }

    .widgetBased_main .twocard .wb_widget_slidedeck_slider {
        padding: 0 32px;
    }



/*start slider gamelist*/
    .widgetBased_main .wb_widget_gamelist_box {
        margin-inline-end: -48px;
        margin-inline-start: -48px;
    }

        .widgetBased_main .wb_widget_gamelist_box .swiper {
            padding-inline-start: 48px;
            padding-inline-end: 48px;
        }


    .widgetBased_main .wb_widget_gamelist.wb_gameWidget_box {
        padding: 48px;
    }

        .widgetBased_main .wb_widget_gamelist.wb_gameWidget_box.with_bg .rows_tworow,
        .widgetBased_main .wb_widget_gamelist.wb_gameWidget_box.no_bg .rows_tworow {
            margin-bottom: -24px;
        }


    /*end slider gamelist*/


    /*  start category*/
    .widgetBased_main .wb_category_item {
        padding: 12px 24px;       
        border-radius: var(--cwTabRadius, 24px);       
        height: 88px;
        gap: 16px;
        min-width: 136px;
    }

    .widgetBased_main .wb_category_item_img {
        width: 40px;
        height: 40px;        
    }

    .widgetBased_main .wb_category_item_name {
        font-size: 28px;
        line-height: 48px;
    }

    /*end category */
    /*start group widget*/
    .widgetBased_main .wb_group_item {
        padding-inline: 24px;      
        border-radius: var(--cwTabRadius, 16px);      
        height: 80px;
        gap: 16px;
        font-size: 28px;
        line-height: 44px;
    }

    .widgetBased_main .wb_group_item_img {
        width: 40px;
        height: 40px;      
    }

    .widgetBased_main .wb_group_item_name {
        font-size: 28px;
        line-height: 44px;
    }

    .widgetBased_main .wb_tabTitle_box ~ .wb_group_wrapper .wb_group_slider {
        margin-top: -24px;
    }

    .widgetBased_main .wb_group_slider {
        padding-top: 24px;
        margin-inline: -48px;
        padding-inline: 48px;
    }

    .widgetBased_main .wb_group_badges {
        top: -24px;
        inset-inline-end: -12px;
    }

    .widgetBased_main .arrow__prev__wb_group,
    .widgetBased_main .arrow__next__wb_group {
        top: calc(50% + 12px);
        width: 72px;
        height: 72px;
    }

    .widgetBased_main .arrow__prev__wb_group {
        inset-inline-start: 48px;
    }

    .widgetBased_main .arrow__next__wb_group {
        inset-inline-end: 48px;
    }
    /*end group widget*/
    /*start providers*/

    .widgetBased_main .wb_providers_item {
        padding: 12px 24px;
        border-radius: var(--cwTabRadius, 24px);        
        height: 96px;
        gap: 16px;
        font-size: 40px;
        line-height: 56px;
    }

    .widgetBased_main .wb_providers_item_img {
        width: 64px;
        height: 64px;        
    }

    .widgetBased_main .wb_provider_icon .wb_providers_item_img {
        width: 172px;
        height: 72px;
    }

    .widgetBased_main .wb_provider_icon .wb_filterGroups_item_img {
        width: 96px;
        height: 40px;
    }

    .widgetBased_main .wb_provider_icon.wb_providers_item {
        min-width: 230px;
        padding: 12px 24px;
    }

    .widgetBased_main .wb_providers_item_name {
        font-size: 32px;
        line-height: 48px;
    }

    .widgetBased_main .wb_tabTitle_box ~ .wb_providers_wrapper .wb_providers_slider {
        margin-top: -24px;
    }

    .widgetBased_main .wb_providers_slider {
        padding-top: 24px;
        margin-inline: -48px;
        padding-inline: 48px;
    }

    .widgetBased_main .wb_providers_badges {
        top: -24px;
        inset-inline-end: -12px;
    }

    /*start filters*/
    .widgetBased_main .wb_filterPopup {       
        backdrop-filter: blur(var(--cwOverlayBlur, 8px));
      
    }

    .widgetBased_main .wb_filterPopup_content {
        max-width: calc(100% - 60px);
        height: 1000px;
    }

    .widgetBased_main .wb_filterPopup_header {
        border-radius: var(--cwModalRadius, 32px) var(--cwModalRadius, 32px) 0 0;
    }

    .widgetBased_main .wb_filterPopup_header_top {
        padding: 40px 32px 16px;
        gap: 24px;
    }

    .widgetBased_main .wb_filterPopup_title {
        font-size: 32px;
        line-height: 3;
    }

    .widgetBased_main .wb_filterPopup_close {
        width: 48px;
        height: 48px;       
    }

        .widgetBased_main .wb_filterPopup_close i {
            font-size: 72px;
            line-height: 1;
        }

    .widgetBased_main .wb_filterPopup_body {        
        max-height: calc(100% - 300px);
    }

    .widgetBased_main .wb_accordionTab-header {
        padding: 24px 32px 0;
        gap: 48px;
    }

    .widgetBased_main .wb_accordionTab_button {
        padding: 24px 0;
        font-size: 28px;
        line-height: 40px;
    }


    .widgetBased_main .wb_accordionTab_button.filtered:after {
        width: 16px;
        height: 16px;            
        top: 24px;
        inset-inline-end: -12px;
    }

    .widgetBased_main .wb_filterPopup_footer {
        padding: 24px 32px 32px;       
        gap: 16px;
        border-radius: 0 0 var(--cwModalRadius, 32px) var(--cwModalRadius, 32px);
    }

    .widgetBased_main .wb_filterPopup_footer button {
        border-radius: var(--cwButtonRadius, 16px);
        padding: 0 24px;          
        font-size: 28px;          
        min-height: 88px;
        gap: 8px;
    }

    .widgetBased_main .wb_filterGroups_box {
        padding: 48px 32px;
        gap: 24px;
    }

    .widgetBased_main .wb_filterGroups_box_inner {
        width: calc(100% / 3 - 16px);      
    }

    .widgetBased_main .wb_filterGroups_item {
        padding: 24px;
        border-radius: var(--cwTabRadius, 16px);       
        gap: 16px;
        font-size: 28px;
        line-height: 40px;
    }
    .widgetBased_main .wb_filterGroups_item_img {
        width: 40px;
        height: 40px;     
    }

    .widgetBased_main .wb_provider_logo .wb_filterGroups_item_img {
        width: 96px;
        height: 40px;
    }


    .widgetBased_main .wb_filterGroups_item_count {
        min-width: 70px;
        font-size: 24px;
    }

    .widgetBased_main .wb_filterGroups_slider {
        padding-top: 24px;
        margin-inline: -48px;
        padding-inline: 48px;
    }

    .widgetBased_main .wb_filterGroups_badges .lb_card_badge {
        border-radius: 64px;
        padding: 0 8px;
    }
    .widgetBased_main .wb_filterGroups_badges .lb_card_badge > span {
        max-width: 168px;
        padding: 0 8px
    }

    .widgetBased_main .wb_selectedChips_slider {
        padding: 24px 32px;
    }

    .widgetBased_main .wb_selectedChips_slide .wb_filterGroups_item {
        gap: 8px;
        padding: 16px;
        padding-inline-start: 32px;  
    }

    .widgetBased_main .wb_selectedChips_close {
        width: 40px;
        height: 40px;
        line-height: 20px;
    }

    .widgetBased_main .wb_selectedChips_close i {
        --icoSize: 20px;
    }

    .widgetBased_main .wb_filterGroups_searchBox {
        margin: 24px 32px 0;
    }

    .widgetBased_main .wb_filterGroups_searchBox_input {       
        border-radius: var(--cwInputRadius, 16px);       
        padding: 24px 80px;
        height: 88px;
        font-size: 28px;
    }

    .widgetBased_main .wb_filterGroups_searchBox_icon,
    .widgetBased_main .wb_filterGroups_searchBox_close {
        width: 40px;
        height: 40px;
        line-height: 20px;
    }

    .widgetBased_main .wb_filterGroups_searchBox_icon {
        inset-inline-start: 24px;
    }

    .widgetBased_main .wb_filterGroups_searchBox_close {
        inset-inline-end: 24px;
    }

    .widgetBased_main .wb_filterGroups_searchBox_close i {
        --icoSize: 20px;
    }

    .widgetBased_main .arrow__prev__wb_provider,
    .widgetBased_main .arrow__next__wb_provider {
        top: calc(50% + 12px);
        width: 72px;
        height: 72px;
    }
    .widgetBased_main .arrow__prev__wb_provider {
        inset-inline-start: 48px;
    }

    .widgetBased_main .arrow__next__wb_provider {
        inset-inline-end: 48px;
    }
    /* Lobby Filter Stake Range Slider */
    .widgetBased_main .wb_rangeBox {
        padding: 32px 48px;
    }

    .widgetBased_main .wb_range_wrapper {
        margin-bottom: 48px;
        gap: 48px;
    }

    .widgetBased_main .wb_range_text {
        margin-top: 24px;
        font-size: 28px;
        line-height: 40px;
    }

    .widgetBased_main .wb_range_price_item {
      
    }

    .widgetBased_main .wb_range_price_item p {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 16px;            
    }

    .widgetBased_main .wb_range_price {
        border-radius: 24px; 
    }

    .widgetBased_main .wb_range_price > * {
        font-size: 28px;
        line-height: 40px;
    }

    .widgetBased_main .wb_range_price_input {
        padding: 24px;
        min-width: 128px;
    }


    /* Change the white to any color */
    .widgetBased_main .wb_range_tracke {       
        border-radius: 16px;
        padding: 32px 32px 24px;
    }

    .widgetBased_main .wb_range_slider {
        padding: 24px 32px;
    }

    .widgetBased_main .wb_range_slider .noUi-base,
    .widgetBased_main .wb_range_slider .noUi-connects {
        height: 48px;
        top: -8px;
    }

    .widgetBased_main .wb_range_slider .noUi-target {
        border-radius: 12px;
        height: 16px;
    }

    .widgetBased_main .wb_range_slider .noUi-handle {
        width: 80px;
        height: 80px;
        right: -40px;
        top: -20px;
    }

    .widgetBased_main .wb_range_slider .noUi-connect {
        height: 20px;
    }

    .widgetBased_main .wb_range_slider .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
        right: -18px;
    }

    .widgetBased_main .wb_range_slider .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
        right: -18px;
    }
   
    /*start game card */
    .widgetBased_main .wb_card_wrapper {
        padding: 0 48px 24px;
    }

    .widgetBased_main .wb_card_main {
        grid-gap: 24px;
        grid-template-columns: repeat(3, 1fr);
    }
    .widgetBased_main .wb_card_main.card_main_vertical {
        grid-template-columns: repeat(4, 1fr);
    }

    .widgetBased_main .card_main_standard .wb_card_standard .wb_card_body,
    .widgetBased_main .skeleton-wbp_games_standard .skeleton-wbp_games__img {
        width: 340px;
        height: 224px;
    }

    .widgetBased_main .card_main_vertical .wb_card_vertical .wb_card_body,
    .widgetBased_main .skeleton-wbp_games_vertical .skeleton-wbp_games__img {
        width: 248px;
        height: 345px;
    }

    .widgetBased_main .lca-most-liked-no-slider {
    }

    .widgetBased_main .wb_card {
        border-radius: var(--cwCardRadius, 24px);       
    }

    .widgetBased_main .wb_card.wb_with_card_footer {
        padding-bottom: 72px;
    }

    .widgetBased_main .wb_card_body {
        height: calc(284px + (342 - 284) * (100vw - 1601px) / (1920 - 1601));
    }

    .widgetBased_main .wb_cascade_card .wb_card_vertical .wb_card_body,
    .widgetBased_main .wb_cascade_card.wb_card_viewAll,
    .widgetBased_main .wb_cascade_carousel {
        height: calc(446px + (538 - 446) * (100vw - 1601px) / (1920 - 1601));
    }

        .widgetBased_main .wb_cascade_carousel.wb_cascade_carousel_with_card_footer,
        .widgetBased_main .wb_cascade_card.wb_card_viewAll.wb_with_card_footer {
            height: calc(446px + (538 - 446) * (100vw - 1601px) / (1920 - 1601));
        }

    .widgetBased_main .wb_cascade_card .wb_card_vertical .wb_card_body {
        width: auto;
    }




    .most_liked_wrapper .wb_card_body {
        height: calc(176px + (486 - 176) * (100vw - 769px) / (1920 - 769));
    }

    .widgetBased_main .wb_card_horizontal .wb_card_body,
    .widgetBased_main .wb_card_viewAll.wb_card_horizontal,
    .widgetBased_main .wb_card_horizontal .skeleton-recommended__img {
        height: calc(216px + (262 - 216) * (100vw - 360px) / (1920 - 360));
        width: calc(656px + (796 - 656) * (100vw - 360px) / (1920 - 360));
    }

    .widgetBased_main .wb_card_viewAll.wb_card_horizontal.wb_with_card_footer {
        height: calc(216px + (262 - 216) * (100vw - 360px) / (1920 - 360) + 72px);
    }

    .widgetBased_main .wb_card_vertical .wb_card_body,
    .widgetBased_main .wb_card_viewAll.wb_card_vertical:not(.wb_cascade_card),
    .widgetBased_main .wb_card_vertical .skeleton-recommended__img {
        height: calc(292px + (356 - 292) * (100vw - 360px) / (1920 - 360));
        width: calc(208px + (256 - 208) * (100vw - 360px) / (1920 - 360));
    }

    .widgetBased_main .wb_card_viewAll.wb_with_card_footer.wb_card_vertical:not(.wb_cascade_card) {
        height: calc(292px + (356 - 292) * (100vw - 360px) / (1920 - 360) + 72px);
    }

    .widgetBased_main .onecard .wb_widget_slidedeck .wb_card_vertical .wb_card_body,
    .widgetBased_main .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_card_vertical:not(.wb_cascade_card),
    .widgetBased_main .onecard .wb_widget_slidedeck .wb_card_vertical .skeleton-recommended__img {
        height: calc(292px + (430 - 292) * (100vw - 360px) / (1920 - 360));
        width: calc(208px + (308 - 208) * (100vw - 360px) / (1920 - 360));
    }

    .widgetBased_main .onecard .wb_widget_slidedeck .wb_card_viewAll.wb_with_card_footer.wb_card_vertical:not(.wb_cascade_card) {
        height: calc(292px + (430 - 292) * (100vw - 360px) / (1920 - 360) + 72px);
    }

    .widgetBased_main .wb_card_standard .wb_card_body,
    .widgetBased_main .wb_card_viewAll.wb_card_standard,
    .widgetBased_main .wb_card_standard .skeleton-recommended__img {
        height: calc(216px + (262 - 216) * (100vw - 360px) / (1920 - 360));
        width: calc(320px + (388 - 320) * (100vw - 360px) / (1920 - 360));
    }

        .widgetBased_main .wb_card_viewAll.wb_card_standard.wb_with_card_footer {
            height: calc(216px + (262 - 216) * (100vw - 360px) / (1920 - 360) + 72px);
        }
 
    .widgetBased_main .wb_card_img {
      
        border-radius: var(--cwCardRadius, 20px);
    }

    .widgetBased_main .wb_with_card_footer .wb_card_img {
        border-radius: var(--cwCardRadius, 20px) var(--cwCardRadius, 20px) 0 0;
    }

    .widgetBased_main .wb_card_maxwin {
        font-size: 24px;
        line-height: 40px;
    }

    .widgetBased_main .wb_card_maxwin:after {
        font-size: 76px;
        margin-inline-start: 8px;
        line-height: 40px;
        width: 40px;
        height: 40px;
    }

    .widgetBased_main .wb_card_vertical .wb_card_buttons {
        gap: 16px;
    }


    .widgetBased_main .wb_card_topitems {
       
        padding: 16px;      
        border-radius: var(--cwCardRadius, 24px) var(--cwCardRadius, 24px) 0 0;
    }
    /*Start Most Liked*/
    .widgetBased_main .lca-most-liked-no-slider {
        grid-gap: 24px;
    }
    /*End Most Liked*/
    
    /*Card Footer*/
    .widgetBased_main .wb_card_footer {
        padding: 16px;        
        height: 72px;      
        gap: 8px;
    }

    .widgetBased_main .wb_card_footer:before {           
        border-radius: 0 0 var(--cwCardRadius, 24px) var(--cwCardRadius, 24px);            
    }

    .widgetBased_main .wb_card_name {        
        font-size: 24px;
        line-height: 40px;        
    }

    .widgetBased_main .wb_card_price {       
        margin-inline-start: 8px;
        font-size: 24px;      
        gap: 8px;
    }


    .widgetBased_main .wb_card_footer .wb_card_price .currency_icon.irt,
    .widgetBased_main .wb_card_footer .wb_card_price .currency_icon.IRT,
    .widgetBased_main .wb_card_footer .wb_card_price .currency_icon.ron,
    .widgetBased_main .wb_card_footer .wb_card_price .currency_icon.RON {
        font-size: 24px;
        line-height: 24px;
    }

    .widgetBased_main .wb_card_limit_count {
        line-height: 44px;
        font-size: 28px;
    }

    .widgetBased_main .wb_card_footer .wb_card_limit_count {
        font-size: 24px;
    }

    .widgetBased_main .wb_card_more {
        margin: 24px 0;
    }

    .widgetBased_main .wb_card_more_btn {
        padding: 24px;       
        font-size: 28px;
        line-height: 40px;       
        height: 88px;
    }

    .widgetBased_main .wb_card_maxwin + .wb_card_flag_wrapper {
        margin-inline-start: 8px;
    }


    /*Lobby Card Hover*/
    .widgetBased_main .wb_card_hover {       
        border-radius: var(--cwCardRadius, 24px);
    }

    .widgetBased_main .has_card_footer .wb_card_hover,
    .widgetBased_main .wb_with_card_footer .wb_card_hover {
        height: calc(100% - 70px);
        border-radius: var(--cwCardRadius, 24px) var(--cwCardRadius, 24px) 0 0;
    }


    .widgetBased_main .wb_card_hover_top {
        padding: 16px;
        font-size: 24px;
    }

    .widgetBased_main .wb_card_like {
        font-size: 24px;
        line-height: 40px;
    }

    .widgetBased_main .wb_card_like:before,
    .widgetBased_main .wb_card_favorite::before {
        font-size: 76px;            
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .widgetBased_main .wb_card_like:before {
        margin-inline-end: 8px;
    }

    .widgetBased_main .wb_card_hover_bottom {
        padding: 16px;
    }
    .widgetBased_main .wb_card_buttons {       
        padding: 0 16px;
        gap: 16px;
    }

    .widgetBased_main .wb_card_button {       
        padding-inline: 24px;
        border-radius: 16px;
        font-size: 28px;
        line-height: 44px;
        gap: 8px;
        min-height: 72px;
    }

    .widgetBased_main .wb_card_vertical .wb_card_button {
        min-width: 190px;
    }

    .widgetBased_main .wb_card_button.play_btn i {
        line-height: 32px;
        font-size: 48px;
        width: 32px;
    }
    .widgetBased_main .wb_card_jackpot_value {
        font-size: 24px;
        line-height: 24px;
        gap: 8px;
    }

    .widgetBased_main .wb_card_jackpot_value > .dynamic_icon,
    .widgetBased_main .wb_card_price > .dynamic_icon {
        font-size: 76px;
        line-height: 40px;
        width: 40px;
        height: 40px;           
    }

    .widgetBased_main .wb_content:not(.wb_content_singlegame) .wb_card_jackpot_value .component_jackpot_slider {
        max-width: 170px;
    }


    .widgetBased_main .wb_card_jackpot_value .currency_icon,
    .widgetBased_main .wb_card_price .currency_icon {
        line-height: 32px;
        font-size: 48px;
    }

        .widgetBased_main .wb_card_jackpot_value .currency_icon.IRT,
        .widgetBased_main .wb_card_jackpot_value .currency_icon.irt,
        .widgetBased_main .wb_card_jackpot_value .currency_icon.RON,
        .widgetBased_main .wb_card_jackpot_value .currency_icon.ron,
        .widgetBased_main .wb_card_price .currency_icon.IRT,
        .widgetBased_main .wb_card_price .currency_icon.irt,
        .widgetBased_main .wb_card_price .currency_icon.RON,
        .widgetBased_main .wb_card_price .currency_icon.ron {
            font-size: 28px;
            line-height: 26px;
        }

        .widgetBased_main .wb_card_jackpot_value .currency_icon.TND,
        .widgetBased_main .wb_card_jackpot_value .currency_icon.tnd,
        .widgetBased_main .wb_card_price .currency_icon.TND,
        .widgetBased_main .wb_card_price .currency_icon.tnd {
            font-size: 60px;
        }


    /*Start Skeleton loading Most Liked*/
    .widgetBased_main .skeleton-mostLiked__body {
        border-radius: var(--cwCardRadius, 24px);
        width: calc(100% / 5 - 20px);
    }

    .widgetBased_main .skeleton-mostLiked__img {
    }

    .widgetBased_main .skeleton-mostLiked__body:not(:last-child) {
        margin-inline-end: 24px;
    }

    .widgetBased_main .skeleton-mostLiked__footer {
        height: 72px;
    }

    /*End Skeleton loading Most Liked*/
    /*Start Skeleton loading Recommended*/
    .widgetBased_main .skeleton-recommended__body {
        border-radius: var(--cwCardRadius, 24px);
        width: calc(100% / 7 - 20px);
    }


    .widgetBased_main .onecard .wb_widget_slidedeck .wb_card_vertical .skeleton-recommended__img {
    }



    .widgetBased_main .skeleton-recommended__body:not(:last-child) {
        margin-inline-end: 24px;
    }


    .widgetBased_main .skeleton-recommended__footer {
        height: 72px;
    }


    /*End Skeleton loading Recommended*/
    .widgetBased_main .skeleton-wbp_games__body {
        border-radius: var(--cwCardRadius, 24px);
    }

    .widgetBased_main .skeleton-wbp_games__footer {
        height: 72px;
    }

    /*start single game*/
    .widgetBased_main .wb_content_singlegame .wb_gameWidget_box_info {
        min-height: 540px;       
    }

    .widgetBased_main .wb_content_singlegame .wb_gameWidget_box_description {
        margin-bottom: 24px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_borderBefore:after {
        width: 4px;
        height: 32px;
        margin-inline: 32px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_info .wb_card_border {
        width: 4px;
        height: 32px;       
        margin-inline: 32px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_info {
        margin-bottom: 48px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_button {
        padding: 20px 24px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_button.play_btn i {
        line-height: 40px;
        font-size: 64px;
        width: 40px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_buttons {
        gap: 24px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_like {
        font-size: 28px;
        line-height: 48px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_like:before,
    .widgetBased_main .wb_content_singlegame .wb_card_favorite:before,
    .widgetBased_main .wb_content_singlegame .wb_card_jackpot_value > .dynamic_icon,
    .widgetBased_main .wb_content_singlegame .wb_card_price > .dynamic_icon {
        width: 48px;
        height: 48px;
        font-size: 76px;
        line-height: 48px;
    }

    .widgetBased_main .wb_content_singlegame .wb_card_jackpot_value {
        font-size: 28px;
    }

    /*start top winners*/
    .widgetBased_main .wb_top_winners_block .wb_top_winners_container {
        gap: 48px;
    }
    
   
    .widgetBased_main .wb_top_winners_container.column-2.sw_beginning.sw_end .wb_top_winners_item {
        width: calc(50% - 24px) !important;
    }

    .widgetBased_main .wb_top_winners_container.column-3.sw_beginning.sw_end .wb_top_winners_item {
        width: calc(100% / 3 - 32px) !important;
    }

    .widgetBased_main .wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item_inner {
        gap: 24px;       
    }

    .widgetBased_main .wb_top_winners_container.column-1.sw_beginning.sw_end .wb_top_winners_item_inner .wb_top_winners__game {
        width: calc(50% - 12px);
    }

    .widgetBased_main .wb_top_winners_item {
        width: 100%;
        padding: 24px 48px 48px;
        padding-inline-end: 24px;
        border-radius: var(--cwCardRadius, 24px);
    }

    .widgetBased_main .wb_top_winners_item_title {
        padding-block: 12px;
        padding-inline-end: 24px;
        font-size: 40px;
        line-height: 56px;
        margin-bottom: 24px;
    }

    .widgetBased_main .wb_top_winners_item_inner {
        max-height: 636px;
        padding-inline-end: 24px;
    }
    /* width */
    .widgetBased_main .wb_top_winners_item_inner::-webkit-scrollbar {
        width: 12px;
    }       

    /* Handle */
    .widgetBased_main .wb_top_winners_item_inner::-webkit-scrollbar-thumb {
        border-radius: 200px;
    }

    .widgetBased_main .wb_top_winners__game {
        padding: 16px;       
        border-radius: 24px;
        min-width: 556px;
        height: 156px;
        column-gap: 16px;
    }

    .widgetBased_main .wb_top_winners__bet .wb_top_winners__text_bet {
        max-width: 186px;
    }

    .widgetBased_main .wb_top_winners__game .wb_img_type_3 {
        min-width: 460px;
    }

    .widgetBased_main .wb_topwinners_tab {
        margin-bottom: 24px;
    }

    .widgetBased_main .wb_top_winners__img_link {
        width: 184px;
        height: 124px;
        border-radius: 16px;
    }

    .widgetBased_main .wb_top_winners__text {
        row-gap: 2px;
    }

    .widgetBased_main .wb_top_winners__id.me_badge {
        line-height: 36px;
    }

    .widgetBased_main .wb_top_winners__id span {
        margin: 0 16px;
        font-size: 24px;
        line-height: 36px;
    }


    .widgetBased_main .wb_top_winners__id i {
        font-size: 54px;
        line-height: 40px;
        height: 20px;
        width: 20px;
    }

    .widgetBased_main .wb_top_winners__game.wb_img_type_Vertical {
        min-width: 460px;
    }

    .widgetBased_main .wb_top_winners__game.wb_img_type_Vertical .wb_top_winners__img_link {
        width: 88px;
    }

    .widgetBased_main .wb_top_winners__game a img {
        border-radius: 12px;
    }


    .widgetBased_main .wb_top_winners__value span {
        font-size: 32px;
        --icoSize: 32px;
    }

    .widgetBased_main .top_jackpots__crns .cw_icon_ron {
        --icoSize: 16px;
    }

    .widgetBased_main .wb_top_winners__value .cw_icon_USD,
    .widgetBased_main .wb_top_winners__value .top_jackpots__crns.tw_USD {
        --icoSize: 32px;
    }

    .widgetBased_main .wb_top_winners__date, .wb_top_winners__bet {
        font-size: 24px;
        line-height: 44px;
        --icoSize: 32px;
    }


    .widgetBased_main .wb_top_winners__bet span:not(.top_jackpots__crns) {
        font-size: 24px;
        line-height: 44px
    }

    .widgetBased_main .wb_top_winners__bet span:last-child:not(.top_jackpots__crns) {
        margin-inline-start: 8px
    }

    .widgetBased_main .wb_top_winners__value .wb_top_winners__value_split + span:not(.top_jackpots__crns) {
        font-size: 40px
    }

    .widgetBased_main .wb_top_winners__value,
    .widgetBased_main .wb_top_winners__value {
        column-gap: 8px;
    }

    .widgetBased_main .wb_top_winners__bet .top_jackpots__crns i {
        --icoSize: 28px;
        font-size: 14px;
        line-height: 24px;
    }

    .widgetBased_main .wb_top_winners__value_split {
        font-size: 32px;
        line-height: 44px
    }

    .widgetBased_main .wb_top_winners__value .top_jackpots__crns {
        line-height: 48px;
        --icoSize: 30px;
        height: 32px;
    }

    .widgetBased_main .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: 46px;
        --icoSize: 36px
    }

    .widgetBased_main .wb_top_winners__value .top_jackpots__crns.tw_eur,
    .widgetBased_main .wb_top_winners__value .top_jackpots__crns.tw_EUR {
        --icoSize: 26px;
    }

    .widgetBased_main .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: 32px;
        line-height: 32px;
    }

    .widgetBased_main .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: 28px;
    }

    .widgetBased_main .topWinsCategory_dropdown {
        gap: 24px
    }

    .widgetBased_main .topWinsDropdown_heading {
        border-radius: 96px;
        font-size: 28px;
        line-height: 40px;
        padding: 20px 24px;
        gap: 16px;
        height: 88px
    }

        .widgetBased_main .topWinsDropdown_heading:not(.single):after {
            font-size: 60px;
            width: 48px;
            height: 48px;
        }

    .widgetBased_main .tabs_dropdown {
        border-radius: 44px;
        gap: 8px;
        padding: 8px 0;
        top: calc(100% + 16px);
    }

        .widgetBased_main .tabs_dropdown .rd_header_tab_item {
            padding: 16px 24px;
            line-height: 40px;
        }

    .widgetBased_main .home_winners .rd_header_tab_item {
        gap: 16px
    }

    .widgetBased_main .no_dropdwon .topWinsCategory_wrapper {
        max-width: calc(100% - 540px)
    }

        .widgetBased_main .no_dropdwon .topWinsCategory_wrapper .rd_header_tab_item {
            max-width: calc((100vw - 920px)/2)
        }

    .widgetBased_main .no_dropdwon .topWinsTypes_wrapper {
        margin-inline-start: 24px
    }

        .widgetBased_main .no_dropdwon .topWinsTypes_wrapper:before {
            height: 88px;
            width: 2px;
            inset-inline-start: -24px
        }

    .widgetBased_main .no_dropdwon .topWinsTypes_wrapper {
        max-width: 516px;
    }

    .widgetBased_main .home_winners .topWins_tab_name, .topWinsTypes_heading span {
        padding: 0 2px
    }

    .widgetBased_main .topWinsCategory_heading > span {
        gap: 16px;
        max-width: calc(100% - 56px)
    } 

    .widgetBased_main .marquee-wrapper {
        gap: 24px;
    }

    .widgetBased_main .lb_card_topitems {        
        padding: 16px;      
    }

    .widgetBased_main .lb_card_badge {
        border-radius: 64px;
        padding: 2px 8px;
    }

    .widgetBased_main .lb_card_badge span {
        padding: 0 16px;
        max-width: 160px;
    }

    .widgetBased_main .lb_card_badge i {
        display: inline-flex;
        width: 28px;
        height: 28px;
        font-size: 56px;
        line-height: 28px;
    }
    /*end marquee wrapper*/

    .cw_wallet_drop_down_root{
            inset-inline-start: 0;
    }
}
