@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.header__fixed {
    background: #010c18  !important;
}

.balance-switcher {
    display: none !important;
}

.balance-switcher {
    display:none !important;
}

.tl_header_bot_row {
    background: #0a1831 !important;
}
 
 
.main-wrapper {
    background-color: #0a1831 !important;
}
 
 
body {
    background-color: #0A1831 !important;
}


.placeholder-gradient {
    background: linear-gradient(270deg, #0a1831, #0a0b5d, #0a1831);
    background-size: 200% 200%;

    -webkit-animation: AnimationName 2s ease infinite;
    -moz-animation: AnimationName 2s ease infinite;
    animation: AnimationName 2s ease infinite;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

body {
    font-size: 18px;
}

/* Header */

.tl_header_bot_row {
    display: none;
}

#app {
    padding: 65px 0 0;
}

.dynamic_menu .tl_header_bot_row_fix {
    display: none;
}

.header__top-links .header__top-promolink {
    display: none;
}

.ui-mobile-viewport #menu-right .topheader_user_info .topheader_user_deposit,
.header__fixed-right .dynamic_icon {
    font-weight: 400 !important;
}

.header__fixed-right .tl_acc_balance .depositDialog {
    padding: 3px 10px 0 35px;
    display: inline-block;
}

.header__fixed-right .depositDialog i {
    position: absolute;
    top: 10px;
    left: 14px;
}

.header__fixed-right a.tl_btn.depositDialog.d-flex.align-items-center {
    padding: 6px 15px 8px 40px;
}

#header_fix #lblBalance {
    display: block;
    line-height: 15px;
}

.header__fixed-right #realBalanceText {
    font-size: 10px;
    display: block;
    line-height: 10px;
}

#header_fix #SportBonusPanel .bonusesWrapperText {
    display: grid;
}

#header_fix #SportBonusPanel span {
    order: 0;
    font-size: 10px;
    display: block;
}

#header_fix #SportBonusPanel #SportBonusAmount {
    order: 1;
    font-size: 14px;
}

#header_fix #bonusBalanceCont {
    display: block !important;
    line-height: 10px;
}

#header_fix #bonusBalanceCont .bonusesWrapperText {
    line-height: normal;
}

#header_fix #bonusBalanceCont #bonusesBalanceText {
    display: block !important;
    font-size: 10px;
    line-height: 10px;
}

/* Slick Slider Styles */
#js_rectangleAd_1861 .slick-list {
    margin: 0 -7px;
}

@media screen and (max-width: 768px) {
    #js_rectangleAd_1861 .slick-list {
        margin: 0 0;
    }
}

#js_rectangleAd_1861 .dynamicBanners_inner {
    margin: 0 7px;
}



.lobby-category-slider.align_tworows .swiper-slide {
	display: grid;
    	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 1fr;
grid-auto-flow: unset !important;
}

.banner-img-mob {
    background: url(/Promotion/betospin/assets/images/registration_form/registration_mob_bckgr.png);
    background-repeat: no-repeat;
    background-position: top;
    text-align: left;
    position: relative;
    min-height: 163px;
    display: flex;
    align-items: center;
}
.banner-img-mob.blockDidCheck {
display: block;
}

.banner-img-mob h2 {
    position: relative;
    left: auto;
    right: auto;
    max-width: 50%;
    width: fit-content;
    padding: 0 10px;
    padding: 20px 10px;
    display: block;
    text-transform: uppercase;
    width: 100%;
    font-size: 2.4vh;
    font-weight: 700;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

#loginContent .tl_popup_header,
.registration_heading,
.change_pass_heading {
    background: #010C18;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    position: relative;
    height: 47px;
    width: calc(100% - 4px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    margin: 2px 0 0 2px;
    border-top-right-radius: 28px !important;
}

.ui-mobile .registration_heading,
.change_pass_heading {
    width: 100%;
    margin: 0;
    border-top-right-radius: 0 !important;
    text-align: center;
    display: block;
    line-height: 44px;
}

#loginContent .tl_popup_content,
.forgot_pass_container {
    background: #0A152E
}

#loginContent .form-group-label{
    font-size: 13px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    padding: 0 0 0 6px !important;
    margin: 0 0 2px;
}




#loginContent .tl_sel_popup_reg,
#loginContent .tl_input_popup_reg,

#sidebar-login .login_input,
#sidebar-login .platformPassInput,
#accountDialog .tl_input_popup,
#accountDialog .tl_input,
#accountDialog #Address,
#searchForm #start-date,
#searchForm #end-date,
#deposithistForm #start-date,
#deposithistForm #end-date,
#bonusHistForm #start-date,
#bonusHistForm #end-date,
#content_paym #Payneteasy_Country-button,
#Payneteasy_State-button,
.inp,
.custon_select__front_el,
#profileContainer input,
#content_paym .ui-select select,
#period-button .drop-down,
#bonusType-button .drop-down,
#bonusStatus-button .drop-down,
#transactiontype-button .drop-down,
.forgot_pass__row input,
.changepass__element_row,
.forgot_pass__row input {
    border-radius: 16px;
    border: 1px solid #54A4FF;
    background: #002652;
}

#content_paym .ui-select span {
    background: none;
    border: 0;
}

#bonusHistoryItem option,
#period option {
    color: #fff;
}




#loginContent .tl_head_close::before,
#sidebar-login .sidebar_login-close {
    content: "\e295";
    font-family: "iconsDinamicMenu";
    font-weight: 900;
    color: #025FC9;
    opacity: 1;
}

.tl_chb input[type="checkbox"]+span::before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 2px solid var(--cwModalTxt2);
    cursor: pointer;
    border-radius: 100%;
    background: #072140;
    border: 2px solid #025FC9;
}

.tl_chb input[type="checkbox"]:checked+span::before {
    background-color: #0D54A6;
    border: 0;
}






.ui-mobile .promo_popup_register_counter_special_reg {
    display: grid;
    width: 100%;
    gap: 0;
overflow-y: scroll;
}





/* Top Menu Styles */
.header__fixed-right .tl_btn,
.ui-mobile #header-bonuses-balance-btn,
.ui-mobile .topheader_user_id,
.ui-mobile-viewport #js_mob_sign_in,
#loginContent .tl_sup_link,
.ui-mobile .noBonus-support-link,
.bn_left_card.bonus_card_box .bonus_card_body a.bonus_btn.bonusCancel,
#js_gv_header .loginDialog {
    background: rgb(9, 83, 159);
    background: linear-gradient(360deg, rgba(9, 83, 159, 1) 0%, rgba(23, 175, 255, 1) 100%);
    border-radius: 46px;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    box-shadow: 0 0 14px rgb(9, 83, 159);
    border: 0;
    padding: 0 15px;
    color: #fff;
    line-height: 38px;
    position: relative;
}

.header__fixed-right .tl_btn:after,
.ui-mobile #header-bonuses-balance-btn:after,
.ui-mobile .topheader_user_id:after,
.ui-mobile-viewport #js_mob_sign_in:after,
#loginContent .tl_sup_link:after,
.bn_left_card.bonus_card_box .bonus_card_body a.bonus_btn.bonusCancel:after,
#js_gv_header .loginDialog:after {
    position: absolute;
    content: "";
    inset: 0px;
    border-radius: 28px;
    border-style: solid;
    border-width: 2px;
    mask-image: conic-gradient(from 0.76turn, rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 0.01turn, rgba(255, 255, 255, 0.4) 0.03turn, rgba(255, 255, 255, 0.4) 0.41turn, rgba(255, 255, 255, 0.4) 0.45turn, rgba(255, 255, 255, 0.4) 0.46turn, rgb(255, 255, 255) 0.47turn, rgba(255, 255, 255, 0.3) 0.48turn, rgba(255, 255, 255, 0.3));
    border-image-slice: 1 fill;
}

#loginContent .tl_sup_link {
    font-size: 14px;
    text-transform: uppercase;
}

#loginContent .tl_sup_link i {
    font-style: normal;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB3aWR0aD0iMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIGhlaWdodD0iMTM4LjclIiB3aWR0aD0iMTMxLjQlIiB4PSItMTUuNyUiIHk9Ii0xNS4xJSI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiLz48ZmVPZmZzZXQgZHk9IjEiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA3IDAiLz48L2ZpbHRlcj48cGF0aCBpZD0iYiIgZD0iTTE0LjIzIDIwLjQ2bC05LjY1IDEuMUwzIDUuMTIgMzAuMDcgMmwxLjU4IDE2LjQ2LTkuMzcgMS4wNy0zLjUgNS43Mi00LjU1LTQuOHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    width: 22px !important;
    height: 28px !important;
    top: 18px !important;
    left: 13px !important;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.header__fixed-right .tl_btn:hover,
.ui-mobile-viewport #js_mob_sign_in:hover {
    color: #fff;
    background: linear-gradient(360deg, rgba(23, 175, 255, 1) 0%, rgba(9, 83, 159, 1) 100%);
}

.header__fixed-right .h-bg-primary.tl_btn,
.header__fixed-right .registerDialog,
.ui-mobile-viewport #js_mob_sign_up,
.ui-mobile-viewport #menu-right .topheader_user_info .topheader_user_deposit,
#sidebar-login .r_login__row #loginButton,

#loginContent .login_btn,
#accountDialog .tl_deposit_button,
#accountDialog #verificationEmail,
#accountDialog #sendverificationEmail,
#accountDialog #update_my_prof,
#searchForm #js_search_btn,
#js_search_btn,
.btn_prim,
.story-item__footer .story-link,
#forgot_btn,
#js_gv_header .registerDialog,
.card__button-wrapper #js_deposit_prof_rm,
.noBonus-deposit-button,
.bonusActivate {
    background: rgb(237, 21, 21);
    background: linear-gradient(360deg, rgba(237, 21, 21, 1) 0%, rgba(255, 100, 100, 1) 100%);
    box-shadow: 0 0 14px rgba(237, 21, 21, 1);
    border: 0;
    border-radius: 46px;
    font-size: 12px;
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    padding: 10px 15px;
    overflow: hidden;
    position: relative;
}

.cw_mob_mav_fixed_primary_items_wrapper .custom_deposit_button_menu {
    background: rgb(237, 21, 21);
    background: linear-gradient(360deg, rgba(237, 21, 21, 1) 0%, rgba(255, 100, 100, 1) 100%);
    box-shadow: 0 0 14px rgba(237, 21, 21, 1);
    border: 0;
    border-radius: 46px;
    font-size: 12px;
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    overflow: hidden;
    position: relative;
    padding: 7px 5px;
    height: auto;
    margin-top: 9px;
flex: 0 0 29%;
}

.cw_mob_mav_fixed_primary_items_wrapper .custom_deposit_button_menu span {
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.cw_mob_mav_fixed_primary_items_wrapper .cw_mob_mav_fixed_bot_item span {
	color:#ECECEC;
}

.cw_mob_mav_fixed_primary_items_wrapper .custom_deposit_button_menu .cw_mob_icon_m {
	margin-bottom: 0px !important;
}


.noBonus-deposit-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.noBonus-deposit-wrapper .noBonus-deposit-button, .noBonus-deposit-wrapper .noBonus-support-link {
    font-size: 16px;
    padding: 15px 25px;
    width: 100%;
    max-width: 250px;
    text-align: center;
    line-height: 20px;
}

.header__fixed-right .h-bg-primary.tl_btn:before,
.header__fixed-right .registerDialog:before,
.ui-mobile-viewport #js_mob_sign_up:before,

#loginContent .login_btn:before,
#accountDialog .tl_deposit_button:before,
#searchForm #js_search_btn:before,
.btn_prim:before,
#js_search_btn:before,
.story-item__footer .story-link:before,
#forgot_btn:before,
.bonusActivate:before,
#js_gv_header .registerDialog:before,
#js_gv_header .loginDialog:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 360%;
    z-index: 0;
    opacity: 0.7;
    transition: opacity 1s;
    transform: rotate(180deg);
}

.header__fixed-right .h-bg-primary.tl_btn:hover:before,
.header__fixed-right .registerDialog:hover:before,
.ui-mobile-viewport #js_mob_sign_up:hover:before,
.ui-mobile-viewport #js_mob_sign_in:hover:before,

#loginContent .login_btn:hover:before,
#accountDialog .tl_deposit_button:hover:before,
#js_search_btn:hover:before,
.story-item__footer .story-link:hover:before,
#forgot_btn:hover:before,
.bonusActivate:hover:before,
#js_gv_header .registerDialog:before,
#js_gv_header .loginDialog:hover:before {
    animation: light1 1s infinite;
    opacity: 1;
}

.header__fixed-right .h-bg-primary.tl_btn:after,
.header__fixed-right .registerDialog:after,
.ui-mobile-viewport #js_mob_sign_up:after,
.ui-mobile-viewport #menu-right .topheader_user_info .topheader_user_deposit:after,
#sidebar-login .r_login__row #loginButton:after,


#loginContent .login_btn:after,
#accountDialog .tl_deposit_button:after,
#accountDialog #verificationEmail:after,
#accountDialog #sendverificationEmail:after,
#accountDialog #update_my_prof:after,
#searchForm #js_search_btn:after,
#js_search_btn:after,
.btn_prim:after,
#accountDialog .tl_deposit_button:after,
.story-item__footer .story-link:after,
#forgot_btn:after,
.bonusActivate:after,
#js_gv_header .registerDialog:before {
    position: absolute;
    content: "";
    inset: 0px;
    border-radius: 28px;
    border-style: solid;
    border-width: 2px;
    mask-image: conic-gradient(from 0.76turn, rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 0.01turn, rgba(255, 255, 255, 0.4) 0.03turn, rgba(255, 255, 255, 0.4) 0.41turn, rgba(255, 255, 255, 0.4) 0.45turn, rgba(255, 255, 255, 0.4) 0.46turn, rgb(255, 255, 255) 0.47turn, rgba(255, 255, 255, 0.3) 0.48turn, rgba(255, 255, 255, 0.3));
    border-image-slice: 1 fill;
}

.cw_mob_mav_fixed_primary_items_wrapper .custom_deposit_button_menu:after {
    position: absolute;
    content: "";
    inset: 0px;
    border-radius: 28px;
    border-style: solid;
    border-width: 2px;
    mask-image: conic-gradient(from 0.76turn, rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 0.01turn, rgba(255, 255, 255, 0.4) 0.03turn, rgba(255, 255, 255, 0.4) 0.41turn, rgba(255, 255, 255, 0.4) 0.45turn, rgba(255, 255, 255, 0.4) 0.46turn, rgb(255, 255, 255) 0.47turn, rgba(255, 255, 255, 0.3) 0.48turn, rgba(255, 255, 255, 0.3));
    border-image-slice: 1 fill;
}

.bonusActivate.bonus_btn.pending_bonus_btn {
    opacity: 1 !important;
    border-radius: 28px !important;
    color: #fff !important;
    font-size: 12px;
    line-height: 22px !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.page_not_found .tl_btn {
    border-radius: 18px !important;
}

#js_mlkd_widget {
    display: none;
}

@keyframes light1 {
    0% {
        background-position: left;
    }

    100% {
        background-position: right;
    }
}

/* 
transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
-webkit-animation: gelatine 0.5s 1;
animation: gelatine 0.5s 1;
} */

@-webkit-keyframes gelatine {

    from,
    to {
        -webkit-transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
    }

    from,
    to {
        -webkit-transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
    }
}

@keyframes gelatine {

    from,
    to {}

    25% {}

    50% {}

    75% {}

    from,
    to {}

    25% {}

    50% {}

    75% {}
}

.header__fixed-right .h-bg-primary.tl_btn span,
.header__fixed-right .registerDialog span,
.ui-mobile-viewport #js_mob_sign_up span,
.ui-mobile-viewport #js_mob_sign_in span {
    position: relative;
    z-index: 1;
}


.header__fixed-right .h-bg-primary.tl_btn:hover,
.header__fixed-right .registerDialog:hover,
.ui-mobile-viewport #js_mob_sign_up:hover {
    background: linear-gradient(360deg, rgba(255, 100, 100, 1) 0%, rgba(237, 21, 21, 1) 100%);
}

.header__fixed-right .user_dropdown .cw_icon_triangle_bottom,
.header__fixed-right .user_dropdown .mr-1 {
    margin: 0 !important;
}

.header__fixed-right .profile {
    border-radius: 16px;
    background: linear-gradient(360deg, #012D5F 0%, rgba(9, 83, 159, 1) 100%);
    right: auto;
    left: 0;
    top: 38px;
}

.header__fixed-right .profile:before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 16px;
    border-style: solid;
    border-width: 2px;
    mask-image: conic-gradient(from 0.76turn, rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 0.01turn, rgba(255, 255, 255, 0.4) 0.03turn, rgba(255, 255, 255, 0.4) 0.41turn, rgba(255, 255, 255, 0.4) 0.45turn, rgba(255, 255, 255, 0.4) 0.46turn, rgb(255, 255, 255) 0.47turn, rgba(255, 255, 255, 0.3) 0.48turn, rgba(255, 255, 255, 0.3));
    border-image-slice: 1 fill;
}

.header__fixed-right .profile a {
    background: none;
    position: relative;
}

.header__fixed-right #LanguageBarSorting {
    border-radius: 16px;
    background: linear-gradient(360deg, #012D5F 0%, rgba(9, 83, 159, 1) 100%);
    overflow-x: hidden;
}

.header__fixed-right #LanguageBarSorting:before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 16px;
    border-style: solid;
    border-width: 2px;
    mask-image: conic-gradient(from 0.76turn, rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 0.01turn, rgba(255, 255, 255, 0.4) 0.03turn, rgba(255, 255, 255, 0.4) 0.41turn, rgba(255, 255, 255, 0.4) 0.45turn, rgba(255, 255, 255, 0.4) 0.46turn, rgb(255, 255, 255) 0.47turn, rgba(255, 255, 255, 0.3) 0.48turn, rgba(255, 255, 255, 0.3));
    border-image-slice: 1 fill;
}

.header__fixed-right .tl_acc_lang a {
    position: relative;
    z-index: 10;
}

.header__fixed-right #LanguageBarSorting a {
    background: none;
}

.header__fixed-right .profile a:hover,
.header__fixed-right #LanguageBarSorting a:hover {
    color: rgba(23, 175, 255, 1);
}

.dynamic_featured_content .dynamic_featured_item {
    background: rgb(16, 34, 75);
    background: linear-gradient(-135deg, rgba(16, 34, 75, 1) 0%, rgba(18, 47, 114, 1) 100%);
    border: 1px solid rgba(9, 83, 159, 1);
    position: relative;
    max-height: 90px !important;
    min-height: 110px;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item {
    min-width: 150px;
    text-overflow: unset;
    min-height: 86px !important;
    height: 100%;
    max-height: none;
    display: block !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item .dynamic_featured_title {
    max-width: none !important;
    font-size: 14px !important;
    padding: 56px 0 0 !important;
}

.dynamic_featured_content .dynamic_featured_item:hover {
    border: 1px solid rgba(30, 226, 224, 0.6);
}

.dynamic_featured_content .dynamic_featured_item .fixed_size {
    display: none;
}

.dynamic_featured_content .dynamic_featured_item .fixed_size+.dynamic_featured_title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding: 64px 0 0;
}

.dynamic_featured_content .dynamic_featured_item .dynamic_featured_title {
    background-repeat: no-repeat !important;
}

.dynamic_featured_content {
    position: relative;
    z-index: 1;
}

.dynamic_featured_content .dynamic_featured_item.enabled-sparkling::after,
.dynamicBanners .dynamicBanners_inner.enabled-sparkling::after {
    content: ' ';
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 16px;
    /* Apply border radius */
    background: linear-gradient(-125deg, rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 40%,
            rgba(255, 255, 255, 0.7) 50%,
            rgba(255, 255, 255, 0) 60%,
            rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 360%;
    z-index: -1;
    /* Behind the content */
    opacity: 0.7;
    animation: light1 1s infinite;
    transform: rotate(180deg);
    /* Apply transform without affecting size */
}

.dynamic_featured_content .dynamic_featured_item {
    overflow: visible;
}

.dynamic_featured_content>.dynamic_featured_item:nth-child(1) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(1) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_casino_top_menu.svg");
    background-position: center 23px;
    background-size: 40px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(1) .dynamic_featured_title {
    background-position: center 13px;
}

.dynamic_featured_content .dynamic_featured_item:nth-child(2) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(2) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_sports_top_menu.png");
    background-position: center 23px;
    background-size: 41px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(2) .dynamic_featured_title {
    background-position: center 13px;
}

.dynamic_featured_content .dynamic_featured_item:nth-child(3) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(3) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_livesports_top_menu1.png") no-repeat;
    background-repeat: no-repeat;
    background-position: center 27px;
    background-size: 48px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(3) .dynamic_featured_title {
    background-position: center 17px;
}

.dynamic_featured_content .dynamic_featured_item:nth-child(4) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(4) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_slots_top_menu.svg");
    background-repeat: no-repeat;
    background-position: center 27px;
    background-size: 52px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(4) .dynamic_featured_title {
    background-position: center 17px;
}

.dynamic_featured_content .dynamic_featured_item:nth-child(5) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(5) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_livecasino_top_menu.svg");
    background-repeat: no-repeat;
    background-position: center 22px;
    background-size: 37px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(5) .dynamic_featured_title {
    background-position: center 12px;
}

.dynamic_featured_content .dynamic_featured_item:nth-child(6) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(6) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_virtual_sport_top_menu1.svg");
    background-repeat: no-repeat;
    background-position: center 26px;
    background-size: 53px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(6) .dynamic_featured_title {
    background-position: center 16px;
}

.dynamic_featured_content .dynamic_featured_item:nth-child(7) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(7) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_tvgames_top_menu.svg");
    background-repeat: no-repeat;
    background-position: center 19px;
    background-size: 41px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(7) .dynamic_featured_title {
    background-position: center 9px;
}

.dynamic_featured_content .dynamic_featured_item:nth-child(8) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(8) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_esports_top_menu1.png");
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 74px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(8) .dynamic_featured_title {
    background-position: center -12px;
}

.dynamic_featured_content>.dynamic_featured_item:nth-child(9) .dynamic_featured_title,
.dynamic_featured_content .dynamic-featured-wrapper:nth-child(9) .dynamic_featured_title {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_rocketon_top_menu.svg");
    background-repeat: no-repeat;
    background-position: center 24px;
    background-size: 22px auto !important;
}

.ui-mobile .dynamic_featured_content .dynamic_featured_item:nth-child(9) .dynamic_featured_title {
    background-position: center 14px;
}

/* End Top Menu Styles */



/* Content */
.main-wrapper {
    background: #0a1831 !important;
}

#header .header_both {
    background: #010c18 !important;
}

/* Top Games */
#js_rectangleAd_1861 .dynamicBanners_inner {
    position: relative;
    z-index: 10;
    background: linear-gradient(-90deg, rgba(4, 81, 169, 1) 0%, rgba(30, 226, 224, 0.2) 100%);
    border-radius: 16px;
}

#js_rectangleAd_1861 .dynamicBanners_inner:hover {
    background: linear-gradient(-90deg, rgba(30, 226, 224, 1) 0%, rgba(4, 81, 169, 1) 100%);
}

.dynamicBanners .dynamicBanners_item {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    border-radius: 16px;

}

#js_rectangleAd_1861 .dynamicBanners_inner:hover:before {
    background: linear-gradient(-90deg, rgba(30, 226, 224, 1) 0%, rgba(4, 81, 169, 1) 100%);
    transition: 1s all;
}

#js_lg_ws_188 .rd_header_tabs {
    padding: 10px 0 0 5px;
}

.promoNews_section .js_news_promo_categories,
#js_lg_ws_188 .rd_header_tab_item,
.dynamic_games_grid .rd_header_tab_item {
    cursor: pointer;
    background: rgb(9, 83, 159);
    background: linear-gradient(360deg, rgba(9, 83, 159, 1) 0%, rgba(23, 175, 255, 1) 100%);
    border-radius: 46px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    box-shadow: 0 0 14px rgb(9, 83, 159);
    border: 0;
    padding: 10px 15px;
    opacity: 1;
    color: #fff;
}

.promoNews_section .js_news_promo_categories:hover,
#js_lg_ws_188 .rd_header_tab_item:hover,
.dynamic_games_grid .rd_header_tab_item:hover {
    background: linear-gradient(360deg, rgba(23, 175, 255, 1) 0%, rgba(9, 83, 159, 1) 100%);
}

#js_lg_ws_188 .rd_header_tab_item.active,
.dynamic_games_grid .rd_header_tab_item.active,
.promoNews_section .js_news_promo_categories.active,
#js-sport-Prematch-cont .dgw_event_widget_tab_item.dgw_event_widget_tab_item_active,
#js-sport-Live-cont .dgw_event_widget_tab_item.dgw_event_widget_tab_item_active {
    background: rgb(237, 21, 21);
    background: linear-gradient(360deg, rgba(237, 21, 21, 1) 0%, rgba(255, 100, 100, 1) 100%);
    box-shadow: 0 0 14px rgba(237, 21, 21, 1);
    border: 0;
    border-radius: 46px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    padding: 10px 15px;
    overflow: hidden;
    position: relative;
}

#js_lg_ws_188 .rd_header_tab_item.active:hover,
.dynamic_games_grid .rd_header_tab_item.active:hover,
.promoNews_section .js_news_promo_categories.active:hover,
#js-sport-Prematch-cont .dgw_event_widget_tab_item.dgw_event_widget_tab_item_active:hover,
#js-sport-Live-cont .dgw_event_widget_tab_item.dgw_event_widget_tab_item_active:hover {
    background: linear-gradient(360deg, rgba(255, 100, 100, 1) 0%, rgba(237, 21, 21, 1) 100%);
}

.dgw_event_widget_wrapper .dgw_event_widget_tab_wrapper {
    margin: 0;
    padding: 10px 10px;
}

.to_top,
.crisp-client .cc-1brb6 .cc-1kgzy {
    background: rgb(9, 83, 159);
    background: linear-gradient(360deg, rgba(9, 83, 159, 1) 0%, rgba(23, 175, 255, 1) 100%) !important;
    box-shadow: 0 0 14px rgb(9, 83, 159) !important;
    width: 46px;
    height: 46px;
    font-weight: 700;
}

/* Deposit Payments */
.tl_payment_desc,
.paym_txt {
    display: none;
}

.tl_payment_block .tl_payment_head .tl_icon_col {
    min-width: 250px;
}

.tl_payment_block .tl_payment_head .tl_payment_icon.payneteasy {
    background-image: url(/Promotion/betospin/assets/images/payments_logos.png);
    display: inline-block;
    background-position: 0 0 !important;
    min-width: 250px !important;
    background-repeat: no-repeat;
    min-height: 51px;
}

.tl_payment_block .tl_payment_head .tl_payment_icon.payneteasy.canadian-version {
    background-image: url(/Promotion/betospin/assets/images/payments_logos_ca.png);
}

#block_payneteasy .payneteasy {
    background-image: url(/Promotion/betospin/assets/images/payments_logos.png);
    display: inline-block;
    background-position: 0 0 !important;
    min-width: 250px !important;
    background-repeat: no-repeat;
    min-height: 51px;
}

#accountDialog .inboxDialog {
    line-height: 32px;
    display: block;
}

#accountDialog .tl_my_acc_cont_nav {
    margin: 2px 0 0 2px;
}

#accountDialog .tl_my_acc_cont_content {
    margin: 2px 2px 0 0;
}

#accountDialog {
    border-radius: 26px;
    overflow: hidden !important;
}

#accountDialog #notification_tab {
    display: none;
}

#accountDialog:before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 16px;
    border-style: solid;
    border-width: 2px;
    mask-image: conic-gradient(from 0.76turn, rgba(255, 255, 255, 0.3), rgb(255, 255, 255) 0.01turn, rgba(255, 255, 255, 0.4) 0.03turn, rgba(255, 255, 255, 0.4) 0.41turn, rgba(255, 255, 255, 0.4) 0.45turn, rgba(255, 255, 255, 0.4) 0.46turn, rgb(255, 255, 255) 0.47turn, rgba(255, 255, 255, 0.3) 0.48turn, rgba(255, 255, 255, 0.3));
    border-image-slice: 1 fill;
    z-index: -1;
}

#accountDialog .inboxDialog .dynamic_icon {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

/* End Deposit Payments */
#LanguageBarSorting {
    min-width: 110px;
}

/* #LanguageBarSorting .lang {
    display: none;
} */

.tl_drop_down .lang.nb {
    background-position-y: 440px;
    background-repeat: unset;
}

#LanguageBarSorting .nb .lang {
    background-position-y: 440px;
    background-repeat: unset;
}

#LanguageBarSorting .nl .lang {
    background-position-y: 24px !important;
    background-repeat: no-repeat;
    background: url(https://cdn-plat.apidigi.com/plat/prd/Img/flags/mob_flags.png);
}

.dynamicBanners {
    display: block;
}

.dynamicBanners .carousel_caption {
    width: auto;
    height: auto;
    padding: 0 0 0 40px;
    inset-inline-start: auto;
    inset-block-start: auto;
    top: auto;
    right: 50%;
    bottom: 50%;
    left: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}

.dynamicBanners .carousel_caption h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 4vh;
    color: #fff;
    font-weight: 900;
}

.ui-mobile .dynamicBanners .carousel_caption {
    max-height: none;
    padding: 0 15px;

}

.dynamicBanners .carousel_caption h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 2.8vh;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-style: normal;
}

.ui-mobile .dynamicBanners .carousel_caption h2 {
    font-size: 15px;
}

.ui-mobile .bp-inbox-mobile {
    position: absolute;
  top: 62px;
  right: 43px;
  width: fit-content;
  border-radius: 20px;
}

.dynamicBanners .carousel_caption h2 em {
    font-style: normal;
}

.dynamicBanners .carousel_caption h2 strong {
    color: #fff;
    font-weight: 900;
}

.dynamicBanners .carousel_caption h2 em strong {
    color: #000339;
}

.promo_bg_image .dynamic_promo_inner {
    background: transparent;
    opacity: 1;
}

.dynamic_promo_item .dynamic_promo_item_title,
.dynamic_promo_inner:hover .dynamic_promo_item_category {
    opacity: 0;
    transition: all 0s ease;
    transform: translate(0, -91px);
}

.promo_bg_image .dynamic_promo_inner .dynamic_promo_item_descr {
    width: 50%;
    text-align: left;
    min-height: inherit;
    opacity: 1;
}

.promo_bg_image .dynamic_promo_inner .dynamic_promo_item_descr h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-style: normal;
}

.promo_bg_image .dynamic_promo_inner .dynamic_promo_item_descr h2 em {
    font-style: normal;
}

.promo_bg_image .dynamic_promo_inner .dynamic_promo_item_descr h2 strong {
    color: #ff4343;
    font-weight: 900;
}

.promo_bg_image .dynamic_promo_inner .dynamic_promo_item_descr h2 em strong {
    color: #000339;
}

.ui-mobile .dynamic_promo_container .dynamic_promo_inner {
    background: transparent;
    padding: 10px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
}

.ui-mobile .dynamic_promo_container .dynamic_promo_inner .dynamic_promo_info {
    display: none;
}

.ui-mobile .dynamic_promo_container .dynamic_promo_inner .dynamic_promo_item_descr h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-style: normal;
}

.ui-mobile .dynamic_promo_container .dynamic_promo_inner .dynamic_promo_item_descr h2 em {
    font-style: normal;
}

.ui-mobile .dynamic_promo_container .dynamic_promo_inner .dynamic_promo_item_descr h2 strong {
    color: #ff4343;
    font-weight: 900;
}

.ui-mobile .dynamic_promo_container .dynamic_promo_inner .dynamic_promo_item_descr h2 em strong {
    color: #000339;
}

#app #js_promo_content .js_news_promo_btn {
    visibility: hidden;
}

.dynamic_promo_inner {
    cursor: pointer;
}

.ui-mobile #header-bonuses-balance-btn {
    display: grid;
    padding: 8px 15px 2px;
}

.ui-mobile #menu-right .topheader_user_info .topheader_user_id {
    padding: 8px 15px 8px;
    height: 44px;
}

.ui-mobile #menu-right .topheader_user_info .topheader_user_id span {
    font-size: 7px;
    font-weight: 700;
    line-height: 8px;
    text-transform: uppercase;
    margin: 3px 0 -1px;
    color: #fff;
}

.ui-mobile #menu-right .topheader_user_info .topheader_user_id #playerBalance {
    font-weight: 700;
    font-size: 12px;
    margin: 0;
    line-height: 12px;
}

.ui-mobile #header-bonuses-balance-btn p {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    order: 1;
}

.LogoMobilePlatform {
    max-width: 112px;
    background-image: url(https://cdn-plat.apidigi.com/plat/prd/Img/partners/1224/logo.svg);
}

.ui-mobile #header-bonuses-balance-btn p:nth-child(2) {
    display: block;
    font-size: 7px;
    font-weight: 700;
    order: 0;
    line-height: 8px;
    text-transform: uppercase;
    margin: 3px 0 -5px;
}

.ui-mobile .right-menu__container #bonusBalanceCont {
    display: block !important;
}

/* Mobile Nav Bar */
#js_bn_nav_bar {
    background: #010C18;
    border-radius: 0;
}

#js_bn_nav_bar .cw_mob_mav_fixed_alternative span {
    width: 36px;
    height: 36px;
}

#js_bn_nav_bar .cw_mob_mav_fixed_alternative:nth-child(1) span {
    background-image: url(/Promotion/betospin/assets/images/mobile_bottom_menu_not_logged/icon_casino_mobile_menu.png);
    background-size: 28px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#js_bn_nav_bar .cw_mob_mav_fixed_alternative:nth-child(2) span {
    background-image: url(/Promotion/betospin/assets/images/mobile_bottom_menu_not_logged/icon_home_mobile_menu.png);
    background-size: 28px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#js_bn_nav_bar .cw_mob_mav_fixed_alternative:nth-child(3) span {
    background-image: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_sports_mobile_menu.png");
    background-size: 28px auto;
    background-repeat: no-repeat;
    background-position: center;
}

/* Footer */
.footer {
    background: #010C18;
}

.footer__payments {
    display: none;
}

.ui-mobile #crisp-chatbox {
    z-index: initial !important;
}


.ui-mobile #crisp-chatbox>*>a {
    bottom: 270px !important;
    z-index: 2 !important;
}

.ui-mobile #crisp-chatbox>*>div {
    z-index: 1990 !important;
}

#footer-company-reg {
    margin: 20px auto;
    text-align: center;
}

#js_footer .ternBtn.tl_acc_lang {
    background: rgb(9, 83, 159);
    background: linear-gradient(360deg, rgba(9, 83, 159, 1) 0%, rgba(23, 175, 255, 1) 100%);
    border-radius: 46px;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    box-shadow: 0 0 14px rgb(9, 83, 159);
    border: 0;
    padding: 10px 15px;
}


#js_footer #LanguageBarSorting {
    border-radius: 6px;
    background: linear-gradient(360deg, #012D5F 0%, rgba(9, 83, 159, 1) 100%);
}

#footer #LanguageBarSortingMob {
    border-radius: 30px;
    background: linear-gradient(360deg, #012D5F 0%, rgba(9, 83, 159, 1) 100%);
}

#js_footer #LanguageBarSorting .tl_dropdown_style {
    background: none;
}

#js_footer #LanguageBarSorting .tl_dropdown_style:hover {
    color: rgba(23, 175, 255, 1);
}

#js_footer .footer_social-item,
#footer .footer_social-item {
    background: linear-gradient(360deg, rgba(9, 83, 159, 1) 0%, rgba(23, 175, 255, 1) 100%);
    border-radius: 100px;
    box-shadow: 0 0 14px rgb(9, 83, 159);
}

#js_footer .footer_social-item::before,
#footer .footer_social-item::before {
    color: #fff;
}

/* Media Queries */

/* Notification Bonuses*/
#msg_cont {
    position: relative;
    overflow: hidden;
}

.custom-bonus {
    /*the betOspin background image from FIGMA should be here*/
    background: url(/Promotion/betospin/assets/images/bonus-notifications-background.png);
    background-repeat: repeat;
    background-repeat: round;
    margin: -22px -17px;
    padding: 22px 0 22px 22px;
    width: calc(100% + 32px) !important;
    height: calc(100vh + 59px);
}

.custom-bonus .tl_mail_message_body p:nth-of-type(2) {
    color: #FF4343;
    text-align: center;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    z-index: 1;
    margin-top: 10px;
}

.custom-bonus p:nth-of-type(3) {
    text-align: center;
}

.notifications-in-bonuses-paragraphs {
    text-align: center;
    position: relative;
    z-index: 100;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
}

.custom-bonus #notifications-in-bonuses-img {
    position: static;
    margin-top: 22px;
    width: 420px;
}

.custom-bonus .inbox-claim-reward {
    display: inline-block;
    background: #FF4343;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 25px;
    position: absolute;
    bottom: 9%;
    left: 0;
    right: 0;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin: 0 auto;
    width: 480px;
    height: 85px;
    border-radius: 1px;
    font-weight: 900;
    font-size: 36px;
    line-height: 62px;
    color: #fff !important;
}

.green-text {
    color: #FF4343;
}

.pn_card {
    opacity: 1;
    height: 87%;
}

.pn_card_category {
    display: none;
}

.pn_card_footer {
    display: none;
}

.pn_card_hover {
    top: 0;
    height: 100%;
    background: none;
}

.pn_card_descr {
    text-align: left;
    margin-top: 0;
    width: 50%;
    position: absolute;
}

.pn_card_descr h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-style: normal;
}

.pn_card_descr h2 em {
    font-style: normal;
}

.pn_card_descr h2 strong {
    color: #ff4343;
    font-weight: 900;
}

.pn_card_descr h2 em strong {
    color: #ff4343;
}

.pn_card_body {
    height: 100%;
}

.flex_center_center {
    align-items: unset;
}

.pn_card_hover .pn_card_buttons {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.pn_card_hover .pn_card_buttons .pn_card_button {
    flex: 1;
}

@media screen and (min-width: 900px) {
    .pn_card:hover .pn_card_hover {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    .banners_rectangleAd__wrapper {
        padding: 0 !important;
    }
}

.pn_card_descr {
    text-align: left;
    margin-top: 0;
    width: 50%;
    position: absolute;
    height: 100%;
    min-height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
}

.pn_card_hover {
    display: block;
}



/* Mobile Left Menu */
.cw_mob_sidebar {
    padding: 40px 15px 0;
    background: #09142B !important;
}

.cw_mob_sidebar_menu_item_devider {
    background: linear-gradient(90deg, #09142B 0%, var(--cwBodyTxt2) 50%, #09142B 100%);
}

.cw_mob_sidebar_menu_item_devider {
    margin: 0;
}

.cw_mob_sidebar .cw_mob_sidebar_block {
    margin: 0;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(1) {
    margin: -20px -20px 0;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(1) .js_left_mn_items {
    border: 0;
    padding: 10px 10px 10px 27px;
    width: 50%;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(1) .js_left_mn_items:nth-child(2) i {
    color: #56E77E !important;
    font-size: 66px;
    line-height: 34px;
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_sports_top_menu.png") no-repeat;
    background-position: 0;
    background-size: 100% auto;
}

.cw_mob_sidebar .lm__block i {
    font-size: 72px;
    font-weight: 400;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(1) i {
    color: #5C299C !important;
    background: url(/Promotion/betospin/assets/images/left_menu/icon_promotions_mobile_left_menu.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    min-height: 30px;
    width: 34px;
    background-position: center center;
    font-size: 0;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(3) i {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_live_mobile_left_menu.png") no-repeat;
    background-position: 0;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(5) i {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_casino_top_menu.svg") no-repeat;
    background-position: 0;
    background-size: 100% auto;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(7) i {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_livecasino_top_menu.svg") no-repeat;
    background-position: 0;
    background-size: 100%;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(9) i {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_slots_top_menu.svg") no-repeat;
    background-position: 0;
    background-size: 100%;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(11) i {
    background: url(/Promotion/betospin/assets/images/left_menu/icon_vritualsport_mobile_left_menu.png) no-repeat;
    background-position: 0;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(13) i {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_tvgames_top_menu.svg") no-repeat;
    background-position: 0;
    background-size: 100%;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(15) i {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_rocketon_top_menu.svg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: 0;
    background-size: 100% 100%;
}

.cw_mob_sidebar .cw_mob_sidebar_block:nth-child(17) i {
    background: url("https://www.betospin.com/Promotion/betospin/assets/images/top_menu/icon_esports_top_menu1.png") no-repeat;
    background-position: 0;
    background-size: 100%;
    width: 58px;
    height: 44px;
    margin: 0 0 0 -12px;
}

.cw_mob_sidebar .lm__links {
    background: #441E73;
}

.cw_mob_sidebar .js_left_mn_items {
    border-radius: 0;
    margin: 0;
    padding: 10px;
    height: auto;
}

.cw_mob_sidebar .js_left_mn_items i {
    color: rgba(0, 0, 0, 0);
    height: 34px;
    width: 34px;
    text-indent: 999px;
}

.dynamic_menu .lm_link_noic,
.dynamic_menu .lm_link {
    background: none;
    border: 0;
    padding: 0;
}

.dynamic_menu .lm_link_noic a,
.dynamic_menu .lm_link a {
    font-size: 15px;
    min-height: 52px;
    padding: 0 0 0 45px;
}

.dynamic_menu .lm_link_noic a i,
.dynamic_menu .lm_link a i {
    display: none;
}


.custom-nav-menu-container {
    padding: 11px 24px 20px 24px;
}



@import url("https://fonts.googleapis.com/css?family=Raleway:400");

* {
    box-sizing: border-box;
}

@property --angle {
    syntax: '<angle>';
    initial-value: 90deg;
    inherits: true;
}

@property --gradX {
    syntax: '<percentage>';
    initial-value: 50%;
    inherits: true;
}

@property --gradY {
    syntax: '<percentage>';
    initial-value: 0%;
    inherits: true;
}

:root {
    --d: 2500ms;
    --angle: 90deg;
    --gradX: 100%;
    --gradY: 50%;
    --c1: rgba(168, 239, 255, 1);
    --c2: rgba(168, 239, 255, 0.1);
}


.box {
    position: relative;
    font-size: 3vw;
    margin: max(1rem, 3vw);
    padding: 3vw;
    background-color: rgba(10, 12, 18, 1);
    border-radius: 1rem;
    z-index: 1;
}

.box:before {
    content: "";
    position: absolute;
    top: -0.3rem;
    /* Adjust as needed to match the border width */
    left: -0.3rem;
    /* Adjust as needed to match the border width */
    right: -0.3rem;
    /* Adjust as needed to match the border width */
    bottom: -0.3rem;
    /* Adjust as needed to match the border width */
    border-radius: inherit;
    background: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn);
    z-index: -1;
    animation: borderRotate var(--d) linear infinite forwards;
}

.box:nth-child(2):before {
    background: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%);
    animation: borderRadial var(--d) linear infinite forwards;
}

@keyframes borderRotate {
    100% {
        --angle: 420deg;
    }
}

@keyframes borderRadial {
    20% {
        --gradX: 100%;
        --gradY: 50%;
    }

    40% {
        --gradX: 100%;
        --gradY: 100%;
    }

    60% {
        --gradX: 50%;
        --gradY: 100%;
    }

    80% {
        --gradX: 0%;
        --gradY: 50%;
    }

    100% {
        --gradX: 50%;
        --gradY: 0%;
    }
}

.swiper-pagination.js_story_pgination .js_nested_pb {
    background-color: #0a1831 !important;
}

.dynamicBanners_img.js_nested_items+div {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0px 25px;
    text-align: center;
}

.dynamicBanners_img.js_nested_items+div h2 {
    font-family: 'ProximaNovaA-BlackIt', Arial, sans-serif;
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    line-height: 28px;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-style: normal;
}

.dynamicBanners_img.js_nested_items+div h3 {
    font-family: 'ProximaNovaA-BlackIt', Arial, sans-serif;
    font-size: 52px;
    color: #fff;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-style: normal;
}

.ui-mobile .dynamicBanners_img.js_nested_items+div h2 {
    font-size: 4.5vh;
    line-height: 5.5vh;
}

.dynamicBanners_img.js_nested_items+div h2 {
    font-size: 22px;
}

.dynamicBanners_img.js_nested_items+div h2 strong {
    color: #ff4343;
    font-weight: 900;
}

.dynamicBanners_img.js_nested_items+div h3 span,
.dynamicBanners_img.js_nested_items+div span {
    color: #ebd953;
    font-weight: 900;
}

@media all and (min-width: 1400px) {
    .dynamicBanners_img.js_nested_items+div h2 {
        font-size: 34px;
    }

    .dynamicBanners_img.js_nested_items+div h2 {
        font-size: 20px;
    }
}

@media all and (min-width: 1600px) {
    .dynamicBanners_img.js_nested_items+div h2 {
        font-size: 42px;
    }

    .dynamicBanners_img.js_nested_items+div h2 {
        font-size: 20px;
    }
}

#js_story_slider_2246 h2 {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
}

.story__item img {
    object-position: 50% bottom;
}

.depositDialog.tl_btn {
    background: linear-gradient(360deg, rgba(255, 100, 100, 1) 0%, rgba(237, 21, 21, 1) 100%) !important;
}

.depositDialog.tl_btn span {
    line-height: normal;
}

.deposit-random-flash {
    animation: light1 1s infinite;
    opacity: 1;
}

.tl_btn {
    overflow: hidden;
}

.tl_btn.tl_drop_down {
    overflow: visible;
}

.tl_btn_1::before,
.tl_btn_3::before,
.tl_btn_4::before,
.tl_btn_5::before,
.tl_btn_6::before,
.tl_btn_7::before,
.tl_btn_8::before {
    border-radius: 46px;
    animation: light1 1s infinite;
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 360%;
    z-index: 0;
    opacity: 0.7;
    transition: opacity 1s;
    transform: rotate(180deg);
}

.dynamic_featured_item {
    min-width: 145px;
}

@keyframes light1 {
    0% {
        background-position: right;
    }

    100% {
        background-position: left;
    }
}

.dynamic-featured-wrapper {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
}

.dynamic-featured-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    /* Align to top */
    left: 0;
    /* Align to left */
    width: 100%;
    /* Match wrapper width */
    height: 100%;
    /* Match wrapper height */
    border-radius: 16px;
    /* Apply border radius */
    background: linear-gradient(-125deg, rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 40%,
            rgba(255, 255, 255, 0.7) 50%,
            rgba(255, 255, 255, 0) 60%,
            rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 360%;
    z-index: 0;
    /* Behind the content */
    opacity: 0.7;
    animation: light1 1s infinite;
    transform: rotate(180deg);
    /* Apply transform without affecting size */
}

.enabled-sparkling-stories {
    background: linear-gradient(-125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 360%;
    z-index: -1;
    animation: light1 1s infinite;
    height: 120px;
}

.inbox_v2 .inner__body .custom-bonus .inner__text {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .custom-bonus .tl_mail_message_body {
        width: 77%;
        border: 1px solid white;
        height: 317px;
        top: 284px;
        position: relative;
        background-color: rgba(0, 0, 0, 0.6) !important;
        border-radius: 38px;
        border: 1px solid #0065FC;
    }

    .custom-bonus .tl_mail_message_body>.notifications-in-bonuses-paragraphs:first-of-type {
        margin-top: 56px;
        font-size: 28px;
        font-weight: 900;
        text-transform: uppercase;
        font-family: 'Montserrat';
    }

    .custom-bonus .tl_mail_message_body p:nth-of-type(2) {
        text-transform: uppercase;
        font-family: 'Montserrat';
        font-weight: 900;
    }

    .custom-bonus .notifications-in-bonuses-paragraphs {
        font-weight: 900;
    }

    .custom-bonus #notifications-in-bonuses-img {
        display: block;
        margin: 0 auto;
        top: -456px;
        position: relative;
        width: 374px;
    }

    .custom-bonus .inbox-claim-reward {
        border-radius: 43px;
        margin-bottom: 12px;
        background: linear-gradient(to bottom, #FF6464 0%, #ED1515 100%);
        font-weight: 800;
        font-size: 40px;
        font-family: 'Montserrat';
    }

.ui-mobile-viewport #content.custom-bonus {
        background: url(/Promotion/betospin/assets/images/bonus-notifications-background.png);
        background-position-x: center;
        background-size: cover;
    }

    .ui-mobile-viewport .custom-bonus .inner__body .inner__text {
        display: block;
    }

    .ui-mobile-viewport .custom-bonus .tl_mail_message_cont {
        margin-top: 176px;
    }

    .ui-mobile-viewport .custom-bonus .tl_mail_message_body {
        width: 100%;
        border: 1px solid white;
        height: 268px;
        top: 21px;
        position: relative;
        background-color: rgba(0, 0, 0, 0.6) !important;
        border-radius: 38px;
        border: 1px solid #0065FC;
        text-align: center;
    }

    .ui-mobile-viewport .custom-bonus #notifications-in-bonuses-img {
        display: block;
        margin: 0 auto;
        top: -363px;
        position: relative;
        width: 260px;
    }

    .ui-mobile-viewport .custom-bonus .inbox-claim-reward {
        display: inline-block;
        background: #FF4343;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px 25px;
        position: absolute;
        bottom: 4%;
        left: 0;
        right: 0;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        margin: 0 auto;
        width: 234px;
        height: 54px;
        border-radius: 1px;
        font-weight: 900;
        font-size: 36px;
        line-height: 36px;
        color: #fff !important;
        border-radius: 43px;
        margin-bottom: 12px;
        background: linear-gradient(to bottom, #FF6464 0%, #ED1515 100%);
        font-weight: 800;
        font-size: 24px;
        font-family: 'Montserrat';
    }

    .ui-mobile-viewport .custom-bonus .tl_mail_message_body>.notifications-in-bonuses-paragraphs:first-of-type {
        font-size: 20px;
    }

    .ui-mobile-viewport .custom-bonus .notifications-in-bonuses-paragraphs {
        font-size: 18px;
    }

    .ui-mobile-viewport .custom-bonus .inner__body {
        overflow: hidden;
    }

    @media only screen and (max-width: 400px) {
        .ui-mobile-viewport .custom-bonus #notifications-in-bonuses-img {
            top: -381px;
        }
    }

    @media only screen and (min-width: 401px) and (max-width: 505px) {
        .ui-mobile-viewport .custom-bonus #notifications-in-bonuses-img {
            top: -353px;
        }
    }

    @media only screen and (min-width: 506px) and (max-width: 991px) {
        .ui-mobile-viewport .custom-bonus #notifications-in-bonuses-img {
            top: -328px;
        }
    }

	.ui-dialog .depositWelcomeOfferWrapper {
		width: 100%;
		display: flex;
		flex-direction: row;
		padding-left: 20px;
    		padding-right: 40px;
    		padding-bottom: 20px;
	}

	.ui-mobile-viewport .depositWelcomeOfferWrapper {
		padding: 0px 25px 25px 25px;
		display: flex;
		gap: 20px;
		flex-direction: column;
	}

	@media screen and (max-width: 1200px) {
		.ui-dialog .depositWelcomeOfferWrapper {
			flex-direction: column;
		}
	}


.tl_my_acc_cont_nav {   
    background: rgba(1, 12, 24, 1);
    max-width: 297px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 22px;
    padding-right: 10px;

}

.tl_my_acc_cont .tl_my_acc_nav_item {
    position: relative;
    background: none;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-top: 15px;
    height: auto;
    border-bottom: 1px solid #002650;
    padding-bottom: 15px;
    padding-right: 0px;
    padding-left: 0px;

}

.tl_my_acc_cont .tl_my_acc_nav_itemsp {
    max-width: 100%;
    position: relative;
    background: none;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-top: 15px;
    height: auto;
    border-bottom: 1px solid #002650;
    padding-bottom: 15px;
    padding-right: 0px;
    padding-left: 48px;
}

#accountDialog .inboxDialog {
    max-width: 100%;
    position: relative;
    background: none;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding: 15px 0px;
    height: auto;
    border: 0;
}

.cw_icon_mail {
    margin-right: 15px;
}

.tl_my_acc_cont .tl_my_acc_nav_itemsp::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/sport_bet_history.png');
    left: 5px;
}

#profile_tab {
    padding-top: 32px;
    padding-left: 48px;

}

#profile_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/my_profile.png');
    left: 5px;
}

#accountDialog #notification_tab {
    display: block;
    padding-left: 48px;
}

#accountDialog #notification_tab::before {
    position: absolute;
    content: url('/Promotion/betospin/assets/images/pre-cashier/notification.png');
    width: 33px;
    height: 33px;
    left: 5px;
}

#accountDialog .inboxDialog {
    display: block;
    padding-left: 48px;
}

#accountDialog .inboxDialog::before {
    position: absolute;
    content: url('/Promotion/betospin/assets/images/pre-cashier/envelope.svg');
    width: 33px;
    height: 33px;
    left: 5px;
}

#accountDialog .inboxDialog .cw_icon_mail {
    display: none;
}

#documents_tab {
    padding-left: 48px;
}

#documents_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/document.svg');
    left: 5px;
}

#deposit_tab {
    padding-left: 48px;
}

#deposit_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/deposit.png');
    left: 5px;
}

#withdraw_tab {
    padding-left: 48px;
}

#withdraw_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/withdrawal.png');
    left: 5px;
}

#history_tab {
    padding-left: 48px;
}

#history_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/game_history.png');
    left: 5px;
}

#bonuses_tab {
    padding-left: 48px;
}

#bonuses_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/bonuses.png');
    left: 5px;  
}

#transactions_tab {
    padding-left: 48px;
}

#transactions_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/transactions.png');
    left: 5px; 
}

#myActivity_tab {
    padding-left: 48px;
}

#myActivity_tab::before {
    position: absolute;
    width: 33px;
    height: 33px;
    content: url('/Promotion/betospin/assets/images/pre-cashier/my_activity.png');
    left: 5px; 
}


.tl_my_acc_cont .tl_my_acc_nav_item.active {
    color: rgba(255, 67, 67, 1);
    background: none;
    font-weight: 700;
}

.tl_my_acc_cont .tl_my_acc_nav_item:hover {
    background: none;
}

.tl_my_acc_cont .tl_my_acc_nav_itemsp:hover {
    background: none;
}

#accountDialog {
    border-radius: 0;
}

#accountDialog:before {
    border-radius: 0;
    border: 0;
}

#accountDialog .tl_my_acc_cont_content {
    background: #0A152E;
}

.tl_my_acc_title {
    font-family: "Inter", sans-serif;
    font-weight: 600;
}

.tl_payment_block .tl_payment_head {
    display: flex;
    align-items: center;
    height: 92px;
    background: #002043;
    border: 1px solid #002D62;
    border-radius: 16px;
    margin-bottom: 0px;
    min-height: auto;
    padding-left: 18px;
}



.tl_payment_cont .tl_payment_block {
    background: transparent;
}

.tl_payment_cont .tl_payment_block:hover {
    background: transparent;
}

.tl_payment_cont .tl_payment_block.active {
    background: #002043;
    border: 1px solid #002D62;
    border-radius: 16px;
}

.tl_payment_head_credit_icon {
    padding-right: 30px;
}

.tl_payment_head_main_info h4{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-top: 10px;
}

.tl_payment_head_main_title {
    display: flex;
    align-items: center;
}

.tl_payment_head_main_title h3{
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 900;
    padding-right: 15px;
}

.tl_payment_head_main_icons {
    padding-left: 15px;
    border-left: 1px solid #003D81;
}

.tl_payment_head_main_icons img{
    vertical-align: middle;
}

.tl_payment_head_main_icons img:first-child{
    padding-right: 14px;
}

.tl_payment_head_open_icon {
    margin-top: auto;
    margin-left: auto;
    margin-bottom: auto;
    padding-right: 17px;
}

.tl_payment_body_amount_inputs {
    display: flex;
    flex-wrap: wrap;
    padding-left: 27px;
    column-gap: 9px;
    row-gap: 9px;
}
#accountDialog .tl_payment_body_amount_input:hover,
#accountDialog .tl_payment_body_amount_input:active {
    background: #025FC9;
}

.tl_payment_body_amount_input {
    background: #124B8D;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 10px 35px;
    border-radius: 128px;
    border: 1px solid #025FC9;
    cursor: pointer;
}

.tl_payment_body form {
    padding: 0px 20px 45px 20px;
}

.tl_my_acc_cont .lbl {
    height: auto;
    padding-bottom: 7px;
    padding-top: 16px;
    padding-left: 11px;
}

.tl_my_acc_cont .lbl label{
   color: #CFCFCF;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 600;
}

#accountDialog .tl_input_popup {
    height: 49px;
    border-radius: 32px;
    background: #002652;
    border: 1px solid #54A4FF;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    padding-left: 19px;
}

#accountDialog .tl_sel_custom_popup_reg {
    height: 49px;
    border-radius: 32px;
    background: #002652;
    border: 1px solid #54A4FF;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    padding-left: 19px;
}

#accountDialog .tl_deposit_button {
    height: 49px;
    padding: 12.5px 50px;
    font-size: 20px;
}


.tl_payment_block.active .tl_payment_head{
    border: 0;
}

#accountDialog .tl_my_acc_cont_content {
    padding: 0;
}

.tl_my_acc_cont_content_footer {
    height: 90px;
    background: #0F224E;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;

}

.tl_my_acc_cont_content_footer_icons {
    display: flex;
    column-gap: 8px;
}

.profile_popup_content {
    height: calc(100% - 90px);
}

#accountDialog .tl_payment_cont .tl_my_acc_title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#accountDialog .tl_payment_cont .tl_my_acc_title .min-max__container {
    display: flex;
}

#accountDialog .tl_payment_cont .tl_my_acc_title .tl_my_acc_title_main{
    color: #c5c5c5;
}

#accountDialog .tl_payment_cont .tl_my_acc_title .min-max__container > div {
    padding: 0px 15px;
}

#accountDialog .tl_payment_cont .tl_my_acc_title .min-max__container > div:first-child {
    border-right: 1px solid #022E5F;
}

#accountDialog .tl_payment_cont .tl_my_acc_title .min-max__container h3{
    color: #c5c5c5;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 20px;
}

#accountDialog .tl_payment_cont .tl_my_acc_title .min-max__container h3 span {
    font-size: 14px;
}

#accountDialog .tl_payment_cont .tl_payment_padd {
    margin: 0;
    padding: 0 6px;
    flex: 1;
}

#accountDialog .tl_payment_cont .tl_payment_padd .payneteasy_btn {
    text-align: center;
}

#accountDialog .tl_payment_cont .tl_payment_padd .tl_deposit_button {
    max-width: 274px
}
.dynamicBanners .carousel_caption h2 strong{
    background: #ff4343;
    border-radius: 10px;
    padding: 0 5px;
    margin-right: 4px;
    white-space: nowrap;
}

.dynamicBanners .carousel_caption h2 {
    line-height: 1.3;
}
