:root {
    --primaryColor: #e6a124;
    --secondaryColor: 223,92,0;
    --tertiaryColor: 57,205,0;
    --luckyacetxtClr: #b29008;
    --OTPCheckBoxBackground: #000;
    --headerBg: #000;
    --footerBg: #000;
    --counterwrapper: #111;
    --carouselGradient: #111;
    --bgColor: #181818;
    --countercontainerbackground: #222;
    --inputBackgroundColor: #222;
    --inputColor: #222;
    --flagBorder: #444;
    --fontColor: #fff;
    --primaryColorDark: #d3a904;
    --textGray: #cdcdcd;
    --stepBg: #1b1925;
    --stepIconBg: #272438;
    --productBg: #1d2428;
    --paymentBg: #181e27;
    --linkColor: #29baa0;
    --inputlabelColor: #c7cfdf;
    --depositbtnColor: #392f04;
    --logoutbtntextColor: #f8600bfa;
    --logoutbtnColor: #401903;
    --jackpotdetailbgColor: #1e262d;
    --inputBorderColor: #54658d;
    --toggleColor: #30fbd6;
    --currentBalanceContainer: #95000b;
    --jackpotBackground: #090c0e99;
    --checkboxborder: #fcd163;
    --hoverBackground: #fff4;
    --footertextcolor: #ffffffbf;
    --loginModalTextBoxesColor: #2b2f38;
    --otpText: #7086b0;
    --disclaimerTextClr: #b9c5de;
    --backtoLoginClr: #bfd4fd;
    --depositcontainerbackground: #141f21;
    --greyTextCounter: #b9b9b9;
    --bodycolorsportsBetting: #1c1d21;
    --sidebarHeading: #fff9;
    --sidebarLeagueHeading: #fffc;
    --sidebarbgbetting: #141618;
    --sidebarbuttonsClr: #202326;
    --bettingbtnbgclr: #323a43;
    --bettingContainerBg: #363a44;
    --sportsBtnclr: #cf09;
    --bettingcardinner: #ffffff47;
    --bettingclr: #1a282b;
    --progressbarClr: #29cc6a;
    --bettingInrClr: #1d1f27;
    --virtualSports: #18191d;
    --virtualsportsscore: #202125;
    --infopopupbtnclractive: #e45200;
    --infopopupbtnclrdefault: #490000;
    --countclr: #121416;
    --sportsbettingGreen: #ccff009e;
    --borderbtn: #ffffff4d;
    --btninnerclr: #363940;
    --logoBg: #fff;
    --arrowClr: #007180;
    --primaryorange: 223,92,0;
    --primaryblack: 24,24,24;
    --bgColor: 36,38,43;
    --sidebarbgColor: 28,29,33;
    --sidebarclosearrowbg: 41,44,49;
    --previousbgblack: 20,20,23;
    --bodyBlack: 0,0,0;
    --yellowBg: 253,208,23;
    --borderTable: 229,208,190;
    --zeroBgClr: 0,153,72;
    --red: 218,0,0;
    --black: 0,0,0;
    --green: 0,153,72;
    --snowblue: 0,163,255;
    --borderGreen: 28,253,23;
    --lightGrey: 65,65,65;
    --tableYallow: 229,151,16;
    --roulletesearchyellow: 253,208,23;
    --Grey: 128,128,128;
    --numberBorder: 196,150,66;
    --oddevenColorroullete: 36,38,43;
    --hoverYellow: 240,173,64;
    --darkGreen: 42,115,74;
    --darkGreen_200: 0,107,50;
    --gray: 32,34,39;
    --graySecondary: 43,47,56;
    --btnDefualt: 43,47,56;
    --btnActive: 223,92,0;
    --white: 225,225,225;
    --grayLight: 42,44,50;
    --linkText: 164,164,164;
    --formInput: 84,101,141;
}

:root.light {
    --secondaryColor: #333;
    --textGray: #323232;
    --bgColor: #d4d6db;
    --stepBg: #e8e8e8;
    --stepIconBg: #dcdcdc;
    --productBg: #d7dee2;
    --paymentBg: #e5e5e5;
    --footerBg: #dfe1e5;
    --fontColor: #000;
    --flagBorder: #c2c2c2;
    --linkColor: #000;
    --inputColor: #a9a9a9;
    --inputlabelColor: #383838;
    --depositbtnColor: #654606;
    --logoutbtntextColor: #0a7f8c;
    --logoutbtnColor: #000;
    --jackpotdetailbgColor: #f1f1f1;
    --counterwrapper: #e4e4e4;
    --inputBackgroundColor: #b8b8b8;
    --inputBorderColor: #a9a9a9;
    --toggleColor: #cf1b4b;
    --currentBalanceContainer: #6b420c;
    --jackpotBackground: #696969;
    --checkboxborder: #030303;
    --hoverBackground: #ebebeb;
    --footertextcolor: #404040;
    --loginModalTextBoxesColor: #d4d4d4;
    --otpText: #8f7c60;
    --disclaimerTextClr: #464646;
    --backtoLoginClr: #404040;
    --OTPCheckBoxBackground: #e7e7e7;
    --countercontainerbackground: #b8b8b8;
    --depositcontainerbackground: #e0e0e0;
    --carouselGradient: #e5e5e5;
    --greyTextCounter: #464646;
    --bodycolorsportsBetting: #b9bbc3;
    --sidebarHeading: #000;
    --sidebarLeagueHeading: #000;
    --sidebarbgbetting: #ededed;
    --sidebarbuttonsClr: #ddd;
    --bettingbtnbgclr: #cdcdcd;
    --bettingContainerBg: #c2c2c2;
    --sportsBtnclr: #333;
    --bettingcardinner: #b8b8b8;
    --bettingclr: #a9b9c1;
    --progressbarClr: #d61a46;
    --bettingInrClr: #b9bbc3;
    --luckyacetxtClr: #000;
    --virtualSports: #18191d;
}

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

._fs10 {
    font-size: 10px!important;
}

.sidebarBg {
    background-color: rgb(var(--sidebarbgColor));
}

.PanelBodyHeight {
    max-height: 450px;
}

.textOrange {
    color: rgb(var(--primaryorange));
}

.previousdraw {
    background-color: rgb(var(--previousbgblack));
    cursor: pointer;
}

.cartdeatils {
    max-width: 95%;
    flex-wrap: wrap;
}

.BetNumbers {
    min-width: 30px;
}

@keyframes travel {
    0% {
        transform: rotate(-45deg) translateX(70px);
    }

    50% {
        transform: rotate(-45deg) translateX(-20px);
        box-shadow: 5px 0 6px 1px #fff;
    }

    100% {
        transform: rotate(-45deg) translateX(-30px);
        width: 2px;
        height: 2px;
        opacity: 0;
        box-shadow: none;
    }
}

@keyframes move {
    0% {
        transform: none;
    }

    25% {
        transform: translateX(2px);
    }

    100% {
        transform: translateX(-2px);
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}


.overflow-hidden {
    overflow: hidden;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-flex {
    display: flex;
}

a {
    text-decoration: none!important;
    color: var(--fontColor);
    transition: all .2s ease-in-out;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.color_primary {
    color: var(--colorPrimary);
}

.color_secondary {
    color: var(--colorSecondary);
}

/*h6 {
    margin: 0;
    color: var(--fontColor);
}

h5 {
    margin: 0;
    color: var(--fontColor);
}

h4 {
    margin: 0;
    color: var(--fontColor);
}

h3 {
    margin: 0;
    color: var(--fontColor);
}

h2 {
    margin: 0;
    color: var(--fontColor);
}

h1 {
    margin: 0;
    color: var(--fontColor);
}

p {
    margin: 0;
    color: var(--fontColor);
}

button {
    color: var(--fontColor);
}
*/
.btn {
    font-size: 14px;
}

.sr_header {
    height: 100px;
    background-color: var(--OTPCheckBoxBackground);
}

@media only screen and (max-width: 991px) {
    .sr_header {
        height:65px;
    }
}

.sr_header.header-fixed .sr_header_w {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 99;
    animation: slideDown .35s ease-out;
    background-color: var(--OTPCheckBoxBackground);
}

.sr_header.header-fixed .sr_header_w nav.sr_navbar {
    height: 100%;
}

.sr_header.header-fixed .sr_header_w nav.sr_navbar .languageDropDown {
    margin-top: 28px;
}

.sr_header {
    background-color: var(--OTPCheckBoxBackground);
}

.sr_header .sr_header_w.container-2xl {
    max-width: 100%;
}

.sr_header .sr_header_w nav.sr_navbar {
    height: 100px;
    position: relative;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_logo .sr_logo {
    z-index: 1;
    display: inline-block;
    position: relative;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_logo .sr_logo img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 9999999;
    height: 62px;
}

@media only screen and (min-width: 991px) {
    .sr_header .sr_header_w nav.sr_navbar .sr_header_logo .sr_logo img {
        height:84px;
    }
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu {
    padding: 20px 0;
    flex-wrap: nowrap;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 5px 20px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a img {
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(65%) sepia(45%) saturate(5496%) hue-rotate(22deg) brightness(95%) contrast(94%);
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a img:hover {
    filter: brightness(0) saturate(100%) invert(80%) sepia(53%) saturate(1229%) hue-rotate(353deg) brightness(91%) contrast(96%);
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a:hover {
    color: var(--fontColor);
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a:hover .sr_nav_text {
    color: rgba(var(--secondaryColor),1)!important;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a:hover .iconsClr {
    color: rgba(var(--secondaryColor),1)!important;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a:hover svg path {
    fill-opacity: 1;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a:hover img {
    opacity: 1;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a span {
    text-align: center;
    display: block;
    margin-top: 8px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a span i {
    margin-left: 5px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li>a span.sr_nav_text {
    font-size: 14px;
    font-weight: 600;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li .virtualGamesToggle {
    display: none;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li .virtualGamesToggle>div:hover>span {
    color: rgba(var(--secondaryColor),1)!important;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li:hover .virtualGamesToggle,.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li:active .virtualGamesToggle {
    display: block;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive {
    position: fixed;
    z-index: 99999999;
    background-color: var(--bodycolorsportsBetting);
    width: 100%!important;
    height: 100%!important;
    left: 0;
    top: 0;
    display: flex!important;
    overflow: auto;
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .menuClose {
    display: block!important;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items {
    flex-direction: column!important;
    margin: auto!important;
    width: 100%;
    max-width: 500px;
    padding: 0!important;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li {
    padding: 2px 5px!important;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li>a {
    flex-direction: row!important;
    padding: 15px 15px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li>a>span {
    margin-top: 0!important;
    flex: 1 1 auto!important;
    display: flex;
    font-size: 16px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li>a>span.sr_nav_text {
    font-size: 16px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li>a>span>i {
    margin-left: auto;
    padding-left: 15px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li>a>div {
    margin-right: 6px;
    width: 50px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li .virtualGamesToggle {
    position: unset!important;
    width: 100%;
    margin: 10px 0 0!important;
    display: block;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li .virtualGamesToggle>a {
    padding: 4px 20px 11px 20px!important;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu .menuActive .sr_nav_items>li .virtualGamesToggle>a>span {
    font-size: 18px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_nav_menu.sr_col_wide {
    flex: 2 1 auto;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_right {
    display: flex;
    align-content: center;
    align-items: center;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_right>div {
    gap: 15px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_right>div .sr_lang_col .sr_lang_dropdown .sr_lang_btn {
    cursor: pointer;
    color: var(--fontColor);
    align-items: center;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_right>div .sr_lang_col .sr_lang_dropdown .sr_lang_btn .sr_flag_icon {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid var(--flagBorder);
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_right>div .sr_lang_col .sr_lang_dropdown .sr_lang_btn .sr_flag_icon img {
    width: 100%;
    height: 100%;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_right>div .sr_lang_col .sr_lang_dropdown .sr_lang_btn i {
    margin-left: 6px;
}

.sr_header .sr_header_w nav.sr_navbar .sr_header_right>div .sr_auth_col {
    gap: 10px;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.Togglewrapper {
    position: relative;
    display: flex;
    cursor: pointer;
}

#themechangeCheckbox {
    opacity: 0;
    height: 0;
    width: 0;
}

#themechangeCheckbox:checked+.toggle {
    background: #24d7f7;
}

#themechangeCheckbox:checked+.toggle .toggle-button {
    background: #f7ffff;
    transform: translateX(102px);
    box-shadow: 0 0 35px 5px #fff;
}

#themechangeCheckbox:checked+.toggle .toggle-button .crater {
    transform: rotate(-45deg) translateX(70px);
}

#themechangeCheckbox:checked+.toggle .star {
    animation: move 2s infinite;
    transform: none;
    box-shadow: none;
}

#themechangeCheckbox:checked+.toggle .star-1 {
    width: 40px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    left: 20px;
    top: 25px;
    box-shadow: none;
}

#themechangeCheckbox:checked+.toggle .star-2 {
    width: 12px;
    height: 12px;
    background: #fff;
    left: 26px;
    top: 23px;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.1);
}

#themechangeCheckbox:checked+.toggle .star-3 {
    width: 16px;
    height: 16px;
    background: #fff;
    left: 35px;
    top: 19px;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.1);
}

#themechangeCheckbox:checked+.toggle .star-4 {
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    left: 46px;
    top: 21px;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.1);
}

#themechangeCheckbox:checked+.toggle .star-5 {
    display: block;
    width: 60px;
    height: 15px;
    border-radius: 15px;
    background: #fff;
    left: 30px;
    bottom: 20px;
    box-shadow: none;
}

#themechangeCheckbox:checked+.toggle .star-6 {
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    left: 38px;
    bottom: 20px;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.1);
}

#themechangeCheckbox:checked+.toggle .star-7 {
    display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    left: 52px;
    bottom: 20px;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.1);
}

#themechangeCheckbox:checked+.toggle .star-8 {
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 50%;
    left: 70px;
    top: 59px;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.1);
}

.toggle {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 60px;
    height: 30px;
    background: #211042;
    border-radius: 50px;
    transition: 500ms;
    overflow: hidden;
}

.toggle-button {
    position: absolute;
    display: inline-block;
    top: 7px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #faeaf1;
    overflow: hidden;
    box-shadow: 0 0 30px 4px #fff;
    transition: all 500ms ease-out;
}

.crater {
    position: absolute;
    display: inline-block;
    background: #faeaf1;
    border-radius: 50%;
    transition: 500ms;
}

.crater-1 {
    background: #fffff9;
    width: 25px;
    height: 25px;
    left: 2px;
    bottom: 6px;
}

.crater-2 {
    width: 8px;
    height: 8px;
    top: -2px;
    left: 20px;
}

.crater-3 {
    width: 16px;
    height: 16px;
    top: 4px;
    right: -9px;
}

.crater-4 {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 30px;
}

.crater-5 {
    width: 15px;
    height: 15px;
    top: 0;
    left: 33px;
}

.crater-6 {
    width: 10px;
    height: 10px;
    top: 0;
    left: 28px;
}

.crater-7 {
    width: 12px;
    height: 12px;
    bottom: 10px;
    left: 30px;
}

.star {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    box-shadow: 1px 0 2px 2px #fff;
}

.star-1 {
    width: 3px;
    height: 3px;
    right: 18px;
    bottom: 15px;
}

.star-2 {
    width: 1px;
    height: 1px;
    right: 8px;
    top: 12px;
}

.star-3 {
    width: 4px;
    height: 4px;
    right: 16px;
    bottom: 0;
}

.star-4 {
    width: 3px;
    height: 3px;
    right: 2px;
    bottom: 2px;
    display: none;
}

.star-5 {
    width: 4px;
    height: 4px;
    right: 10px;
    bottom: 35px;
    display: none;
}

.star-6 {
    width: 10px;
    height: 2px;
    border-radius: 2px;
    transform: rotate(-45deg);
    box-shadow: 5px 0 4px 1px #fff;
    animation-name: travel;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    right: 15px;
    bottom: 30px;
    animation-delay: -2s;
}

.star-7 {
    width: 10px;
    height: 2px;
    border-radius: 2px;
    transform: rotate(-45deg);
    box-shadow: 5px 0 4px 1px #fff;
    animation-name: travel;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    right: 15px;
    bottom: 60px;
    animation-delay: -1s;
    display: none;
}

.star-8 {
    width: 10px;
    height: 2px;
    border-radius: 2px;
    transform: rotate(-45deg);
    box-shadow: 5px 0 4px 1px #fff;
    animation-name: travel;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    right: 15px;
    top: 10px;
    animation-delay: -4s;
}

.sr_footer {
    background-color: var(--footerBg);
}

#footer-container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}

.footerLink {
    color: var(--footertextcolor);
}

.socialicons {
    cursor: pointer;
}

.sr_banner .swiper {
    width: 100%;
    height: 100%;
}

.sr_banner .swiper .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sr_banner .swiper .swiper-wrapper .swiper-slide>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    min-height: 155px;
    object-position: center;
    max-height: 100vh;
}

.sr_banner .swiper .swiper-pagination-bullet {
    background: var(--fontColor);
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all .2s ease-in-out;
}

.sr_btn_line {
    border-radius: 3px;
    border: 1px solid var(--primaryColor);
    background: var(--headerBg);
    padding: 7px 10px;
    color: var(--fontColor);
    font-weight: 500;
}

@media(min-width: 1500px) {
    .sr_btn_line {
        min-width:115px;
    }
}

.sr_btn_line:hover {
    background: var(--primaryColor);
}

.sr_btn_line_2 {
    border-radius: 3px;
    background: var(--depositbtnColor);
    padding: 1px 6px;
    color: var(--primaryColor);
    font-weight: 200;
    min-width: 70px;
    font-size: small;
    max-width: 70px;
}

.sr_btn_line_2:hover {
    background: var(--primaryColor);
}

.sr_btn_line_3 {
    border-radius: 3px;
    background: var(--logoutbtnColor);
    padding: 1px 7px;
    color: var(--logoutbtntextColor);
    font-weight: 200;
    min-width: 70px;
    font-size: smaller;
    max-width: 70px;
}

.sr_btn_line_3:hover {
    background: var(--logoutbtnColor);
    color: var(--logoutbtntextColor);
}

.sr_btn_solid {
    border-radius: 3px;
    border: 1px solid transparent;
    background: var(--primaryColor)!important;
    padding: 7px 10px;
    color: var(--fontColor);
    font-weight: 600;
}

@media(min-width: 1500px) {
    .sr_btn_solid {
        min-width:115px;
    }
}

.sr_btn_solid:hover {
    background: var(--primaryColorDark);
}

.sr_btn_solid_pay {
    border-radius: 3px;
    border: 1px solid var(--primaryColor);
    background: transparent;
    padding: 7px 10px;
    color: var(--primaryColor);
    font-weight: 600;
    min-width: 115px;
}

.sr_btn_solid_pay:hover {
    border: 1px solid var(--primaryColor);
    background: transparent;
}

#counterContainer {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    justify-items: center;
}

#counterdropDownContainer {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    justify-items: center;
}

.counterContainer {
    background: rgba(0,0,0,.72);
    padding: 7px 0;
}

.counterContainer div:last-child {
    text-align: left;
}

.counterContainer div:last-child .luckylacetext {
    font-size: 10px!important;
    text-transform: uppercase;
}

.counterContainer div:last-child p:nth-child(2) {
    font-weight: 600;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carouselArrow {
    z-index: 9999999;
}

#loginModal {
    background-color: rgb(var(--bgColor));
    z-index: 99999999;
    overflow: auto;
}

.closeBtnLogin {
    cursor: pointer;
}

.textPartLogin {
    background: var(--stepBg);
}

.textPartLogin:hover {
    box-shadow: 10px 5px 5px #3d3d3d;
}

.logoBoxes {
    display: flex;
    align-items: center;
    min-width: 95px;
    min-height: 95px;
    max-width: 95px;
    min-height: 95px;
    background: var(--stepIconBg);
}

.luckylacetext {
    color: var(--luckyacetxtClr);
}

.loginPhoneNumber {
    color: var(--linkColor);
    cursor: pointer;
}

.label {
    color: var(--inputlabelColor);
}

.inputEmail {
    border: 1px solid var(--inputBorderColor);
    min-height: 69px;
    color: var(--otpText);
}

.inputEmail input {
    outline: 0;
}

.inputEmailpassword {
    max-height: 65px;
    border: 1px solid var(--inputBorderColor);
    color: var(--otpText);
    outline: 0;
}

.inputEmailVerification {
    border: 1px solid var(--inputBorderColor);
    min-height: 56px;
    color: var(--otpText);
}

#phone {
    border: 1px solid var(--inputBorderColor);
}

#resendCode {
    color: #21a2da;
}

#toggleNav {
    background: var(--paymentBg);
}

.virtualGamesToggle {
    z-index: 10000151;
    background-color: var(--headerBg);
    border-top: 2px solid rgba(var(--secondaryColor),1);
}

.accountDetailsHeading {
    color: var(--toggleColor);
}

.carouselArrowDiv {
    height: auto;
    min-width: 1600px;
    max-width: 1600px;
}

.carouselDiv {
    border-radius: 10px;
    background: linear-gradient(316deg,rgba(20,202,93,.1) 2.16%,rgba(11,231,178,.04) 100%),var(--carouselGradient);
    min-width: 147px;
    min-height: 147px;
}

.carouselDiv:hover {
    cursor: pointer;
    border-radius: 10px;
    background: linear-gradient(316deg,rgba(253,208,23,.3) 2.16%,rgba(66,53,0,.3) 100%),var(--carouselGradient);
}

.carouselDivSlots {
    border-radius: 10px;
    background-color: var(--counterwrapper);
    min-width: 200px;
    min-height: 118px;
    max-width: 225px;
}

.carouselDivSlots:hover {
    cursor: pointer;
    border-radius: 10px;
    background: linear-gradient(315deg,rgba(247,34,34,.5) -14.54%,rgba(178,144,8,.5) 100%);
}

#sportsheadingtitle {
    color: var(--primaryColor);
    font-weight: 700;
}

#CarouselSection {
    background-color: var(--productBg);
}

#paymentContainer {
    background-color: var(--paymentBg);
}

#mainGameImage {
    transition-duration: 100ms;
    transition-property: transform,box-shadow;
    transition-timing-function: ease-out;
    transform: rotate3d(0);
}

#mainGameImage:hover {
    cursor: pointer;
    transition-duration: 150ms;
    box-shadow: 0 5px 20px 5px var(--hoverBackground);
}

#accId {
    color: var(--linkColor);
}

.headercount {
    background: rgba(var(--secondaryColor),1);
}

.moneycard {
    background: var(--productBg);
}

.jackpotcontainer {
    background: var(--jackpotdetailbgColor);
}

.counterwrapper {
    background-color: var(--counterwrapper);
}

.searchgamesinput {
    background-color: var(--inputBackgroundColor);
    cursor: pointer;
}

.GamesContainer {
    background-color: var(--inputColor)!important;
}

.gameslot {
    display: grid;
    grid-template-columns: repeat(4,2fr);
    gap: 5px;
}

.gameBtn_1 {
    background-color: var(--primaryColor);
    border-radius: 3px;
    border: 1px solid transparent;
    background: var(--primaryColor);
    color: #000;
    font-weight: 600;
}

.gameBtn_1:hover {
    background-color: var(--primaryColor);
    border-radius: 3px;
    border: 1px solid transparent;
    background: var(--primaryColor);
    color: #000;
    font-weight: 600;
}

.gameBtn_2 {
    border: 1px solid var(--primaryColor);
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
}

.gameBtn_2:hover {
    border: 1px solid var(--primaryColor);
    color: var(--fontColor);
    font-weight: 600;
    border-radius: 3px;
}

.infoBox {
    cursor: pointer;
}

.counterdropdown {
    z-index: 9999999;
}

.casinodropdownmobile {
    background-color: var(--stepBg);
}

.filterdropdown {
    background-color: var(--stepBg);
    z-index: 9999999;
}

.Social_btn {
    border-radius: 4px;
    border: 1px solid var(--inputBorderColor);
    background: var(--inputColor);
}

.jackpotbanner {
    background-color: var(--jackpotBackground);
    min-width: 490px;
}

.filtersCheckbox {
    outline: 1px solid var(--checkboxborder);
}

.cardText {
    color: var(--textGray);
    max-width: 250px;
}

.cardtextContainer {
    max-width: 210px;
}

.sportsBettingText {
    max-width: 420px;
}

.backtoLoginText {
    color: var(--backtoLoginClr);
}

.sr_btn_solid_betnow {
    border-radius: 3px;
    border: 1px solid transparent;
    background: var(--primaryColor);
    padding: 17px 10px;
    color: var(--fontColor);
    font-weight: 600;
    min-width: 133px;
    max-height: 50px;
}

.sr_btn_solid_betnow:hover {
    background: var(--primaryColor);
}

.sr_btn_solid_Submit {
    border-radius: 3px;
    border: 1px solid transparent;
    background: var(--primaryColor);
    padding: 17px 10px;
    color: var(--fontColor);
    font-weight: 600;
    min-width: 153px;
    max-height: 60px;
}

.sr_btn_solid_Submit:hover {
    border: 1px solid transparent;
    background: var(--primaryColor);
}

.luckyacetext {
    max-width: 590px;
}

.sr_btn_solid_read_more {
    border-radius: 3px;
    border: 1px solid transparent;
    background: var(--primaryColor);
    padding: 17px 10px;
    color: var(--fontColor);
    font-weight: 600;
    min-width: 182px;
    min-height: 50px;
}

.sr_btn_solid_read_more:hover {
    background: var(--primaryColor);
}

.clock {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.12);
}

.otpFormGroup {
    min-height: 60px;
    max-width: 400px;
    min-width: 260px;
}

.textPartLoginModal {
    background-color: var(--inputColor);
}

.formBlockLoginModal {
    background-color: rgb(var(--bgColor));
}

.otp {
    outline: 1px solid var(--linkColor);
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: var(--OTPCheckBoxBackground);
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    position: relative;
    border-radius: 2px;
}

.otp+i {
    display: none;
}

.otp:checked+i {
    display: block;
    color: var(--linkColor);
}

.disclaimerCheckbox {
    outline: 1px solid var(--linkColor);
    width: 15px!important;
    height: 15px;
    cursor: pointer;
    background: rgba(40,40,40,.2);
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    position: relative;
    max-width: 15px;
}

.disclaimerCheckbox+i {
    left: 2px;
    display: none;
}

.disclaimerCheckbox:checked+i {
    display: block;
    color: var(--linkColor);
}

.disclaimerCheckbox_2 {
    outline: 1px solid var(--linkColor);
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: rgba(40,40,40,.2);
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    position: relative;
}

.disclaimerCheckbox_2:checked {
    background: var(--linkColor);
}

input:focus {
    outline: 0;
}

.labelOTP {
    color: var(--otpText);
}

.labelDisclaimer {
    color: var(--disclaimerTextClr);
}

.logoBoxesLoginModal {
    background-color: var(--loginModalTextBoxesColor);
    min-width: 95px;
    max-width: 95px;
    min-height: 95px;
    max-height: 95px;
}

.swiper-pagination-bullet-active {
    background-color: var(--checkboxborder)!important;
}

.paymentLogo {
    max-width: 70px;
    max-height: 45px;
}

.socialBtn {
    min-height: 54px;
}

.countercontainer {
    background-color: var(--countercontainerbackground);
}

.SlotGamesIcon {
    min-width: 10px;
    max-width: 18px;
    filter: brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(5225%) hue-rotate(351deg) brightness(104%) contrast(94%);
}

.despositContainer {
    background: var(--depositcontainerbackground);
}

.greyCounterText {
    color: var(--greyTextCounter);
}

.headingSidebar {
    color: var(--sidebarHeading);
}

.leagueHeadingSidebar {
    color: var(--sidebarLeagueHeading);
}

.sportsbettingbg {
    background-color: var(--sidebarbgbetting);
}

.sidebarBtns {
    background-color: var(--sidebarbuttonsClr);
    color: var(--fontColor);
}

.iconsClr {
    color: var(--fontColor);
}

.iconsClr i {
    color: rgba(var(--secondaryColor),1);
}

.bettingAddBtn {
    background-color: var(--bettingbtnbgclr);
}

.bettingCntr {
    background-color: var(--bettingContainerBg);
}

.sidebarBtns_Sports {
    background-color: var(--sidebarbuttonsClr);
}

.sidebarBtns_Sports:active {
    background-color: var(--sportsBtnclr);
}

.cardsLive {
    min-height: 152px;
    max-width: 390px;
}

.TipCntr {
    cursor: pointer;
}

.TipCntr:hover {
    background-color: var(--sportsBtnclr);
}

.progressbarcontainer {
    height: 10px;
    border-radius: unset;
}

.betcard {
    min-width: 95px;
    min-height: 20px;
}

.chatfeatures {
    z-index: 10000150;
}

.chatfeatures img {
    max-width: 40px;
    max-height: 40px;
}

.chatBoxIframe {
    display: none;
}

.activeChatBox {
    display: block;
}

.ChatBoxIcon {
    display: block;
}

.chatBoxImg {
    display: none;
}

.bettingcardInner {
    background-color: var(--bettingcardinner);
}

.cardsLiveInner {
    max-width: 390px;
}

.countryLive {
    max-width: 360px;
}

.UpcomingMatchesContainer {
    background-color: var(--bodycolorsportsBetting);
    z-index: 9999999;
}

.mainContainerbettingMobile {
    z-index: -9999;
}

.mainModalbetting {
    min-width: 110px;
    max-width: 120px;
    background-color: var(--bettingclr);
    cursor: pointer;
}

.mainModalbettingMobile {
    background-color: var(--bettingclr);
    cursor: pointer;
}

.mobilebetting {
    display: none;
}

.maincontainerDesktopsportsBetting {
    width: 100%;
}

.mainCarouselDesktopBetting {
    width: 100%;
}

.mainContainerbettingDesktop {
    min-width: 65%;
    max-width: 75%;
}

.gamingDataCourouselBetting {
    max-width: 350px;
}

.openContainer {
    display: none;
}

.desktopOpenCloseIcon {
    display: flex;
}

.tabsbettingInner {
    grid-template-columns: repeat(4,1fr);
}

.bettingInnerCarousel {
    background-color: var(--bodycolorsportsBetting);
    cursor: pointer;
}

.btngInr {
    background-color: var(--bettingInrClr);
    cursor: pointer;
}

.btngInr:hover {
    background-color: rgba(var(--secondaryColor),1);
}

.upcomingMathcessoccer {
    cursor: pointer;
}

.virtualsportsctnr {
    background-color: var(--virtualSports);
}

.correctscorecntr {
    background-color: var(--virtualsportsscore);
}

@media only screen and (max-width: 991px) {
    .sr_header .sr_header_w nav.sr_navbar {
        height:65px;
        position: relative;
    }

    .sr_header .sr_header_w nav.sr_navbar .sr_nav_menu.sr_col_wide {
        flex: 0 1 auto;
    }

    .sr_header_logo {
        z-index: 1;
    }

    #footer-container {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
        justify-items: center;
    }

    #counterContainer {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
        justify-items: center;
    }

    #counterdropDownContainer {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
        justify-items: center;
    }

    .gameslot {
        display: grid;
        grid-template-columns: repeat(3,3fr);
        gap: 20px;
        justify-items: center;
    }

    .carouselDivSlots {
        border-radius: 10px;
        background: linear-gradient(316deg,rgba(20,202,93,.1) 2.16%,rgba(11,231,178,.04) 100%),var(--carouselGradient);
        min-width: auto;
        min-height: 118px;
        max-width: 300px;
    }

    .sr_btn_line_2 {
        line-height: 10px;
    }

    .howToRegisterText {
        display: block!important;
    }

    .howToRegisterIcon {
        display: none!important;
    }

    .disclaimerCheckbox+i {
        top: 8px!important;
        left: 2px;
        display: none;
    }
}

@media only screen and (min-width: 991px) {
    .sr_header_logo {
        z-index:1;
    }

    .sr_header .sr_header_w nav.sr_navbar .sr_nav_menu ul.sr_nav_items li a {
        padding: 5px 16px;
    }
}

@media only screen and (max-width: 600px) {
    #footer-container {
        display:grid;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        justify-items: start;
    }

    #counterContainer {
        display: grid;
        grid-template-columns: repeat(1,1fr)!important;
        gap: 20px;
        justify-items: center;
    }

    #counterdropDownContainer {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        justify-items: center;
    }

    .carouselDivSlots {
        border-radius: 10px;
        background: linear-gradient(316deg,rgba(20,202,93,.1) 2.16%,rgba(11,231,178,.04) 100%),var(--carouselGradient);
        min-width: auto;
        min-height: 118px;
        max-width: 325px;
    }
}

@media screen and (min-width: 1400px) and (max-width:1765px) {
    .mobilebetting {
        display:block;
    }

    .maincontainerDesktopsportsBetting {
        width: 90%;
    }

    .mainContainerbettingDesktop {
        min-width: unset;
        max-width: unset;
    }
}

@media only screen and (max-width: 1765px) {
    .openContainer {
        display:block;
    }

    .desktopOpenCloseIcon {
        display: none;
    }
}

@media screen and (min-width: 580px) and (max-width:949px) {
    .gamingDataCourouselBetting {
        max-width:unset;
    }
}

@media(max-width: 665px) {
    .tabsbettingInner {
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width: 505px) {
    .tabsbettingInner {
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width: 325px) {
    .tabsbettingInner {
        grid-template-columns:repeat(1,1fr);
    }
}

.mobileNavControlW {
    z-index: 1000;
    background-color: rgba(0,0,0,.95);
}

.loader_w {
    position: fixed;
    z-index: 9999999999;
    inset: 0;
    background-color: rgba(0,0,0,.95);
    display: flex;
}

.loader_w .loader {
    opacity: .8;
    margin: auto;
    --w: 10ch;
    font-weight: bold;
    font-family: monospace;
    font-size: 20px;
    letter-spacing: var(--w);
    width: var(--w);
    overflow: hidden;
    white-space: nowrap;
    text-shadow: calc(-1*var(--w)) 0,calc(-2*var(--w)) 0,calc(-3*var(--w)) 0,calc(-4*var(--w)) 0,calc(-5*var(--w)) 0,calc(-6*var(--w)) 0,calc(-7*var(--w)) 0,calc(-8*var(--w)) 0,calc(-9*var(--w)) 0;
    animation: l16 2s infinite;
    color: #fff;
}

.loader_w .loader:before {
    content: "Loading...";
}

@keyframes l16 {
    20% {
        text-shadow: calc(-1*var(--w)) 0,calc(-2*var(--w)) 0 red,calc(-3*var(--w)) 0,calc(-4*var(--w)) 0 #ffa516,calc(-5*var(--w)) 0 #63fff4,calc(-6*var(--w)) 0,calc(-7*var(--w)) 0,calc(-8*var(--w)) 0 green,calc(-9*var(--w)) 0;
    }

    40% {
        text-shadow: calc(-1*var(--w)) 0,calc(-2*var(--w)) 0 red,calc(-3*var(--w)) 0 #e945e9,calc(-4*var(--w)) 0,calc(-5*var(--w)) 0 green,calc(-6*var(--w)) 0 orange,calc(-7*var(--w)) 0,calc(-8*var(--w)) 0 green,calc(-9*var(--w)) 0;
    }

    60% {
        text-shadow: calc(-1*var(--w)) 0 lightblue,calc(-2*var(--w)) 0,calc(-3*var(--w)) 0 #e945e9,calc(-4*var(--w)) 0,calc(-5*var(--w)) 0 green,calc(-6*var(--w)) 0,calc(-7*var(--w)) 0 yellow,calc(-8*var(--w)) 0 #ffa516,calc(-9*var(--w)) 0 red;
    }

    80% {
        text-shadow: calc(-1*var(--w)) 0 lightblue,calc(-2*var(--w)) 0 yellow,calc(-3*var(--w)) 0 #63fff4,calc(-4*var(--w)) 0 #ffa516,calc(-5*var(--w)) 0 red,calc(-6*var(--w)) 0,calc(-7*var(--w)) 0 grey,calc(-8*var(--w)) 0 #63fff4,calc(-9*var(--w)) 0;
    }
}

.disable {
    opacity: .5;
    pointer-events: none;
}

.sr_lang_toggle .virtualGamesToggle {
    display: none;
}

.sr_lang_toggle:hover .virtualGamesToggle {
    display: block;
}

_ft12 {
    font-size: 12px;
}

._ft10 {
    font-size: 10px;
}

._fs18 {
    font-size: 18px;
}

._fs16 {
    font-size: 16px;
}

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

._fs13 {
    font-size: 13px;
}

._fs12 {
    font-size: 12px;
}

._fs11 {
    font-size: 11px;
}

._fs10 {
    font-size: 10px;
}

.isEmpty {
    margin: -10px 0 4px 0;
}

.fontverfication {
    font-size: 22px;
}

.fontVerficationBig {
    font-size: 35px;
}

.captchaverification {
    background-color: var(--lgreyverify);
}

.fontsport {
    font-size: 14px;
}

.despositContainer {
    background: var(--depositcontainerbackground);
}

.accountDetailsHeading {
    color: var(--toggleColor);
}

.sr_btn_line_2 {
    border-radius: 3px;
    background: var(--depositbtnColor);
    padding: 1px 3px;
    color: var(--primaryColor);
    font-weight: 200;
    min-width: 50px;
}

.sr_btn_line_2:hover {
    background: var(--primaryColor);
}

.sr_btn_line_3 {
    border-radius: 3px;
    background: var(--logoutbtnColor);
    padding: 1px 3px;
    color: var(--logoutbtntextColor);
    font-weight: 200;
    min-width: 50px;
}

.sr_btn_line_3:hover {
    background: var(--logoutbtnColor);
    color: var(--logoutbtntextColor);
}

.refreshAmount {
    background-color: rgba(255,255,255,.1);
    height: 20px;
    width: 20px;
    margin: -3px 0;
}

.dropDownWraper .dropDownElement {
    top: 100%;
    background-color: var(--bettingContainerBg);
    border: 1px solid var(--flagBorder);
    left: 0;
    display: none;
    max-height: 175px;
    overflow: auto;
    z-index: 9999999;
    cursor: pointer;
}

.dropDownWraper .dropDownElement>ul li {
    border-bottom: 1px solid var(--flagBorder);
    cursor: pointer;
}

.dropDownWraper .dropDownElement>ul li:last-child {
    border-bottom: 0;
}

.dropDownWraper .dropDownElement>ul li:hover,.dropDownWraper .dropDownElement>ul li.active {
    background-color: rgba(250,250,250,.1);
}

.dropDownWraper.active .dropDownElement {
    display: block;
}

.uploadImgPreview {
    width: 150px;
    height: 100px;
    overflow: hidden;
}

.uploadImgPreview img {
    height: 100%;
}

::-webkit-calendar-picker-indicator {
    background: url(../../images/layout/calendar.png);
    width: 16px;
    height: 16px;
    background-size: 100%;
}

.toastrW {
    z-index: 999999999;
}

.webcamW {
    z-index: 99999999;
}

.webcamW .webcamheader {
    background-color: var(--primaryColor);
}

.webcamW .cammainframe {
    background-color: var(--sidebarbuttonsClr);
}

.webcamW .cameraframe {
    background-color: var(--textGray);
    height: 240px;
    width: 320px;
}

.minHeight_67 {
    min-height: 67px;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.loaderFlag {
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    color: rgba(0,0,0,0);
    background: linear-gradient(90deg,#000 calc(50% - .5ch),#c02942 0 calc(50% + .5ch),#000 0) right/calc(200% + 1ch) 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: l8 2s infinite steps(11);
}

.loaderFlag:before {
    content: "Loading...";
}

@keyframes l8 {
    to {
        background-position: left;
    }
}

.cursor_pointer {
    cursor: pointer;
}

.pointer_events_none {
    pointer-events: none;
}

.otpPopup_v {
    background: rgb(var(--bgColor));
    z-index: 99999999;
    padding-top: 75px;
}

.sr_logo {
    z-index: 1;
    display: inline-block;
    position: relative;
    padding: 0 0;
}

.sr_logo img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.sr_logo.popupLogo {
    margin-left: 77px;
}

@media(max-width: 1450px) {
    .sr_logo.popupLogo {
        display:none!important;
    }
}

.sr_logo.popupLogoWithText {
    max-width: 220px;
}

.logoLOading img {
    width: 100px;
    margin: auto;
}

.modalPopupW {
    background-color: rgba(0,0,0,.7)!important;
}

.modalPopupW .modalPopup {
    max-width: 900px;
    margin: auto;
    background-color: rgb(var(--bgColor));
    min-height: 50vh;
}

.ModalPopup {
    background: rgba(0,0,0,.9);
    z-index: 99999999!important;
    overflow: auto;
}

.IsSignalrConnected {
    z-index: 9999999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    top: 0;
}

.IsSignalrConnected>div {
    width: 320px;
    height: 200px;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 2px;
    text-align: center;
    border: 1px solid #544700;
    padding: 56px 20px 45px;
}

.IsSignalrConnected>div>button {
    width: 100px;
    height: 35px;
    text-align: center;
    padding: 0;
    border: 1px solid #d5c511;
    background-color: #ffd800;
    border-radius: 2px;
    margin-top: 15px;
}

.uib-datepicker-popup.dropdown-menu {
    color: #5e5e5e!important;
    background-color: #fff!important;
    font-size: 12px!important;
    z-index: 1111;
}

.uib-datepicker-popup.dropdown-menu .uib-button-bar {
    display: none;
}

.uib-datepicker-popup.dropdown-menu .btn-default {
    background-color: #fff!important;
    border-radius: 0;
    border: 0;
}

.uib-datepicker-popup.dropdown-menu .btn-default:hover,.uib-datepicker-popup.dropdown-menu .btn-default:focus {
    background-color: #b7b7b7!important;
    color: #fafafa!important;
}

.uib-datepicker-popup.dropdown-menu .btn-default.active {
    border-color: transparent!important;
}

.uib-datepicker-popup.dropdown-menu .uib-day {
    border: 1px solid #ececec;
}

.uib-datepicker-popup.dropdown-menu .uib-day span {
    font-size: 12px;
}

.uib-datepicker-popup.dropdown-menu .h6 em {
    font-size: 12px;
    padding: 10px;
    opacity: .6;
}

.uib-datepicker-popup.dropdown-menu .uib-right span,.uib-datepicker-popup.dropdown-menu .uib-right i,.uib-datepicker-popup.dropdown-menu .uib-left span,.uib-datepicker-popup.dropdown-menu .uib-left i {
    display: none;
}

.uib-datepicker-popup.dropdown-menu .uib-right:before,.uib-datepicker-popup.dropdown-menu .uib-left:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.uib-datepicker-popup.dropdown-menu .uib-right:before {
    content: "";
}

.uib-datepicker-popup.dropdown-menu .uib-left:before {
    content: "";
}

.loadingPayment {
    z-index: 99999999;
    background-color: rgb(var(--gray));
}

.loaderPayment {
    transform: scale(.7);
    transform-origin: left;
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    background: radial-gradient(circle closest-side,#000 94%,rgba(0,0,0,0)) right/calc(200% - 1em) 100%;
    animation: loaderPayment 1s infinite alternate linear;
}

.loaderPayment::before {
    content: "Loading...";
    line-height: 1em;
    color: rgba(0,0,0,0);
    background: inherit;
    background-image: radial-gradient(circle closest-side,#fff 94%,#ffc107);
    -webkit-background-clip: text;
    background-clip: text;
}

@keyframes loaderPayment {
    100% {
        background-position: left;
    }
}

.dropDownButtonElement {
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .AccountMenuActive {
        display:none!important;
    }

    .rotate_lg_180 {
        transform: rotate(180deg);
    }
}

.toastrW.center {
    left: 50%!important;
    top: 50%!important;
    max-width: 428px;
    transform: translate(-50%,-50%);
    min-height: 100px;
    padding: 10px!important;
    border-radius: 6px;
}

.toastrW.center-top {
    left: 50%!important;
    top: 10px!important;
    max-width: 428px;
    transform: translate(-50%,0);
    min-height: 100px;
}

.toastrW.center-bottom {
    left: 50%!important;
    bottom: 10px!important;
    max-width: 428px;
    transform: translate(-50%,0);
    min-height: 100px;
}

.toastrW.right {
    right: 10px!important;
    top: 10px!important;
    max-width: 428px;
    min-height: 100px;
}

.toastrW.left {
    right: 10px!important;
    top: 10px!important;
    max-width: 428px;
    min-height: 100px;
}

.toastrW.bottom {
    bottom: 0!important;
    top: unset!important;
    max-width: 428px;
    min-height: 100px;
}

.toastrW.top {
    top: 0!important;
    max-width: 428px;
    min-height: 100px;
}

.MappingIframe {
    width: 95%;
    height: 100%;
}

#profileModal {
    z-index: 99999999!important;
}

.howToRegisterText {
    display: none;
}

.howToRegisterIcon {
    display: block;
}

.fa-clipboard-question {
    filter: brightness(0) saturate(100%) invert(65%) sepia(45%) saturate(5496%) hue-rotate(22deg) brightness(95%) contrast(94%);
}

.selectTagged {
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist-button;
    min-height: 45px!important;
    height: 45px!important;
}

.custom-select {
    min-height: 45px;
    position: absolute;
    border: 0;
    z-index: 99;
}

.custom-select option {
    padding: 5px;
    margin-right: -30px!important;
}

.no-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    cursor: pointer;
    padding: 1px 2px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.swiper-container {
    width: 100%;
    height: 300px;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
}

    .swiper-slide img {
        max-width: 100%;
        max-height: 100%;
    }

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 2px solid white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .play-button i {
        color: yellow;
    }

.swiper-slide:hover .play-button {
    opacity: 1;
    cursor: pointer;
}


/*Progress Ring*/

.progress-ring {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 4, 4, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #dba934;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #dba934 transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* Full-page iframe modal styles */ 
.iframe-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.full-page-iframe {
    width: 80%;
    height: 80%;
    border: none;
    border-radius: 8px;
}

.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 30px;
    color: white;
    cursor: pointer;
    z-index: 10000;
}

    .close-button:hover {
        color: red;
    }
/* Responsive Design */

@media (max-width: 768px) {
    .full-page-iframe {
        width: 95%;
        height: 90%;
    }

    .close-button {
        font-size: 24px;
        top: 10px;
        right: 10px;
    }
}