:root {
    --primary1: #001d47;
    --primary2: #03396c;
    --primary3: #005b96;
    --primary4: #0c3d85;
    --primary5: #036cdc;
    --text-light: #e1e1e1;
    --text-light2: #e2e2e2;
    --text-white: #f1f1f1;
    --text-white2: #f2f2f2;
    --bg-dark: #001b43;
    --bg-mid: #002b6b;
    --bg-input: #032f6e;
    --border-blue: #0054cd;
    --border-accent: #036cdc;
    --accent: #0052cb;
    --success: #00bf00
}

body {
    background: var(--primary1) !important
}

body .text-primary,
.lca-wrapper .search__icon,
.lca-navbar-lin,
.lca-filter-btn,
.lca-search-input::placeholder,
.lca-search-input,
.lca-nabvar-controller:before,
.lca-filter-price-input,
.lca-filter-title,
.lca-submenu-link.active,
.lca-submenu-link,
.lca-gv-modal .lca-navbar-link.active,
.lca-navbar-link:hover,
.lca-wrapper .filter_icon__lines,
.lca-navbar-item a,
.lca-navbar-link.active,
.top_winners__date,
.top_winners__bet,
.top_winners__value,
.top_winners__game,
.rd_header_tab_item,
.rd_header_tab_item.active,
.upload_doc_info,
.user_info-item,
a.tl_my_acc_nav_item,
a.tl_my_acc_nav_itemsp,
.dropdown a,
.footer_text,
.footer_change_language .tl_acc_lang,
.footer_change_language .footerLangtxt,
.kshljm>span,
.empVXr>span,
.jBSONy span,
.info_article p,
.additional-infos .info_title,
.tl_footer_link,
.tl_footer_links_heading,
.tl_footer_links_row h2,
.popup_lbl,
a.popup_lbl,
.popup_lbl_2,
a.popup_lbl_2,
.footer-privacy,
.dropdownColor,
.header__dropdown-menu .dynamic_icon-arrow,
.dynamic_menu .tl_main_nav_item:hover,
.dynamic_menu .tl_main_nav_item-active,
.header_more_btn,
.dynamic_menu .tl_main_nav_item,
.notification_close_btn,
.notification_icon,
.inbox_v2 .inbox-popup__item,
.inbox_v2 .inbox-popup__item-inner,
.tl_gh .tl_gh_result .tl_gh_result_item:nth-child(even),
.tl_gh .tl_gh_result .tl_gh_result_item:nth-child(odd),
.rslt_tbl>tbody>tr:hover,
.details_tbl>tbody>tr,
.links_container.profile a,
.additional-infos .moretext_inner,
.additional-infos .info_article p {
    color: var(--text-light) !important
}

.lca-navbar-lin,
.lca-filter-btn,
.lca-search-input {
    border-bottom: 1px solid var(--text-light)
}

.lca-wrapper-shadow.shadow-right:after,
.lca-wrapper-shadow.shadow-left:before,
.lca-filter-title {
    background: unset
}

.lca-filter-price {
    background: var(--primary1);
    border: 1px solid var(--primary5);
    border-radius: 4px;
    color: var(--text-light)
}

.lca-filter {
    background: var(--primary2) !important
}

.lca-main-wrapper .lca-submenu-link:hover,
.lca-filter-item:hover,
.lca-gv-game-btn-block span:hover,
.lca-submenu-link.active {
    background: var(--primary1) !important;
    color: #e4e4e4
}

.lca-submenu-link,
.rd_header_tab_item {
    background: var(--primary4) !important;
    border: 1px solid var(--primary5) !important;
    border-radius: 6px;
    color: var(--text-light)
}

.lca-gv-modal .lca-navbar-link.active,
.lca-navbar-link:hover,
.lca-navbar-link.active {
    background: var(--primary1);
    border-top: 2px solid var(--text-light);
    border-radius: 6px;
    color: var(--text-light)
}

.lca-navbar-item a {
    margin-right: 5px
}

.lca-filter-btn-text {
    color: var(--text-white)
}

.lca-filter-btn {
    border-color: var(--primary1)
}

.lca-submenu-row {
    background: #003160
}

.lca-navbar {
    background: var(--primary4) !important
}

.top_winners__id {
    border-radius: 6px;
    color: #fff !important;
    background: #02356b !important;
    border: 1px solid #02356b !important;
    padding: px
}

.rd_header_tab_item.active {
    border-bottom: 3px solid var(--text-light)
}

.rd_title,
.top_jackpots__value {
    color: var(--text-white2) !important
}

.inbox_v2 .inbox-popup__head .tl_head_close,
.inbox_v2 .inbox-popup__items-manage,
.inbox_v2 .deleteAll_icon,
.inbox_v2 .js_delete_msg,
.inbox_v2 .tl_mail_details,
.inbox_v2 .primary-text,
.inbox_v2 .item__id,
#newmessage_btn,
.promocode-container .promocode_txt,
.form-group .ui-datepicker-trigger,
.bonus_tab_list>li a,
.deposit_payment,
.payment_lbl,
.icon_color,
.tl_my_acc_cont_content .tl_head_close,
.tl_logged_in .tl_deposit_mail>i,
.checkbox+span,
.radio+span,
.tl_popup_content,
.tl_popup_content .tl_popup_link,
.form-group-label,
.tl_head_close,
.ui-widget input::placeholder,
.resend_btn,
.inbox_v2 .attach-btn,
.inbox_v2 #attachfile_btn,
.inbox_v2 .new-item__field::placeholder,
.inbox_v2 .inbox-popup__item .item__subtitle .item__intro,
.cashback .cashback__title,
.cashback__request .request__title,
.cashback__status .status__head,
.cashback .cashback__close-btn,
.dynamic_promo_category_item,
.tl_widget_heading,
.name_vidget,
.tm_match_time span,
.tm_match_teams_wrapper span,
.tm_match_title span,
.lobbyFilter_popup_btn span,
.lobbyFilter_popup_btn i,
.tl_mail_message_body,
.inbox_v2 .tl_mail_details_title,
.papara_desc {
    color: var(--text-light2) !important
}

.inbox_v2 .inbox-popup__head {
    background: var(--primary4) !important;
    border-bottom: 2px solid var(--text-light2)
}

#newmessage_btn {
    border: 2px solid #2196f3;
    background: 0 0 !important;
    border-radius: 6px;
    transition: all 0.25s;
    color: #2196f3 !important;
    font-weight: 600
}

#newmessage_btn:hover,
.inbox_v2 .inbox-popup__items-manage,
.inbox_v2 .inbox-popup__item.active {
    background: #2196f3 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4)
}

.inbox_v2 .inbox-popup__item,
a.tl_my_acc_nav_item,
a.tl_my_acc_nav_itemsp {
    border-radius: 4px;
    margin-bottom: 5px;
    background: #002d70;
    border: 1px solid var(--border-blue)
}

.inbox_v2 .inbox-popup__items,
.tl_my_acc_cont_nav {
    background: var(--bg-dark);
    padding: 10px;
}

.inbox_v2 p {
    color: var(--text-light2)
}

.inbox_v2 .inbox-popup__item-inner,
.tl_popup_clr,
.tl_popup_content {
    background: var(--bg-mid);
    color: var(--text-light);
}

.tl_btn-accent:hover,
a.tl_btn-accent:hover,
.add_game_popup .moregame:hover,
.tl_gh .tl_search_button:hover {
    filter: unset
}

.tl_gh .tl_gh_result .tl_gh_result_item:nth-child(even) {
    background: var(--primary1) !important
}

.tl_gh .tl_gh_result .tl_gh_result_item:nth-child(odd),
.rslt_tbl>tbody>tr:hover,
.details_tbl>tbody>tr {
    background: var(--primary4) !important
}

body .bg-secondary,
body .h-bg-secondary {
    background: var(--text-white)
}

input#update_my_prof,
.tl_payment_block .tl_deposit_button {
    border-radius: 25px;
    background: linear-gradient(135deg, #4fc3f7, #0288d1);
    border: none;
    box-shadow: 0 4px 15px rgba(2, 136, 209, 0.4);
    transition: all 0.25s;
    color: #fff;
    font-weight: 600
}

input#update_my_prof:hover,
.tl_payment_block .tl_deposit_button:hover {
    background: linear-gradient(135deg, #81d4fa, #29b6f6);
    box-shadow: 0 6px 20px rgba(2, 136, 209, 0.5);
    transform: translateY(-2px)
}

#profileForm .tl_input:disabled,
#my_prof .D_txtBox:disabled,
#my_prof .D_txtBox:read-only,
#profileForm .tl_input:read-only,
.tl_sel_custom_popup_reg_selected.disabled {
    border: 1px solid var(--border-blue);
    border-radius: 4px
}

.tl_payment_block .tl_payment_body .tl_input_popup,
.tl_payment_block .tl_payment_body .tl_sel_custom_popup_reg,
.tl_payment_block_inter .tl_payment_body_inter .tl_input_popup,
.tl_payment_block_inter .tl_payment_body_inter .tl_sel_custom_popup_reg,
#register_container .tl_input_popup_reg,
.tl_input_popup_reg,
.tl_sel_custom_popup_reg_selected,
.tl_input_popup,
.tl_input,
.tl_gh_filter,
.tl_sel_custom_popup_reg_language,
#register_container .tl_sel_popup_reg,
.dyn_input,
.dyn_select,
.bonus_search input {
    background: var(--primary1);
    border: 1px solid var(--border-blue);
    color: var(--text-light2) !important
}

.tl_payment_block:hover,
.tl_payment_block_inter:hover,
.tl_payment_inner_block:hover,
.tl_payment_block.active,
.tl_payment_inner_block.active .tl_payment_block_inter.active,
.tl_payment_cont .tl_payment_block.active,
.tl_payment_cont .tl_payment_inner_block.active .tl_payment_block_inter.active {
    background: #001f4c
}

.tl_payment_head {
    border-radius: 12px !important;
    color: #fff;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.9), rgba(13, 71, 161, 0.95)) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    transition: all 0.25s
}

.tl_payment_head:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
    transform: translateY(-3px)
}

.resend_btn {
    background: 0 0;
    border: 2px solid #64b5f6;
    border-radius: 20px;
    transition: all 0.25s;
    color: #64b5f6 !important;
    font-weight: 600
}

.resend_btn:hover {
    background: #64b5f6;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(100, 181, 246, 0.4)
}

/* === CONTAINER === */
.links_container.profile {
  background: linear-gradient(160deg, #1a6fd4 0%, #0f4fa0 60%, #0a3a7a 100%) !important;
  border: 1px solid rgba(120, 180, 255, 0.3) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.05) inset !important;
  overflow: hidden !important;
  padding: 0 !important;
  min-width: 210px !important;
  max-width: 210px !important;
  right: 0 !important;
  left: auto !important;
  margin-top: 10px !important;
  top: 100% !important;
}

/* === BAÅžLIK SATIRI === */
.links_container.profile > *:first-child {
  background: rgba(0, 0, 0, 0.25) !important;
  border-bottom: 1px solid rgba(147, 197, 253, 0.18) !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  letter-spacing: 0.3px !important;
}

/* === TÜM MENÜ ÖĞELERİ === */
.links_container.profile a,
.links_container.profile li,
.links_container.profile div:not(:first-child) {
  font-family: Arial, sans-serif !important;
  text-decoration: none !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid rgba(147, 197, 253, 0.18) !important;
  transition: background 0.18s ease, padding-left 0.18s ease, color 0.18s ease !important;
  background: transparent !important;
  list-style: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  letter-spacing: 0.2px !important;
}

/* === TÃœM CHILD BORDER RENKLERÄ° === */
.links_container.profile * {
  border-color: rgba(147, 197, 253, 0.18) !important;
}

/* === HOVER === */
.links_container.profile a:hover,
.links_container.profile li:hover,
.links_container.profile div:not(:first-child):hover {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.22), rgba(37, 99, 235, 0.08)) !important;
  color: #ffffff !important;
  padding-left: 22px !important;
}

/* === SON ITEM (Çıkış) === */
.links_container.profile a:last-child,
.links_container.profile li:last-child {
  border-bottom: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.links_container.profile a:last-child:hover,
.links_container.profile li:last-child:hover {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.22), rgba(37, 99, 235, 0.08)) !important;
  color: #ffffff !important;
  padding-left: 22px !important;
}


.tl_deposit_button, .transferDropdown, .ternBtn, .tl_register_button, .tl_head_promos a, .header__top-promolink,  .header__fixed-right .h-bg-primary.tl_btn, .forgot_btn, #donebutton, .cw_sign_in_button.tl_btn, .dyn_button_back, .dyn_button_next, .cw_deposit_button.tl_btn, .inboxDialog, .header__dropdown-menu, .tl_acc_balance a, .tl_my_acc_cont_nav a {
    background: #051650 !important;
    border: 1px solid rgba(84,140,255,0.28) !important;
    border-radius: 4px !important;
    color: #fff !important;
    transition: all 0.25s !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    box-shadow: #0543a7 0 2px,#0543a7 1px 1px 9px !important;
    text-shadow: #0061ee 1px 0px 1px, #00409d 0px 0px 1px !important;

}

.tl_acc_lang .links_container {
    background: #091336 !important;
        border: 1px solid rgba(84,140,255,0.28) !important;
    color: #fff !important;
    box-shadow: #0543a7 0 2px,#0543a7 1px 1px 9px !important;
    margin-top:15px;
}
.tl_dropdown_style:hover{
    background: #051650;
    color: #fff;
}


.tl_logged_in .tl_deposit_button:hover,
.transferDropdown:hover,
.ternBtn:hover,
.tl_register_button:hover,
.tl_head_promos a:hover,
.header__top-promolink:hover,
body .h-bg-primary:hover,
.cw_sign_in_button.tl_btn:hover,
a.registerDialog.tl_btn.h-bg-primary:hover,
.dyn_button_next:hover,
.dyn_button_back:hover,
.cw_deposit_button.tl_btn:hover,
.inboxDialog:hover,
.header__dropdown-menu:hover,
.tl_acc_balance a:hover,
.tl_my_acc_cont_nav a:hover,
.tl_btn:hover {
    background: #091336;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transform: translateY(-2px)
}

.tl_logged_in .tl_deposit_button:active,
.tl_register_button:active,
.cw_sign_in_button.tl_btn:active,
.cw_deposit_button.tl_btn:active,
.tl_btn:active {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2)
}

.D_logo,
.tl_logo a,
.footer_logo {
    background-image: url(https://i.ibb.co/xqPp969F/f-logo-whitez.webp) !important
}

.tl_popup_header,
.tl_popup_dialog_styling>.ui-widget-header {
    border-radius: 6px 6px 0 0;
    background: var(--primary4) !important;
    border-bottom: 2px solid var(--text-light2)
}

.tl_popup_content {
    border-radius: 6px;
    background: var(--primary1) !important
}

.fixed_social_icons {
    left: 0
}

.header_nav__more_content,
.header_nav__more_content .bg-tert,
.dynamic_menu .header_nav__dropdown {
    background: #001D47 !important;
}

.dynamic_menu .tl_bot_header_cont>div {
    margin-right: 10px
}

.dynamic_menu .header_nav__dropdown {
    padding: 3px
}

.dynamic_menu .header_nav__dropdown a {
    border-bottom: 2px solid var(--text-light2);
    margin-top: 5px
}

.jxaynd,
.RrXeR {
    background-color: #f5f9fd !important
}

.tm_match_container,
.tm_header_heading {
    background: var(--primary4) !important;
    border: 1px solid var(--primary5)
}

.tm_header_heading {
    border-radius: 6px
}

.tm_match {
    border-radius: 10px !important
}

.additional-infos {
    background: #001d47 !important;
    border: 1px solid var(--primary5) !important;
    box-shadow: 0 1px 6px var(--primary5) !important
}

.tl_footer {
    background: var(--primary4)
}

.header_more_btn,
.dynamic_menu .tl_main_nav_item,
.dynamic_menu .tl_main_nav_item:hover {
    background: linear-gradient(180deg, #1976d2, #1565c0) !important;
    border: none;
    border-radius: 6px;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25)
}

.dynamic_menu .tl_main_nav_item:hover {
    transform: translateY(-1px)
}

.dynamic_menu .tl_header_bot_row_fix {
    max-width: 100% !important;
    margin-inline-start: 24px !important
}

.header_more_btn {
    padding: 8px
}

.header_nav__more {
    padding-left: 0
}

.fixed_head {
    border-bottom: 4px solid #002644;
    height: 65px;
    background: var(--primary1) !important
}

.tl_logo a {
    width: 170px;
    height: 50px
}

.tl_header_top_row .tl_header_top_row_fix {
    padding: 5px 24px 24px
}

.tl_time {
    display: none
}

.notification_static_content~.tl_header_top_row {
    top: 40px;
    height: 68px
}

.notification_wrapper {
    max-width: 100%
}

.notification_close_btn {
    font-size: 10px;
    border: 2px solid var(--text-light);
    padding: 4px;
    border-radius: 100%
}

.notification_close_btn:hover {
    color: #008bff;
    border-color: #008bff
}

.notification_static_content {
    height: 45px;
    background: var(--primary1)
}

.notification_content {
    border-radius: 4px;
    padding: 15px !important;
    height: 40px;
    background: #00204b;
    border-bottom: 2px solid #008bff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}
.notification_text {
    font-size: 14px;
    padding-top: 5px;
    color: var(--text-light2) !important
}

.notification_icon {
    font-size: 22px;
    height: 23px;
    width: 25px;
    background-color: var(--primary5);
    border: 1px solid #008bff
}

.dyn_homepage,
.tl_header_top_row,
.tl_header_bot_row {
    background: var(--primary1)
}

.tl_header_bot_row {
    padding-top: 75px
}

.tl_header_top_row {
    box-shadow: none
}

.fixed_head .notification_content {
    display: none !important
}

.cashback-backdrop.opened .cashback {
    background: var(--bg-mid)
}

.cashback__request,
.cashback__status {
    background: #00327a !important;
    border: none !important;
    color: var(--text-light2);
    border-radius: 6px !important
}

.dynamic_promo_category_item,
.tl_widget_heading,
.name_vidget {
    border-radius: 6px;
    background: #053377
}

.tm_match_logo,
.tm_odd {
    background: var(--text-white2) !important
}

@media (max-width:1580px) {
    .dynamic_menu .tl_header_bot_row_fix {
        margin-inline-start: 0 !important
    }

    .dyn_homepage {
        padding: 0 15px
    }
}

.story__item img,
.story__item {
    border-radius: 100px !important
}



.top_jackpots__anim {
    transition: 1s box-shadow;
    position: relative
}

.top_jackpots__anim::before,
.top_jackpots__anim::after {
    display: none !important;
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border-right: 3px solid var(--text-white2);
    z-index: -2;
    top: 15px;
    left: 10px;
    background: linear-gradient(to right, #021b79, #0575e6)
}

.top_jackpots__hover_content {
    background: var(--primary1) !important;
    border: 2px solid var(--text-white2) !important
}

.top_jackpots__hover_winners,
.top_jackpots__hover_btn {
    background: linear-gradient(135deg, #004cbb, #00409d) !important;
    border-radius: 8px
}

.top_jackpots__hover_btn {
    border: none !important;
    box-shadow: 0 4px 15px rgba(26, 35, 126, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    transition: all 0.25s;
    font-weight: 600;
    color: #fff
}

.top_jackpots__hover_btn:hover {
    background: linear-gradient(135deg, #283593, #3949ab) !important;
    box-shadow: 0 6px 20px rgba(26, 35, 126, 0.6);
    transform: translateY(-2px)
}

.main-wrapper {
    background: var(--primary1)
}

.banners__slider_number,
.arrow__prev,
.arrow__next {
    margin-right: 10px
}

.lobbyFilter_wrapper {
    background: #fefefe
}

.lobbyFilter_provider_item {
    border-radius: 6px;
    background: var(--primary1);
    border: none;
    color: var(--text-white2) !important
}

.lobbyFilter_popup_btn {
    background: #1565c0;
    border: none !important;
    border-bottom: 3px solid #0d47a1 !important;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
    font-weight: 600;
    color: #fff
}

.lobbyFilter_popup_btn:hover {
    background: #1976d2;
    border-bottom-color: #1565c0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transform: translateY(-1px)
}

.lobbyFilter_group_item:before {
    display: none
}

.lobbyFilter_popup_content {
    background: var(--text-white2)
}

.lobbyFilter_clear_btn:disabled {
    color: #000
}

.jackpot_item_content_wrapper {
    border: 2px solid var(--text-white2);
    padding: 20px
}


.bonus_list li {
    color: var(--text-white2)
}

.bonus_btn,
a.bonus_btn,
.bonus_timer li {
    background: linear-gradient(90deg, #ffc107, #ffca28 50%, #ffd54f);
    margin-top: 5px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 3px 10px rgb(7 59 255 / 40%);
    transition: all 0.25s;
    color: #1a1a2e !important;
    font-weight: 700;
    transform: skewX(-5deg)
}

.bonus_btn>*,
a.bonus_btn>* {
    transform: skewX(5deg)
}

.bonus_btn:hover,
a.bonus_btn:hover {
    background: linear-gradient(90deg, #ffca28, #ffd54f 50%, #ffe082);
    box-shadow: 0 5px 15px rgba(255, 193, 7, 0.5);
    transform: skewX(-5deg) translateY(-2px)
}

.lb_card_footer,
.pn_card_footer {
    background: var(--text-white2) !important
}

.lb_card_button.play_btn,
.lb_card_button.play_btn i,
.lb_card_like:before,
.lb_card_favorite::before {
    color: #fff !important
}

.tl_head_promos a .text {
    display: block !important
}

.story__item:after {
    position: absolute;
    content: "";
    width: 170px;
    height: 170px;
    border-radius: 100%;
    background: url(https://milu.kelvora.click/plat/prd/Img/partners/1204/border/border1.webp) center/120%;
    animation: waves2 15s linear infinite
}

.story__swiper .swiper-slide.seen .story__item img,
.story__swiper .swiper-slide.seen .story__item video {
    border: none
}

.tl_head_promos a {
    position: relative
}

.tl_head_promos a:active {
    transform: scale(1)
}

.tl_head_promos a:before,
.tl_head_promos a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    transform: translateX(-10%);
    z-index: -1000;
    background-repeat: no-repeat
}

.tl_head_promos a:hover:before {
    top: -70%;
    background-image: radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, transparent 20%, #4cbbe8 20%, transparent 30%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, transparent 10%, #4cbbe8 15%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    background-position: 50% 120%;
    animation: topBubbles 0.6s
}

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%
    }

    50% {
        background-position: 0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%
    }

    to {
        background-position: 0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0
    }
}

.tl_head_promos a:hover::after {
    bottom: -70%;
    background-image: radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, transparent 10%, #4cbbe8 15%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%), radial-gradient(circle, #4cbbe8 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
    background-position: 50% 0;
    animation: bottomBubbles 0.6s
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0
    }

    50% {
        background-position: 0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0
    }

    to {
        background-position: 0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0
    }
}

@keyframes neoner {

    0%,
    50% {
        box-shadow: 0 0 5px 3px #3f51b5
    }

    25%,
    to {
        box-shadow: 0 0 5px 3px #79a7ea
    }
}

.tl_sel_custom_popup_reg_language,
.tl_sel_custom_popup_reg_selected:active,
.tl_sel_custom_popup_reg_selected.active,
.tl_sel_custom_popup_reg_options {
    background: var(--bg-mid)
}

ul.tl_sel_custom_popup_reg_options li.active,
ul.tl_sel_custom_popup_reg_options li {
    color: #fff !important
}

.promoNews_section {
    background: unset !important
}

.pn_card {

}

button.js_news_promo_see_more_btn.pn_card_button.h-bg-secondary {
    color: #000 !important
}

.pn_category_item.active .dynamic_icon,
.pn_category_item:hover .dynamic_icon,
.pn_category_item.active,
.pn_category_item:hover {
    color: #fff !important
}

.story__item {
    width: 175px !important
}

.story__item img,
.story__item video {
    width: 140px !important;
    height: 140px !important
}

.dgw_event_widget_wrapper .dgw_event_widget_tab_wrapper .dgw_event_widget_tab_item {
    border-radius: 4px
}

.dgw_event_card .dgw_event_card_body .dgw_event_card_odds .dgw_event_card_odd {
    background: linear-gradient(180deg, #37474f, #263238);
    border: none;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    transition: all 0.2s;
    color: #fff
}

.dgw_event_card .dgw_event_card_body .dgw_event_card_odds .dgw_event_card_odd:hover {
    background: linear-gradient(180deg, #455a64, #37474f);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px)
}

img.lobbyFilter_group_item_icon {
    filter: invert(42%) sepia(100%) saturate(445%) hue-rotate(183deg) brightness(96%) contrast(92%)
}

.tl_logo {
    margin-right: 25px
}

.cw_promo_popup_header {
    background-color: #032e73 !important;
    color: #fff !important;
    border-radius: 10px !important
}

.cw_promo_popup_root {
    border-radius: 10px !important;
    background-color: var(--primary1) !important
}

.header__fixed {
    top: 5px;
    background: var(--primary1)
}

.header__logo img {
    display: none
}

.header__logo {
    width: 300px;
    height: 50px;
    margin-top:5px;
    background-image: url(https://i.ibb.co/xqPp969F/f-logo-whitez.webp) !important
}

.footer {
    background: var(--primary1) !important
}



.dyn_regPopup_header,
#loginContent .tl_popup_header,
.tl_gh .tl_gh_result .tl_gh_result_heading,
.bonuses_content.bonus-history .rslt_tbl_heading,
.bn_left_card .bonus_card_body {
  background: #0f1e3a !important;
  border: 1px solid #1e3a6e;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.dyn_input,
.dyn_select:focus,
.tl_sel_popup_reg:focus,
.tl_input_popup_reg:focus {
    background: var(--bg-input) !important
}

.dyn_input,
.dyn_select {
    border: 1px solid #0047ab
}



.count_bonus-number,
.alb_bonus_count {
    background: var(--success) !important
}

.dyn_input:read-only,
.dyn_input:disabled,
.dyn_prof_user_info_top,
.tl_sel_popup_reg,
.tl_input_popup_reg,
.full_data table thead tr,
.bonuses_content.bonus-history .rslt_tbl>tbody>tr {
    background: var(--bg-dark) !important;
    color: var(--text-white2) !important
}

.inbox_v2 .attach-btn,
.inbox_v2 #attachfile_btn {
    background: var(--primary4) !important
}

.tl_sel_popup_reg,
.tl_input_popup_reg,
.tl_call_time .tl_sel_custom_popup_reg_hidden,
.tl_my_acc_cont_content .tl_input {
    background: #00255b !important;
    border: none
}

.full_data table tbody tr:nth-child(odd) {
    background: #002e72 !important
}

.full_data table tbody tr:nth-child(even) {
    background: #0c48a2 !important
}

.full_data table td {
    color: var(--text-light2) !important
}

.bonus_info_content,
.bonus_timer.time_expire li span:last-child {
    background: var(--bg-mid)
}

.bonus_timer.time_expire li span:last-child {
    color: var(--success)
}

a.tl_main_nav_item.tl_main_nav_item-active,
.tl_main_nav_item.tl_main_nav_item-active,
.tl_main_nav_item:hover,
a.tl_main_nav_item:hover,
a.tl_main_nav_item.tl_main_nav_item-active .dynamic_icon,
a.tl_main_nav_item:hover .dynamic_icon {
    color: var(--text-white2) !important
}

.banners__slider_number_gradient {
    display: none
}

.dyn_regPopup .tl_head_close {
    color: #000 !important
}

.dyn_regPopup .radioBox_text,
.dyn_regPopup .checkBox_label,
.call_request_content .call_request_dec,
.call_request_content .call_request_title,
.tl_my_acc_cont_content .tl_input::placeholder,
.tl_call_time .tl_sel_custom_popup_reg:after,
.call_request_content .cw_input_area_state_indicator,
.tabs .tab__item,
.tournament__head-wrapper .tournament-title,
.leaderboard .leaderboard__table-info,
.tournaments .text-high,
.tournament__games .tournament__games-title,
.cw_view_icon,
[class^="cw_icon"],
[class*=" cw_icon"],
.cw_icon,
a.bonusSeeMore.bonus_btn,
.bonus_btn.pending_bonus_btn,
.no_data_found_txt {
    color: var(--text-white2) !important
}

.dyn_regPopup .radioBox_icon {
    border: 2px solid var(--text-white2)
}

.dyn_regPopup_banner,
.bonus_card_body.new_bonus_card {
    background: var(--primary1)
}

.bn_description,
.leaderboard .leaderboard__user-info,
.leaderboard .leaderboard__table .leaderboard__table-head,
.description,
.tournament__games .tournament__games-search input {
    background: var(--text-white2) !important
}

.event-list--all,
.call_request_content {
    background: var(--bg-mid)
}

.bn_left_card.bonus_card_box .bonus_card_body li span {
    color: #fff
}

#sport_div_iframe,
.tournament__games {
    margin-top: 20px
}

.tournament-card .card__footer,
.tabs .tab__item.active {
    background: var(--text-white2) !important
}

.tournament-card .card__details:hover {
    background: #1461bc;
    color: var(--text-white2)
}

.tabs .tab__item.active {
    color: #1a1a1a !important
}

.leaderboard .leaderboard__table .leaderboard__table-inner .table-row {
    background: #021e48 !important;
    color: var(--text-white2) !important
}

.lobbyFilter_group_slider .arrow__prev,
.lobbyFilter_group_slider .arrow__next {
    background: #1873cf !important;
    color: var(--text-white2) !important
}

.lca-card-btn-wrapper .game__link_demo,
.header__fixed-right .tl_btn,
.lobbyFilter_search_wrapper .lobbyFilter_popup_btn {
    background: #1873cf
}

.lca-card-btn-wrapper .game__link_demo:hover,
.header__fixed-right .tl_btn:hover,
.lobbyFilter_search_wrapper .lobbyFilter_popup_btn:hover {
    background: var(--primary1)
}

.lb_card_button.demo_btn {
    background: var(--text-white2) !important
}

.top_jackpots__hover_content span,
.top_jackpots__hover_win__id,
.top_jackpots__hover__date {
    color: #f2f2f2 !important
}

.cashier_fixed_header {
    background: #f2f2f2
}

.cashier_fixed_header .reg_close {
    color: #000 !important
}

#loginContent .tl_popup_header {
    background: #f2f2f2 !important
}

#loginContent .tl_popup_header .tl_head_close,
.tl_head_text {
    color: #000 !important
}

@media (min-width:600px) {
    .dynamic_menu .tl_header_bot_row_fix {
        max-width: 100% !important;
        margin-inline-start: 24px !important
    }
}

.banners_card_stream {
    padding: 0;
    margin: 0
    
}

.brequest_popup {
    background: #001d47 !important
}

.brequest_popup_header_title {
    color: #f2f2f2 !important
}

.brequest_popup_header p {
    color: #f2f2f2 !important
}

.brequest_popup_item {
    background: #f2f2f2 !important
}

.brequest_popup_item_details {
    background: #001d47 !important
}

.brequest_popup_item_details_text {
    color: #f2f2f2 !important
}

.brequest_popup_item_details_more {
    color: #f2f2f2 !important
}

.brequest_popup_footer_btn {
    background: #1873cf !important;
    color: #f2f2f2 !important
}

.brequest_popup_footer_btn:hover {
    background: #001d47 !important;
    color: #f2f2f2 !important
}

.brequest_popup_close {
    color: #f2f2f2 !important
}

.brequest_popup_item {
    margin: 10px !important
}
.d-flex.tl_time.align-items-center {
  font-weight: bold;
  color: #fff;
}

.priceMachine_section .btn_promo__primaryBorder {
  background-color: #034ea2 !important;
   color: white !important;
  border: 1px solid #034ea2 !important;
}

.priceMachine_section .btn_promo__primaryBorder:hover {
  background-color: #0256c7 !important;
   color: white !important;
  border: 1px solid #0256c7 !important;
}


/* Container */
#js_card_stream_2254.dynamicBanners {
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    position: relative;
    direction: ltr !important;
}

/* Beyaz fade alanlarını temaya göre düzenle */
#js_card_stream_2254.dynamicBanners::before,
#js_card_stream_2254.dynamicBanners::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 2;
    pointer-events: none;
}

#js_card_stream_2254.dynamicBanners::before {
    left: 0;
    background: linear-gradient(to right, #0d2347, transparent);
}

#js_card_stream_2254.dynamicBanners::after {
    right: 0;
    background: linear-gradient(to left, #0d2347, transparent);
}

#js_card_stream_2254 .swiper-wrapper {
    display: flex !important;
    align-items: stretch;
    flex-direction: row !important;
}

#js_card_stream_2254 .swiper-wrapper > .swiper-slide {
    flex-shrink: 0;
    height: auto !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

/* Item */
#js_card_stream_2254 .dynamicBanners_item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 130px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #0a1628 !important;
    border: 1px solid rgba(0, 160, 255, 0.15) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.3s ease !important;
    outline: none !important;
}



#js_card_stream_2254 .dynamicBanners_item {
    border-color: #00000030 !important;    background: linear-gradient(132deg, rgba(0, 64, 157, 1) 3%, rgba(0, 20, 60, 1) 91%) !important;
    animation: border-glow 1.8s ease-in-out infinite;
}

/* Hover */
#js_card_stream_2254 .dynamicBanners_item:hover {
    border-color: rgba(0, 150, 255, 0.9) !important;
    background: linear-gradient(132deg, rgba(0, 85, 190, 1) 3%, rgba(0, 35, 90, 1) 91%) !important;}

#js_card_stream_2254 .dynamicBanners_img {
    width: 80% !important;
    height: 80% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Ok butonları */
.sq2254-prev,
.sq2254-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 34px;
    height: 34px;
    background: rgba(0, 20, 60, 0.8);
    border: 1px solid rgba(0, 160, 255, 0.5) !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 0 10px rgba(0, 160, 255, 0.3);
    outline: none;
}

.sq2254-prev { left: 8px; }
.sq2254-next { right: 8px; }

.sq2254-prev:hover,
.sq2254-next:hover {
    background: rgba(0, 40, 100, 0.9);
    box-shadow: 0 0 20px rgba(0, 220, 255, 0.8);
    border-color: rgba(0, 220, 255, 1) !important;
}

.sq2254-prev svg,
.sq2254-next svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: #00cfff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sq2254-prev.swiper-button-disabled,
.sq2254-next.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}




@media (max-width: 768px) {
    #js_card_stream_2254 .dynamicBanners_item {
        height: 85px !important;
    }
}
.top_jackpots__crns {
    color: #ffffff !important;
}
/* EN YÜKSEK KAZANÇLAR - CAROUSEL CSS */

.dynamic_container.top_winners_block {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

.rd_title__block {
    margin-bottom: 25px !important;
}


/* Sol üst + sağ alt köşe */

.js_top_winners_cont {
    display: none !important;
}

.topWinsCategory_wrapper,
.topWinsTypes_wrapper {
    display: none !important;
}

/* CAROUSEL CONTAINER */
.js_top_winners_container {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    margin-bottom: 40px !important;
}

.top_winners__page {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
}

.swiper-wrapper {
    display: flex !important;
}

/* CAROUSEL ITEMS */
.top_winners__game {
    /* min-width: calc((100% - 36px) / 4) !important; */
    flex-shrink: 0 !important;
    background: rgba(0, 50, 120, 0.4) !important;
    border: 2px solid rgba(100, 150, 200, 0.3) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    position: relative !important;
    height: auto !important;
}

.top_winners__game:hover {
    border-color: rgba(0, 217, 255, 0.6) !important;
    box-shadow: 0 0 15px rgba(0, 217, 255, 0.2) !important;
}







.top_winners__id {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    gap: 6px !important;
    display: flex !important;
    align-items: center !important;
}

.top_winners__id i {
    color: #00d9ff !important;
    font-size: 12px !important;
    width: 1p4x !important;
    height: 14px !important;
}

.top_winners__value {
    white-space: nowrap !important;
    line-height: 30px !important;
    min-height: 30px !important;
    align-items: center !important;
}



.top_winners__date {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}



/* NAVIGATION */
.js_top_winners_container {
    position: relative !important;
}

.top_winners__page {
    position: relative !important;
}

.swiper-wrapper {
    position: relative !important;
}

#js_winner_types_52 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 15px !important;
    z-index: 50 !important;
    pointer-events: none !important;
}


.js_top_w_nav {
    display: none !important;
}

.js_top_w_nav:hover:not(.swiper-button-disabled) {
    display: none !important;
}

.js_top_w_nav.swiper-button-disabled {
    display: none !important;
}

.js_top_w_nav i {
    display: none !important;
}

/* SPORTS CATEGORIES CAROUSEL */
.sports-categories-section {
    margin-top: 30px !important;
}

.sports-categories-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
}

.sports-categories-container {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding-bottom: 10px !important;
    scroll-behavior: smooth !important;
}

.sports-categories-container::-webkit-scrollbar {
    height: 4px !important;
}

.sports-categories-container::-webkit-scrollbar-track {
    background: rgba(100, 150, 200, 0.1) !important;
}

.sports-categories-container::-webkit-scrollbar-thumb {
    background: rgba(0, 217, 255, 0.3) !important;
    border-radius: 2px !important;
}

.sports-category-item {
    flex-shrink: 0 !important;
    min-width: 140px !important;
    height: 100px !important;
    background: rgba(0, 30, 80, 0.6) !important;
    border: 2px solid rgba(100, 150, 200, 0.3) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 12px !important;
    text-align: center !important;
}

.sports-category-item:hover {
    border-color: rgba(0, 217, 255, 0.5) !important;
    box-shadow: 0 0 12px rgba(0, 217, 255, 0.2) !important;
}

.sports-category-item.active {
    border-color: #00d9ff !important;
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.4), inset 0 0 10px rgba(0, 217, 255, 0.05) !important;
    background: rgba(0, 60, 140, 0.6) !important;
}

.sports-category-icon {
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 28px !important;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .top_winners__game {
        /* min-width: calc((100% - 24px) / 3) !important; */
    }

    .sports-category-item {
        min-width: 120px !important;
    }
}

@media (max-width: 768px) {
    .top_winners__game {
        min-width: calc((100% - 12px) / 2) !important;
    }

    .top_winners__value_split {
        font-size: 18px !important;
    }

    .top_winners__id {
        font-size: 12px !important;
    }

    .top_jackpots__crns {
        font-size: 12px !important;
    }

    .top_winners__date {
        font-size: 11px !important;
    }

    .sports-category-item {
        min-width: 100px !important;
        height: 80px !important;
    }

    #js_winner_types_52 {
        padding: 0 10px !important;
    }

    .js_top_w_nav {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }

    .js_top_w_nav i {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .top_winners__game {
        min-width: 100% !important;
    }

    .top_winners__value_split {
        font-size: 16px !important;
    }

    .top_winners__img_link {
        width: 45px !important;
        height: 45px !important;
    }

    .sports-category-item {
        min-width: 90px !important;
        height: 70px !important;
    }

    #js_winner_types_52 {
        padding: 0 5px !important;
    }

    .js_top_w_nav {
        width: 34px !important;
        height: 34px !important;
        font-size: 13px !important;
    }

    .js_top_w_nav i {
        font-size: 13px !important;
    }
}
/* ── WRAPPER ── */
.tl_header_navigation {
  display: flex;
  align-items: center;
  background: transparent;
  padding: 8px 10px;
  gap: 6px;
  position: relative;
  padding-bottom: 20px ;
}

/* ── ANA LINK ── */
.tl_main_nav_item {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}

.tl_main_nav_item-inner {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border-radius: 6px;
  /* hover görüntüsü default oldu */
  border: 2px solid;
  background: #001D47;
  border-color: rgba(10, 30, 70, 0.95);
 box-shadow: #0543a7 0 2px,#0543a7 1px 1px 9px !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* yazı — beyaz + hafif neon */
.tl_main_nav_item-inner > span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #ffffff;
  text-shadow:
    0 0 6px rgba(77, 184, 255, 0.5),
    0 0 14px rgba(77, 184, 255, 0.2);
  transition: text-shadow 0.3s;
}

/* icon */
.tl_main_nav_item-inner > .dynamic_icon {
  flex-shrink: 0;
  filter: drop-shadow(0 0 3px rgba(77, 184, 255, 0.6));
  transition: filter 0.3s;
}

/* dropdown ok */
.dropdown_arrow {
  display: inline-block;
  width: 6px !important;
  height: 6px !important;
  border-right: 1.5px solid rgba(255, 255, 255, 0.7);
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.7);
  background: transparent !important;
  mask: none !important;
  -webkit-mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transform: rotate(45deg) translateY(-2px);
  flex-shrink: 0;
  transition: border-color 0.3s, filter 0.3s;
}

/* ── HOVER — daha güçlü neon ── */
.tl_main_nav_item:hover .tl_main_nav_item-inner {
  background: rgba(10, 30, 70, 0.95);
  border-color: rgba(10, 30, 70, 0.95);
    box-shadow: #0543a7 0 2px,#0543a7 1px 1px 9px !important;
}

.tl_main_nav_item:hover .tl_main_nav_item-inner > span {
  text-shadow:
    0 0 8px rgb(18 49 131),
    0 0 20px rgb(7 31 78 / 70%),
    0 0 40px rgba(77, 184, 255, 0.35);
}

.tl_main_nav_item:hover .tl_main_nav_item-inner > .dynamic_icon {
  filter: drop-shadow(0 0 6px #00409d) drop-shadow(0 0 12px rgba(77, 184, 255, 0.6));
}

.tl_main_nav_item:hover .dropdown_arrow {
  border-color: rgba(10, 30, 70, 0.95);
  filter: drop-shadow(0 0 4px #4db8ff);
}

/* ── MORE BUTTON ── */
.header_nav__more {
  position: relative;
  margin-left: 2px;
}

.header_more_btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 13px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #ffffff;
  text-shadow:
    0 0 6px rgba(77, 184, 255, 0.5),
    0 0 14px rgba(77, 184, 255, 0.2);
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #4db8ff;
  background: rgba(15, 35, 70, 0.75);
  box-shadow:
    0 0 6px rgba(77, 184, 255, 0.45),
    0 0 14px rgba(77, 184, 255, 0.18),
    inset 0 0 8px rgba(77, 184, 255, 0.06);
  white-space: nowrap;
  list-style: none;
  transition:
    border-color 0.3s,
    box-shadow 0.3s,
    text-shadow 0.3s,
    background 0.3s;
}

.header_more_btn::before,
.header_more_btn::after {
  display: none !important;
  content: none !important;
}

.header_nav__more:hover .header_more_btn {
  background: rgba(10, 30, 70, 0.95);
  border-color: #7dd4ff;
  text-shadow:
    0 0 8px rgba(77, 184, 255, 1),
    0 0 20px rgba(77, 184, 255, 0.7),
    0 0 40px rgba(77, 184, 255, 0.35);
  box-shadow:
    0 0 10px rgba(77, 184, 255, 0.8),
    0 0 25px rgba(77, 184, 255, 0.45),
    0 0 50px rgba(77, 184, 255, 0.2),
    inset 0 0 16px rgba(77, 184, 255, 0.12);
}

/* ── MORE DROPDOWN PANELİ ── */
.header_nav__more_content {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: rgba(8, 18, 38, 0.97);
  border: 1px solid rgba(77, 184, 255, 0.3);
  border-radius: 8px;
  box-shadow:
    0 10px 35px rgba(0, 0, 0, 0.7),
    0 0 20px rgba(77, 184, 255, 0.1);
  padding: 6px;
  min-width: 180px;
  z-index: 999;
  display: none;
  flex-direction: column;
  gap: 4px;
}

.header_nav__more:hover .header_nav__more_content {
  display: flex;
}

/* ── İÇ DROPDOWN ── */
.js_header_dropdown {
  position: relative;
}

.header_nav__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  background: rgba(8, 18, 38, 0.97);
  border: 1px solid rgba(77, 184, 255, 0.3);
  border-radius: 8px;
  box-shadow:
    0 10px 35px rgba(0, 0, 0, 0.7),
    0 0 20px rgba(77, 184, 255, 0.1);
  padding: 6px;
  min-width: 160px;
  z-index: 1000;
  flex-direction: column;
  gap: 4px;
}

.js_header_dropdown:hover .header_nav__dropdown {
  display: flex;
}

.header_nav__dropdown .tl_main_nav_item,
.header_nav__more_content .tl_main_nav_item {
  width: 100%;
}

.header_nav__dropdown .tl_main_nav_item-inner,
.header_nav__more_content .tl_main_nav_item-inner {
  width: 100%;
  border-radius: 5px;
}
.tl_main_nav_item-inner > .js_open_dropdown.dropdown_arrow:before {
 display:none !important;
}

body .additional-infos {
    background: linear-gradient(65deg, #00409d 15%, #081a33 70%)!important;
    padding: 30px!important; 
    border-radius: 10px!important; /* Köşeleri yuvarlatır  */
}
.additional-infos .info_title {
    -webkit-text-fill-color: #001D47;
    text-shadow: #057bff 0px 0px 5px, #00409d 0px 0px 10px, #00409d 0px 0px 20px;
    letter-spacing: px;
    text-align: center !important;
    font-weight: 1000 !important;
    font-size: 25px !important;
    line-height: 30px !important;
    margin-bottom: 15px !important;
    background: linear-gradient(90deg, #00409d, rgb(79, 195, 255), #00409d) text;
    transition: 0.3s;
}

.sbc_img {
    margin-inline-start: auto;
    display: block;
    max-width: 100%;
}

.swiper {
padding-left:0 !important;

}

.swiper-wrapper{
  margin-left: 0 !important;
  padding-left: 0 !important;
}



.top_jackpots__block {
    padding: 16px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    border-radius: 16px;
    border: 1px solid #001D47 !important;
    background: linear-gradient(65deg,#021a3b 10%,#034ea2 60%)!important;
    color: var(--text-level-medium, var(--cwJackpotTxt2)) !important;
    z-index: 0;
}

.top_jackpots__block {

    box-shadow:
0 0 0 1px rgba(0, 80, 180, 0.95),
0 0 8px 5px rgba(0, 60, 160, 0.7),
0 0 2px 10px rgb(17 35 76 / 50%),
0 0 20px 8px rgb(0 64 255 / 40%);
}











.widget_arrow__wrapper {
    column-gap: 8px !important;
    position: absolute !important;
    bottom: 0px !important;
    inset-inline-end: 0 !important;
}

.rd_header_tab_item {
position: relative;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #dde1e7 !important;
    padding: 14px 20px 14px 30px !important;
    border: 1.5px solid #1a6fa8 !important;
    border-radius: 10px !important;
    display: block !important;
    text-shadow: none !important;
    background: linear-gradient(135deg, #4fc3f7 0%, #00409d 45%, #00409d 75%, #81d4fa 100%) !important;
    text-shadow: 0 0 10px #d9dce2, 0 0 20px #00409d, 0 0 30px #00409d !important;
}

.rd_header_tab_name, .rd_header_tab_item.no_icon, .top_winners_block .rd_header_tab_item {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-transform: capitalize !important;
}

.rd_header_tab_item {
    position: relative;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #dde1e7 !important;
    padding: 10px 10px !important;
    border: 1.5px solid #1a6fa8 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: linear-gradient(135deg, #4fc3f7 0%, #00409d 45%, #00409d 75%, #81d4fa 100%) !important;
    text-shadow: 0 0 10px #d9dce2, 0 0 20px #00409d, 0 0 30px #00409d !important;
    white-space: nowrap !important;
    margin-bottom: 10px !important;
}

.rd_header_tab_name,
.rd_header_tab_item.no_icon,
.top_winners_block .rd_header_tab_item {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
}
/* ===== BANNER — taşmayı kes ===== */
.dynamic_container.empty_title,
.dynamicBanners.banners_rectangleAd {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 10px;
}

.dynamicBanners_inner {
  overflow: hidden;
  position: relative;
}

.dynamicBanners_img,
.dynamicBanners_img.swiper-lazy,
.dynamicBanners_img.swiper-lazy-loaded {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 1 !important;

}

/* ===== JACKPOT — hover bloğunu banner'a taşıtma ===== */
.dynamic_container.topJackpot_section {
  position: relative;
  z-index: 2;        /* banner'ın üstünde kalır */
}

.top_jackpots__container {
  position: relative;
  z-index: 2;
}

/* Hover bloğu yukarı çıkınca banner'a taşıyor — bunu kes */
.top_jackpots__block {
  position: relative;
  overflow: visible;  /* hover panel için açık bırak */
}

.top_jackpots__hover_block {
  position: absolute;
  bottom: 100% !important;
  top: auto !important;
  z-index: 99;
  /* Kendi container'ı içinde kalması için: */
  left: 0;
  min-width: 220px;
}

/* Hover panel banner'a taşmasın diye banner'a clip ekle */
.dynamic_container.empty_title {
  clip-path: none;
  overflow: hidden !important;
  isolation: isolate;   /* z-index bağlamı oluşturur */
}
/* SADECE KATEGORİ BANNERLARI — URL bazlı seçici, üst slider etkilenmez */
a:has(img[src*="canli-casino"]),
a:has(img[src*="spor_"]),
a:has(img[src*="slot_"]),
a:has(img[src*="Hizli-oyunlar"]),
a:has(img[src*="turnuvalar"]),
a:has(img[src*="ayricalikli-bonuslar"]) {
  display: block;
  border-radius: 12px;
  overflow: visible;
  transform: scale(0.95);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  box-shadow: none;
}
a:has(img[src*="canli-casino"])::after,
a:has(img[src*="spor_"])::after,
a:has(img[src*="slot_"])::after,
a:has(img[src*="Hizli-oyunlar"])::after,
a:has(img[src*="turnuvalar"])::after,
a:has(img[src*="ayricalikli-bonuslar"])::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 12px;
  border: 2px solid transparent;
  transition: border-color 0.32s ease, box-shadow 0.32s ease;
  pointer-events: none;
  z-index: 2;
}
a:has(img[src*="canli-casino"]):hover,
a:has(img[src*="spor_"]):hover,
a:has(img[src*="slot_"]):hover,
a:has(img[src*="Hizli-oyunlar"]):hover,
a:has(img[src*="turnuvalar"]):hover,
a:has(img[src*="ayricalikli-bonuslar"]):hover {
  transform: scale(0.99);
    background: #051650 !important;
    border-radius: 4px !important;
    transition: all 0.25s !important;
    text-transform: uppercase !important;
    box-shadow: #0543a7 0 2px, #0543a7 4px 10px 30px !important;
    text-shadow: #0061ee 1px 0px 1px, #00409d 10px 10px 10px !important;
}


a:has(img[src*="canli-casino"]):hover::after,
a:has(img[src*="spor_"]):hover::after,
a:has(img[src*="slot_"]):hover::after,
a:has(img[src*="Hizli-oyunlar"]):hover::after,
a:has(img[src*="turnuvalar"]):hover::after,
a:has(img[src*="ayricalikli-bonuslar"]):hover::after {

    border-radius: 4px !important;
    transition: all 0.25s !important;
    text-transform: uppercase !important;
    box-shadow: #0543a7 0 2px, #0543a7 4px 10px 30px !important;
    text-shadow: #0061ee 1px 0px 1px, #00409d 10px 10px 10px !important;

}

/*animation*/
        @keyframes scroll-winners {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
            }

            .js_top_winners_container {
            overflow: hidden;
            position: relative;
            margin-right: 100px;
            margin-bottom: 20px !important;
            }

            .js_top_winners_container .swiper-wrapper {
            display: inline-flex !important;
            width: max-content !important;
            min-width: 0 !important;
            max-width: none !important;
            animation: scroll-winners 36s linear infinite;
            will-change: transform;
            gap: 12px;
            }

            .js_top_winners_container .swiper-slide {
            margin-right: 0 !important;
            flex-shrink: 0;
            }

            /*floating Elements*/
            .social_icons_fixed {
            
                z-index: 99!important;
                
            }




.top_winners__game.swiper-slide{
    width: 290px !important;
    height: 96px !important;
    border: none!important ;
    background: linear-gradient(132deg, rgba(0, 64, 157, 1) 3%, rgba(0, 20, 60, 1) 91%) !important;
    }
    .top_winners__game.swiper-slide span {
      color: #fff;
    }
    .top_winners__game.swiper-slide i {

      color: #fff;
    }
    .js_top_w_nav_cont_10.widget_arrow__wrapper  {
      display: none !important;
    }





.tl_footer_links_heading {
    border-bottom: 3px solid #fff !important;
    padding-bottom: 8px !important;
    width: 100% !important;
    text-decoration: none !important;
    font-weight: bold !important;
    color: #00409d00 !important;
    transition: all 0.25s !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    text-shadow: #0061ee 1px 0px 1px, #00409d 0px 0px 1px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;

    
}

.tl_footer_links  {
    border-top: none !important;
    border-bottom: none !important;
}

.tl_footer_link {
    
    line-height: normal !important;
    color: #fff !important;
    text-transform: capitalize !important;
    font-size: 12px !important;

}



.tl_footer_link::before{
    content:"";
    margin-right: 3px;
    width: 13px;
    height: 14px;
    background-image: url(https://i.ibb.co/nMpmhpvr/ghdsgd.png);
    background-size: cover;

    background-repeat: no-repeat;
    float: left;
}

.tl_footer_link:hover{
    display: block !important;
    text-decoration: none !important;
    color: #b3afaf !important;
    -moz-transition: color .2s ease !important;
    -webkit-transition: color .2s ease !important;
    transition: color .2s ease !important;
}

.tl_footer_links_row a:hover {
    color: #fff;
}

/*----------*/
/*footer social icons*/

.footer_social-item {
    width: 36px;
    height: 36px;
    border-radius: 2px;
    -webkit-transition: all .33s ease;
    -o-transition: all .33s ease;
    transition: all .33s ease;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer_social-item:not(:last-of-type){
    margin-inline-end: 10px;
}

.footer_social-item:before {
    font-family: "iconsDinamicMenu";
    font-size: 46px;
    line-height: 1;
}

.social__facebook-icon:before {
    content: "\E421";
}

.social__instagram-icon:before {
    content: "\E422";
}
.social__instagram1-icon:before {
    content: "\E172";
}

.social__linkedin-icon:before {
    content: "\E423";
}

.social__mail-icon:before {
    content: "\E424";
}

.social__pinterest-icon:before {
    content: "\E425";
}

.social__reddit-icon:before {
    content: "\E426";
}

.social__telegram-icon:before {
    content: "\E427";
}

.social__tikTok-icon:before {
    content: "\E428";
}
.social__tikTok2-icon:before {
    content: "\E436";
}

.social__tumblr-icon:before {
    content: "\E429";
}

.social__twitch-icon:before {
    content: "\E430";
}

.social__whatsapp-icon:before {
    content: "\E175";
}

.social__twitter-icon:before {
    content: "\E431";
}
.social__twitter-icon2:before {
    content: "\E171";
}
.social__whatsApp-icon:before {
    content: "\E432";
}
.social__whatsApp1-icon:before {
    content: "\E175";
}

.social__youtube1-icon:before {
    content: "\E433"
}

.social__youtube-icon:before {
    content: "\E434";
}

.social__messenger-icon:before {
    content: "\E445";
}
.social__viber-icon:before {
    content: "\E452"
}
.social__threads-icon:before {
    content: "\E456";
}

.social__vimeo-icon:before {
    content: "\E4A4";
}

.footer_social-item:hover,
.footer_social-item {
    color: #ffffff;
}

.social__facebook-icon {
    background-color: #3b5998 !important;
}

.social__instagram-icon, .social__instagram1-icon, .social__threads-icon {
    background: #f09433;
    background: -o-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.social__linkedin-icon {
    background-color: #0072b1;
}

.social__mail-icon {
    background-color: #168de2;
}

.social__pinterest-icon {
    background-color: #c8232c;
}

.social__reddit-icon {
    background-color: #ff4500;
}

.social__telegram-icon {
    background-color: #0088CC;
}

.social__tikTok-icon, .social__tikTok2-icon {
    background-color: #000;
}

.social__tumblr-icon {
    background-color: #34526f;
}

.social__twitch-icon {
    display:none;
}

.social__twitter-icon {
    background-color: #000000;
}

.social__twitter-icon2 {
    background-color: #00acee;
}

.social__whatsApp-icon, .social__whatsApp1-icon {
    background-color: #25d366;
}

.social__youtube-icon, .social__youtube1-icon {
    background-color: #FF0000;
}

.social__messenger-icon {
    background-color: #006AFF;
}

.social__viber-icon {
    background-color: #7360F2;
}

.social__vimeo-icon {
    background-color: #1AB7EA;
}

/*to top*/
.to_top_cont {
    position: fixed;
    bottom: 65px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.to_top {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    padding: 0;
    background-color: var(--bg-level-4);
    color: var(--icon-level-high);
    cursor: pointer;
}
.social__pointer-none {
    pointer-events: none;
}
.social__pointer-auto {
    pointer-events: auto;
}

/* SOSYAL MEDYA FOOTER 151225_2910_pc135246245235263 */
.footer_social-item{
    border-radius: 40px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.footer_social-item{
    border-radius: 40px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.footer_social-item:hover{
    transform: scale(1.1);
}

.footer_text {
    font-size: 12px;
    max-width: 100%;
    width: 100%;
    line-height: 1.2;
    border-bottom: none !important;

}

.copy .partner_color {
    color: #fff !important;
    transition: all 0.25s !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    text-shadow: #0061ee 1px 0px 1px, #00409d 0px 0px 1px !important;
}


.tl_footer_links_wrapper {
    flex: none;
    padding: 0 20px;
}

.tl_footer_links:last-of-type {
    padding-right: 0;
}

@media screen and (max-width: 1300px) {
    .tl_footer_links {
        padding-left: 0;
        padding-right: 0;
    }
}

.footer_text {
    border-bottom: 2px solid var(--cwFooterBg2);
    padding: 22px 0;
    margin-bottom: 22px;
    color: #f8f9ff !important;
    /* flex-direction: column !important; */
}


.footer-sprite {
display:none;
}

#email,
#password {

    
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  width: 100% !important;
  font-size: 15px !important;
  outline: none !important;
}

#email::placeholder,
#password::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 15px !important;
}

#email:focus,
#password:focus {
  border-color: rgba(255, 255, 255, 0.35) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.dyn_login_form_group {
  position: relative !important;
  margin-bottom: 16px !important;
}

.dyn_regPopup_body,
#loginContent .tl_popup_content.tl_popup_content {
  background-image: url('https://i.ibb.co/WvKz8djK/photo-2026-04-30-23-59-48.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


#email {
  padding-left: 44px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 14px center !important;
  background-size: 18px 18px !important;
}
/* Şifre - password input'un wrapper'ı */
.eye_block::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* İkon'ların üstüne binmemesi için padding */
#email,
#password {
  padding-left: 44px !important;
}

.dyn_login_label {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: bold !important
}


.tl_popup_content .tl_popup_link {
  color: #fff !important;
  font-size: 14px !important;
  
}

.tl_sup_link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-color: #fefdfd !important;
  background-size: 20px 20px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  background-position: 48px 45% !important;  padding: 0 !important; /* eski padding'i sıfırla */
}


.login_btn {
  position: relative !important;
  z-index: 1 !important;
  width: 50% !important;
  background: linear-gradient(135deg, #061A3A, #0A2A5E) !important;
}

.login_btn::before {
  content: "";
  position: absolute !important;
  inset: -1px !important;
  border-radius: inherit !important;

  background: linear-gradient(
    90deg,
    #0A2A5E,
    #2563EB,
    #2563EB,
    #394f71
  ) ;

  background-size: 300% 300%;
  animation: neonMove 5s linear infinite;

  filter: blur(1.5px) !important;
  z-index: -1 !important;
}

.login_btn::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;

  background: linear-gradient(135deg, #061A3A, #0A2A5E) !important;

  z-index: -1 !important;
}

@keyframes neonMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

 .js_progress_text {
  color: #fff !important;
}

 .dyn_label {
  color: #fff !important;
}

.tl_head_text {
  font-weight: bold !important;
}

#js_billboard_banner_cont_1926 .dynamicBanners_item {
    position: relative;
    z-index: 0;
    border-radius: 8px;
    padding: 3px;
    display: flex; /* flex ile img yüksekliğe uyar */
    overflow: visible !important;
    
}

#js_billboard_banner_cont_1926 .dynamicBanners_item img {
    display: block;
    width: 100%;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    vertical-align: bottom;
    padding-bottom: 8px;
    
    
    
}

#js_billboard_banner_cont_1926 .dynamicBanners_item::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg,
    transparent 30%,
    #001529 35%,
    #003366 39%,
    #0055aa 44%,
    #4da6ff 49%,
    #e0f0ff 51%,
    #4da6ff 54%,
    #0055aa 58%,
    #003366 63%,
    transparent 67%);
    background-size: 300% 300%;
    border-radius: inherit;
    animation: kayanIsik 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    will-change: background-position;
    pointer-events: none;
    inset: 0; /* top/left/right/bottom: 0 yerine kısa yol */
    
   
}

@keyframes kayanIsik {
    0%  { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100%{ background-position: 0% 50%; }
}

.header__top-promolink span {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-4px);
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity 1.0s ease 1s, 
                visibility 0.5s ease 1s, 
                transform 1.0s ease 1s, 
                max-width 1.0s ease 1s;
}

.header__top-promolink:hover span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    max-width: 200px;
    transition: opacity 0.6s ease, 
                visibility 0.3s ease, 
                transform 0.6s ease, 
                max-width 0.6s ease;
}

a.header__top-promolink[href="https://radissonyatirim.com/"] span {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    max-width: 200px !important;
}

.dynamic_container.topJackpot_section .rd_header_tab_item.active {
    width: 700px !important;
    height: 180px !important;
    background: url(https://i.ibb.co/99whZMRm/transparan-jack.png) no-repeat center top !important;
    background-size: contain !important; /* genişliği büyüt */
    border: 0px !important; 
    margin-left: 30px !important;
    bottom: -20px;

    
}

.dynamic_container.topJackpot_section .rd_header_tabs {
    min-height: 150px;
    justify-content: center!important
}

.rd_header_tab_name,
.js_jackpot_name {
    display: none !important;
}

.rd_header_tab_icon,
.js_jackpot_icon{
    display: none !important;
}


    



.dynamic_container.topJackpot_section {
    background: url(https://i.imgur.com/GqIKjwC.gif);
    background-size: 100% 100% !important;
    padding-bottom: 50px!important;
    margin-bottom: 20px;
}


.top_jackpots__block {

    background: url(https://i.ibb.co/QxP2Jf3/frame2.png) !important;
    background-size: 100% 100% !important;
    border: none !important;
     width: 90% !important; 
     height: 99% !important; 
    top: 130%;
    left: 50%;
    transform: translate(-50%, -50%);
}






    .top_jackpot_icon.ic_club,
    .top_jackpot_icon.ic_one,
    .prg_jackpot_icon.ic_grand{
        
    background: url(https://i.ibb.co/GftB7DWf/transparan-karo.png);
      width: 76px !important;
      height: 76px !important;
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: center !important;
      position: absolute;
      margin-top: -151px;
    }
    
    .top_jackpot_icon.ic_diamond,
    .top_jackpot_icon.ic_two,
    .prg_jackpot_icon.ic_mega{
    background: url(https://i.ibb.co/7sqtVTC/transparan-kupa.png);
      width: 76px !important;
      height: 76px !important;
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: center !important;
      position: absolute;
      margin-top: -144px;
    }

    .top_jackpot_icon.ic_heart,
    .top_jackpot_icon.ic_three,
    .prg_jackpot_icon.ic_major{
      background: url(https://i.ibb.co/jvcXRNTn/transparan-maca.png);
      width: 76px !important;
      height: 76px !important;
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: center !important;
      position: absolute;
      margin-top: -144px;
    }

.top_jackpots__value {
    font-weight: 700 !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    margin-inline-end: 5px !important;
    color: #cde1ff !important;
}



.top_jackpot_icon.ic_spade,
.top_jackpot_icon.ic_four,
.prg_jackpot_icon.ic_minor{
      background: url(https://i.ibb.co/9z7RPr7/tranparan-sinek.png);
      width: 76px !important;
      height: 76px !important;
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: center !important;
      position: absolute;
      margin-top: -151px;
}

.top_jackpots__anim {
    width: 100%!important;
    max-width: 100%!important;
    max-height: 120px!important;
    cursor: pointer!important;
    position: relative !important;
    z-index: 11 !important;
}






.top_jackpots__block {
    z-index: 0 !important;
}

.top_jackpots__block {
    justify-content: center!important
}

@media screen and (min-width: 1200px) {
    .top_jackpots__anim:hover {
        z-index: 13;
    }
    .top_jackpots__anim:hover .top_jackpots__hover_block {
        z-index: 3;
        opacity: 1;
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 1540px) {
    .top_jackpots__value.RON_value,
    .top_jackpots__value.ron_value,
    .top_jackpots__value.IRT_value,
    .top_jackpots__value.irt_value {
        font-size: 22px;
        line-height: 33px;
    }
    .top_jackpots__crns .cw_icon_ron,
    .top_jackpots__crns .cw_icon_RON {
        font-size: 22px;
    }
}


@media screen and (min-width: 768px) and (max-width: 1480px) {
    .top_jackpots__value {
        font-size: 28px;
        line-height: 42px;
    }

    .top_jackpots__crns {
        --icoSize: 22px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1420px) {
    .top_jackpots__value {
        font-size: 24px;
        line-height: 36px;
    }
    .top_jackpots__value.IRT_value,
    .top_jackpots__value.irt_value {
        font-size: 20px;
        line-height: 30px;
    }
    .top_jackpots__crns {
        --icoSize: 20px;
    }
    .top_jackpots__crns .cw_icon_irt,
    .top_jackpots__crns .cw_icon_IRT {
        font-size: 20px;/*old -18px*/
    }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .top_jackpots__value {
        font-size: 20px;
        line-height: 30px;
    }
    .top_jackpots__crns {
        --icoSize: 16px;
    }
    .top_jackpots__crns .cw_icon_ron,
    .top_jackpots__crns .cw_icon_RON {
        font-size: 20px;
    }
}

@media screen and (max-width: 1600px) {
    .top_jackpot_icon {
        background-size: 80px auto;
        width: 80px;
        height: 80px;
    }
    .top_jackpot_icon.ic_club,
    .top_jackpot_icon.ic_one,
    .prg_jackpot_icon.ic_grand{
        background-position: 0 -262px;
    }
    .top_jackpot_icon.ic_diamond,
    .top_jackpot_icon.ic_two,
    .prg_jackpot_icon.ic_mega{
        background-position: 0 -174px;
    }
    .top_jackpot_icon.ic_heart,
    .top_jackpot_icon.ic_three,
    .prg_jackpot_icon.ic_major{
        background-position: 0 -84px;
    }

    .top_jackpots__content {
        max-width: calc(100% - 80px);
    }
}

@media screen and (max-width: 1400px) {
    .top_jackpot_icon {
        background-size: 60px auto;
        width: 60px;
        height: 60px;
    }

    .top_jackpot_icon.ic_club,
    .top_jackpot_icon.ic_one,
    .prg_jackpot_icon.ic_grand {
        background-position: 0 -195px;
    }

    .top_jackpot_icon.ic_diamond,
    .top_jackpot_icon.ic_two,
    .prg_jackpot_icon.ic_mega {
        background-position: 0 -130px;
    }

    .top_jackpot_icon.ic_heart,
    .top_jackpot_icon.ic_three,
    .prg_jackpot_icon.ic_major {
        background-position: 0 -64px;
    }

    .top_jackpots__content {
        max-width: calc(100% - 60px);
    }
    .top_jackpots__block {
        padding: 8px;
    }
}

.pn_card_img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  position: relative !important;
clip-path:polygon(
        10px 0,
        calc(100% - 10px) 0,
        100% 10px,
        100% calc(100% - 10px),
        calc(100% - 10px) 100%,
        10px 100%,
        0 calc(100% - 10px),
        0 10px
    );

}


.pn_card {
   content: '';
   position:relative !important;
   inset: -2px;
   z-index:1;
   border: none !important;

   }


@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes borderRotate {
  to { --angle: 360deg; }
}

.pn_card_body{
    position:relative;
    z-index:2;
    width:100%;
    height:100% !important;
    background: linear-gradient(135deg, #091241, #03060f) !important;
    animation: borderRotate 3s linear infinite;
    padding:3px !important;
    box-sizing:border-box !important;
}


.pn_card_body::before {
   content: '';
  position: absolute;
  inset: -1px;
  z-index: -1;
  background: conic-gradient(
    from var(--angle),
    transparent 0%,
    transparent 30%,
    #4d9fff 40%,
    #7ab8ff 45%,
    #ffffff 50%,
    #7ab8ff 55%,
    #4d9fff 60%,
    transparent 70%,
    transparent 100%
  );
animation: borderRotate 2s linear infinite;
}




.pn_card {
  position: relative;
  overflow: hidden;
}

.pn_card .pn_card_hover {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important ; 
  transition: opacity 0.25s ease;
  z-index: 15 !important;
}

.pn_card .pn_card_hover::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgb(0 29 71 / 74%) !important;
  backdrop-filter: blur(1px) !important;
  -webkit-backdrop-filter: blur(1px) !important;
  z-index: 0 !important;
}

.pn_card:hover .pn_card_hover {
  opacity: 1 !important;
}




.pn_card_footer {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(255, 255, 255, 0.95) !important;
  padding: 10px 14px !important;
  display: none !important;
  z-index: 20 !important;
}

.pn_card:hover .pn_card_footer {
  display: flex !important;
  align-items: center !important;
  background: linear-gradient(135deg, #091241, #03060f) !important;

}

.pn_card_name {
 color: #fff !important;
 font-weight: bold !important;
}

button.js_news_promo_see_more_btn.pn_card_button.h-bg-secondary {
  background: transparent !important;
  border: 1px solid #2a5ea8 !important;
  color: #2a5ea8 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

button.js_news_promo_see_more_btn.pn_card_button.h-bg-secondary:hover {
  background: #2a5ea8 !important;
  color: #fff !important;
}

@property --btn-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes btnElectric {
  to { --btn-angle: 360deg; }
}


button.js_news_promo_see_more_btn.pn_card_button.h-bg-secondary {
  position: relative;
  z-index: 1;
  background: linear-gradient(135deg, #091241, #03060f) !important;
  color: #7ab8ff !important;
  border: none !important;
  padding: 8px 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

button.js_news_promo_see_more_btn.pn_card_button.h-bg-secondary::before {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: -1;
  background: conic-gradient(
    from var(--btn-angle),
    transparent 0%,
    transparent 30%,
    #4d9fff 40%,
    #7ab8ff 45%,
    #ffffff 50%,
    #7ab8ff 55%,
    #4d9fff 60%,
    transparent 70%,
    transparent 100%
  );
  animation: btnElectric 1.5s linear infinite;
}

button.js_news_promo_see_more_btn.pn_card_button.h-bg-secondary::after {
  content: '';
  position: absolute;
  inset: 1px;
  z-index: -1;
  background: linear-gradient(135deg, #091241, #03060f);
}

@property --cat-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes catElectric {
  to { --cat-angle: 360deg; }
}

.pn_category {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 0 !important;
  flex-wrap: wrap !important;
}

.pn_category_item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  color: #fff !important;
  background: linear-gradient(135deg, #091241, #03060f) !important;
  border: none !important;
  position: relative !important;
  z-index: 0 !important;
  transition: color 0.2s !important;
}

.pn_category_item::before {
  content: '';
  position: absolute;
  inset: -1.5px;
  z-index: -1;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.08);
  transition: background 0.2s;
}

.pn_category_item::after {
  content: '';
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: 7px;
  background: #001D47;
}

.pn_category_item:hover {
  color: #e2e8f0 !important;
}

.pn_category_item:hover::before {
  background: rgba(255, 255, 255, 0.18);
}

.pn_category_item.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #091241, #03060f) !important;
}

.pn_category_item.active::before {
  background: conic-gradient(
    from var(--cat-angle),
    transparent 0%,
    transparent 30%,
    #4d9fff 40%,
    #7ab8ff 45%,
    #ffffff 50%,
    #7ab8ff 55%,
    #4d9fff 60%,
    transparent 70%,
    transparent 100%
  );
  animation: catElectric 2s linear infinite;
}

.pn_card_category span {
    background: linear-gradient(135deg, #091241, #03060f) !important;
    color: #fff !important;
}

.js_pr_n_cats{
font-weight: bold !important;
}

.cw_icon_prize_v4::before {
    content: "\E342";
    color: #001D47;
}

.top_jackpots__content {
    
    max-width: calc(100% - 60px) !important;
}

    .top_jackpots__block {
        padding: 8px !important;
    }

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .top_jackpots__value {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .top_jackpots__crns {
        --icoSize: 16px !important;
    }
    .top_jackpots__crns .cw_icon_ron,
    .top_jackpots__crns .cw_icon_RON {
        font-size: 20px !important;
    }
}

.mb-4 {
  transform: translateX(-2.25%) !important;
}

#trust-seal-container-a {
  transform: translateY(390px) translateX(240px) !important;
  /* piksel kullanıyorsan position ile yap */
  position: static !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[style*="beacon.png"] {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-712%) translateY(-100px) !important;
  display: block !important;
  margin: 0 auto !important;
}

.mt-2 {
  transform: translateY(100px) translateX(25px) !important;
}

.footer_social-list {
  transform: translateY(-500px) translateX(-1.7%) !important;
}

.dynamic_container:has(#js_card_stream_2259) .rd_title {
  background-image: url('https://i.ibb.co/8F0RyGH/DEV-KAZANC-LAR.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
  width: 270px;
  height: 63px;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.dynamic_container:has(#js_card_stream_2259) .rd_title__block {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.dynamic_container:has(#js_card_stream_2259) .mb-2 {
  margin-bottom: 20px !important;
  margin-top: -20px !important;
}


/* En Yüksek Kazançlar - 2. rd_title */
.top_winners_block .rd_title {
  background-image: url('https://i.ibb.co/JFW330m1/EN-YU-KSEK-KAZANC-LAR11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
  width: 270px;
  height: 54px;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  margin-top: 20px !important;
}

.top_winners_block .rd_title__block {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.top_winners_block .mb-2 {
  margin-bottom: 25px !important;
  margin-top: -25px !important;
}


/* En Popüler Maç Öncesi Karşılaşmalar - 3. rd_title */
.dynamic_container:has(#js-sport-Prematch-cont) .rd_title {
  background-image: url('https://i.ibb.co/LXxGprvt/mac-oncess.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
  width: 270px;
  height: 54px;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.dynamic_container:has(#js-sport-Prematch-cont) .rd_title__block {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.dynamic_container:has(#js-sport-Prematch-cont) .mb-2 {
  margin-bottom: 10px !important;
  margin-top: -15px !important;
}

/* En Çok Oynanan Slotlar - 4. rd_title */
.dynamic_container:has(#js_thumbnail9_1641) .rd_title {
  background-image: url('https://i.ibb.co/27W8hCBL/slot11.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
  width: 270px;
  height: 54px;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.dynamic_container:has(#js_thumbnail9_1641) .rd_title__block {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.dynamic_container:has(#js_thumbnail9_1641) .mb-2 {
  margin-bottom: 20px !important;
  margin-top: -15px !important;

}

/* Sponsor Köşesi - 5. rd_title */
.dynamic_container:has(#js_card_stream_2256) .rd_title {
  background-image: url('https://i.ibb.co/WWX9WKFG/sponsorlar-ko.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
  width: 270px;
  height: 54px;
  display: block;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 0;

}

.dynamic_container:has(#js_card_stream_2256) .rd_title__block {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  display: flex;
  justify-content: center;
}

.dynamic_container:has(#js_card_stream_2256) .mb-2 {
  margin-bottom: 20px !important;
}

.dynRules_header {
/* ÃœST GRÄ° KISIM */
background: linear-gradient(
  180deg,
  #132238 0%,
  #0d1e3d 60%,
  #112354 100%
) !important;
border-bottom: 1px solid rgba(30,80,180,0.3) !important;

}

.dynRules_toggle_btn {
background: linear-gradient(
  180deg,
  #0a1628 0%,
  #0d1e3d 60%,
  #112354 100%
) !important;
border-top: 1px solid var(--border-light) !important;
border-bottom: 1px solid var(--border-light) !important;
    color: #fff !important;
}

.cw_icon_arrow_right_v3::before {
    color: #fff !important
}


.dynRules_content_inner {
    color: #fff !important;
    background: linear-gradient(
  0deg,
  #060e1f 0%,
  #0b1a35 50%,
  #0d2044 100%
) !important;
border: 1px solid #008bff !important;
}


.dynRules_content_inner a {
color: #ffffff !important;
font-weight: bold ;
}


.dynRules_left_sidebar_inner {
  background: linear-gradient(180deg, #0d1e3d 0%, #0a1628 40%, #07101f 100%) !important;
}

/* MENÜ ÖĞELERİ */
.dynRules_lmenu_item {
  border-bottom: 1px solid rgba008bff !important;
}

/* MENÜ YAZILARI */
.dynRules_lmenu_text {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* HOVER */
.dynRules_lmenu_item:hover .dynRules_lmenu_text {
  color: #ffffff !important ;
}

.dynRules_lmenu_item:hover {
  background: rgba(59, 130, 246, 0.12) !important;
}

/* AKTİF MENÜ */
.dynRules_lmenu_item.active:not(.open) {
  background: rgba(59, 130, 246, 0.18) !important;
  border-left: 3px solid #3b82f6 !important;
}

.dynRules_lmenu_item.active:not(.open) .dynRules_lmenu_text {
  color: #60a5fa !important;
}

.dynRules_left_sidebar {
    border-right: 1px solid #3b82f6 !important;
    border-left: 1px solid #3b82f6 !important;
    border-top: 1px solid #3b82f6 !important;
    border-bottom: 1px solid #3b82f6 !important;
}

.dynRules_lmenu_item_inner {
    position: relative;
    border-bottom: 1px solid #3b82f6 !important;
    border-bottom: 1px solid #3b82f6 !important;
}

.dynRules_left_sidebar_inner::-webkit-scrollbar {
  width: 4px;
}

/* SCROLLBAR ARKA PLAN */
.dynRules_left_sidebar_inner::-webkit-scrollbar-track {
  background: #07101f;
}

/* SCROLLBAR ÇUBUK */
.dynRules_left_sidebar_inner::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #3b82f6 0%, #1a4fd6 100%);
  border-radius: 4px;
}

/* SCROLLBAR HOVER */
.dynRules_left_sidebar_inner::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);
}

/* FİREFOX İÇİN */
.dynRules_left_sidebar_inner {
  scrollbar-width: thin;
  scrollbar-color: #3b82f6 #07101f;
}

.dynRules_left_sidebar {
  background: linear-gradient(180deg, #0d1e3d 0%, #0a1628 40%, #07101f 100%) !important;
}

.lca-gv-header {
    background: #00204B !important;
    color: #fff !important;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.8);
}

.lca-wrapper button {
    color: #fff !important;
}

.lca-gv-header-btn::before {
    color: #fff !important;
}

.lca-gv-game-btn-block {
    background: #00204B !important;
    color: #fff !important;
    box-shadow: none;
}

.lca-wrapper .star_icon {
    color: #ffb700 !important;
}

#js_mlkd_widget .rd_title {
  margin-top: 10px;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  color: #dde1e7 !important;
  padding: 6px 10px !important;
  border: 1.5px solid #1a6fa8 !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: linear-gradient(135deg, #4fc3f7 0%, #00409d 45%, #00409d 75%, #81d4fa 100%) !important;
  text-shadow: 0 0 10px #d9dce2, 0 0 20px #00409d, 0 0 30px #00409d !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.dynamic_container.lca-main-wrapper-inner.topJackpot_section .rd_title__block {
  display: none !important;
}

a.header__left__logo_sm {
    position: relative;
    background-image: none !important;
}

a.header__left__logo_sm::before {
    content: "";
    position: absolute;
    inset: 0;
    height: 60px !important;
    width: 60px !important;
    margin-top: -10px ;
    left: -10px;
    background: url("https://i.ibb.co/CjfXCWJ/S-EFFAF-FAV-CON.png") center center / contain no-repeat;
}

.top_winners_block .rd_header_tabs {
    max-width: calc(100% - 112px) !important;
    width: 100% !important;
    margin-top:25px !important;
}

.bonus_search .search_icon {
    color: #fff !important;
}

.bonus_info_content p {
    color: #fff !important;
  transform: translate(0%, 50%);    
}

.bonus_list li {
    color: #080808 !important;
}

/* =============================================
   BONUS PANEL — KOYU MAVİ TEMA
   ============================================= */

/* Ana konteyner */
.bonuses_content_box {
  background: #0a1628;
  border-radius: 16px;
  padding: 20px;
  gap: 16px;
}

/* ── SOL PANEL ── */

/* Bonus kart wrapper */
.bonus_card_box.bn_left_card {
  background: #0f1e3a;
  border: 1px solid #1e3a6e;
  border-radius: 14px;
  overflow: hidden;
}

/* Kart başlığı (resim + rozet) */




.game_quantity {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 15px;
  color: #7bacd4 !important;
}

.bn_card_number .id {
  background: rgba(0, 0, 0, 0.4);
  padding: 4px 12px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
  display: block;
  border-top: 1px solid #1e3a6e;
}

/* Kart body */
.bonus_card_body {
  padding: 14px 16px;
}

/* Bonus başlık + tip */
.bonus_caption {
  margin-top: 20px !important;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.bonus_caption span {
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid #1e3a6e;
  color: #7bacd4;
  background: #0d1e38;
}

.bonus_caption span:first-child {
  background: #1a3a6e;
  border-color: #2a5298;
}

/* Timer */
.bonus_timer {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.bonus_timer li {
  background: #071020;
  border: 1px solid #1e3a6e;
  border-radius: 8px;
  text-align: center;
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bonus_timer li span:first-child {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.35);
  margin-bottom: 4px;
}

.bonus_timer li span:last-child {
  font-size: 20px;
  font-weight: 500;
  color: #5bc4f5;
  line-height: 1;
}

/* Tutar listesi */
.bonus_list {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}

.bonus_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
background: #0f1e3a !important;
  border-bottom: 1px solid #1a2e50;
  font-size: 12px;
}

.bonus_list li:last-child {
  border-bottom: none;
}

.bonus_list li > p:first-child {
  margin: 0;
  color: rgba(255, 255, 255, 0.45);
}

.bonus_wallet_item {
  margin: 0 !important;
  gap: 5px;
}

.bonus_wallet_img {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.bonus_wallet_text {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
}

/* İlerleme çubuğu */
.bonus_progress {
  background: #0f1e3a !important;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #1a2e50;
}

.bonus_progress .label {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
  margin-bottom: 8px;
}

.progress_track {
  background: #071020;
  border: 1px solid #1e3a6e;
  border-radius: 4px;
  height: 6px;
  overflow: hidden;
}

.progress_thumb {
  display: block;
  height: 100%;
  background: #2a7fff;
  border-radius: 4px;
  transition: width 0.4s ease;
}

.bonus_progress .bonus_wallet_item {
  margin-top: 6px !important;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
  gap: 4px;
}

/* ── SAĞ PANEL ── */

.bonuses_right_part .bonus_card_box {
  background: #0f1e3a;
  border: 1px solid #1e3a6e;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Bilgi mesajı kutusu */
.bonus_info_box {
  background: #071020;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.bonus_info_box p {
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid #1e3a6e;
  color: #7bacd4;
  background: #0d1e38;}

/* Oyun başlığı + arama */
.bn_games_caption_block {
  padding: 12px 16px;
  border-bottom: 1px solid #1a2e50;
  flex-wrap: wrap;
  gap: 8px;
}

.bn_games_title {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.45) !important;
  margin: 0 0 8px !important;
}

.bonus_search {
  position: relative;
  flex: 1;
  min-width: 160px;
}

#js_search_games {
  width: 100%;
  box-sizing: border-box;
  background: #071020;
  border: 1px solid #1e3a6e;
  border-radius: 8px;
  padding: 6px 10px 6px 32px;
  font-size: 12px;
  color: #c8d8f0;
  outline: none;
  transition: border-color 0.2s;
}

#js_search_games::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

#js_search_games:focus {
  border-color: #2a5298;
}

.bonus_search .search_icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
}

/* Katkı satırı */
.contribution {
  padding: 10px 16px;
  border-bottom: 1px solid #1a2e50;
  display: flex;
  align-items: center;
  gap: 10px;
}

.contribution_icon {
  width: 30px;
  height: 30px;
  background: rgba(91, 196, 245, 0.1);
  border: 1px solid rgba(91, 196, 245, 0.2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5bc4f5;
  font-size: 14px;
  flex-shrink: 0;
}

.contribution_desc h4 {
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 500;
  color: #c8d8f0;
}

.contribution_desc p,
.contribution_text {
  margin: 0;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
}

/* Oyun listesi */
.bn_games_list {
  padding: 12px;
}


/* Oyun kartı */
.lca-card {
  background: #071020;
  border: 1px solid #1a2e50;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: border-color 0.2s, transform 0.15s;
}

.lca-card:hover {
  border-color: #2a5298;
  transform: translateY(-2px);
}

.lca-card-body {
  position: relative;

  overflow: hidden;
}

.lca-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s;
}

.lca-card:hover .lca-card-img {
  transform: scale(1.06);
}

/* %100 rozeti */
.lca-card > .contribution_icon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: auto;
  height: auto;
  background: rgba(7, 16, 32, 0.85);
  border: 1px solid #1e3a6e;
  border-radius: 5px;
  padding: 2px 6px;
  font-size: 10px;
  color: #5bc4f5;
  display: flex;
  align-items: center;
  gap: 3px;
}

.lca-card > .contribution_icon p {
  margin: 0;
  font-size: 10px;
  color: #5bc4f5;
}

/* Hover overlay */
.lca-card-hover {
  position: absolute;
  inset: 0;
  background: rgba(7, 16, 32, 0.88);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.2s;
}

.lca-card:hover .lca-card-hover {
  opacity: 1;
}

.lca-card-name {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #fff !important;
  text-align: center !important;
  padding: 0 8px !important;
  line-height: 1.3 !important;
}

.lca-card-btn-wrapper .game__link_real {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #1a3a6e;
  border: 1px solid #2a5298;
  border-radius: 6px;
  padding: 5px 14px;
  font-size: 11px;
  color: #90c0f0;
  text-decoration: none;
  transition: background 0.15s;
}

.lca-card-btn-wrapper .game__link_real:hover {
  background: #2a5298;
  color: #fff;
}

/* Swiper kontrolleri */
.controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #1a2e50;
}

.btn-prev,
.btn-next {
  background: #071020;
  border: 1px solid #1e3a6e;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5bc4f5;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.15s;
}

.btn-prev:hover:not(.swiper-button-disabled),
.btn-next:hover:not(.swiper-button-disabled) {
  background: #1a3a6e;
}

.btn-prev.swiper-button-disabled,
.btn-next.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

.pagination {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
}

/* Scrollbar */
.scrolled__content::-webkit-scrollbar {
  width: 4px;
}

.scrolled__content::-webkit-scrollbar-track {
  background: #071020;
}

.scrolled__content::-webkit-scrollbar-thumb {
  background: #1e3a6e;
  border-radius: 4px;
}

.scrolled__content::-webkit-scrollbar-thumb:hover {
  background: #2a5298;
}

.bonus_caption span:first-child::after {
    content: none !important;
}

.bn_card_number {
    background-color: #071020 !important;
}

.game_quantity {
  background: #1a3a6e;
  border-color: #2a5298;
    color: #7bacd4 !important;
}

.bn_card_number .id {
    background: rgba(0, 0, 0, 0.4);
    padding: 4px 12px;
    font-size: 11px;
    color: #7bacd4 !important;
}

    .bn_left_card .bonus_card {
        height: calc(100% - 4px);
        display: flex;
        flex-direction: column;
        margin-top: 4px;
        border: 1px solid #1e3a6e !important;
        border-radius: 8px;
    }

.bonus_info_content {
   background: #071020;
   border: none !important;

}
.dyn_popUp_wrapper_close,
.dyn_popUp_wrapper_checkbox{
  background-color: #1e3a6e !important;

}

.bonus_list li > p:nth-child(2):not(.bonus_wallet_item) {
    font-size: 14px;
    line-height: 22px;
    color: #fff !important;
}

.controls .btn-next, .controls .btn-prev {
    width: 19px;
    cursor: pointer;
    padding: 2px 6px;
    font-size: 20px;
  background: #071020;
    color: #fff;
}

.controls .pagination {
    padding: 3px 6px;
  background: #071020;
    color: #fff;
}
.bonus_btn:hover,
a.bonus_btn:hover {
    background: #3b82f6;
    border: 1px solid #1e3a6e;
    border-radius: 5px;
    color: #071020 !important;
}

.bonus_btn.bonusCancel, .bonus_btn.bonusSeeMore, .bonus_btn.active_bonus_btn, .new_bonus_card .bonus_btn:first-child {
    background: rgba(7, 16, 32, 0.85);
    border: 1px solid #1e3a6e;
    border-radius: 5px;
    color: #5bc4f5 !important;
}