:root {
    --fs7px: 0.438rem;
    --fs8px: 0.5rem;
    --fs9px: 0.563rem;
    --fs10px: 0.625rem;
    --fs11px: 0.688rem;
    --fs12px: 0.75rem;
    --fs13px: 0.8125rem;
    --fs14px: 0.875rem;
    --fs15px: 0.9375rem;
    --fs16px: 1rem;
    --fs17px: 1.0625rem;
    --fs18px: 1.125rem;
    --fs19px: 1.1875rem;
    --fs20px: 1.25rem;
    --fs21px: 1.3125rem;
    --fs22px: 1.375rem;
    --fs23px: 1.4375rem;
    --fs24px: 1.5rem;
    --fs25px: 1.5625rem;
    --fs26px: 1.625rem;
    --fs27px: 1.6875rem;
    --fs28px: 1.75rem;
    --fs29px: 1.8125rem;
    --fs30px: 1.875rem;
    --fs31px: 1.9375rem;
    --fs32px: 2rem;
    --fs33px: 2.0625rem;
    --fs34px: 2.125rem;
    --fs35px: 2.1875rem;
    --fs36px: 2.25rem;
    --fs37px: 2.3125rem;
    --fs38px: 2.375rem;
    --fs39px: 2.4375rem;
    --fs40px: 2.5rem;
    --fs41px: 2.5625rem;
    --fs42px: 2.625rem;
    --fs43px: 2.6875rem;
    --fs44px: 2.75rem;
    --fs45px: 2.8125rem;
    --fs46px: 2.875rem;
    --fs47px: 2.9375rem;
    --fs48px: 3rem;
    --fs49px: 3.063rem;
    --fs50px: 3.125rem;
    --fs64px: 4rem;
    --fs78px: 4.875rem;

    /* colors */
    --color-black-primary: #111111;
    --color-black-secondary: #222222;
    --color-black-dark: #000000;
    --color-black-shadow: #1a1a1a;
    --color-black-light: #333333;
    --color-gray-dark: #5A5C61;
    --color-gray-lite: #D9D9D9;
    --color-gray-shadow: #202020;
    --color-black-border: #333333;
    --color-white: #FFFFFF;
    --color-gray-primary: #CCCCCC;
    --color-gray-secondary: #8F99A3;
    --color-yellow: #F9BB22;
    --color-green-primary: #0DCE51;
    --color-red-primary: #ff0000;
    --color-TextBlue: #7ADCFF;
    --font_roboto: "Roboto", sans-serif;
}
.clrWhite{
    color: var(--color-white);
}
.clrBlk-1{
    color: var(--color-black-primary);
}
.clrBlk-2{
    color: var(--color-black-secondary);
}
.clrBlk-3{
    color: var(--color-black-dark);
}
.clrYellow{
    color: var(----color-yellow); 
}
.clrGreen{
    color: var(--olor-green-primary);
}
.clrRed{
    color: var(--color-red-primary);
}
.tktPage .tk_btn_yellow,.tktPage a.btn-yellow.addQuery{
    max-width: 220px;
}
.tabs__item .spinContainer img{
    filter: brightness(0) saturate(100%) invert(67%) sepia(5%) saturate(765%) hue-rotate(169deg) brightness(91%) contrast(83%);
}
.tabs__item.tabs__item--active .spinContainer img{
    filter: brightness(0) saturate(100%) invert(88%) sepia(23%) saturate(3854%) hue-rotate(340deg) brightness(101%) contrast(95%);
}
.spinContainer #blackIcon{
    width: 20px;
    margin-left: 12px;
}
.font24{
    font-size: 24px !important;
}
.cpText{
    display: flex;
    align-items: center;
    gap: 4px;
}
.cpIcon{
    width: 14px;
    height: auto;
    cursor: pointer;
    margin-left: 4px;
}
.titleOne{
    color: #FFFFFF;
    font-weight: 400;
}
img.vrGameImg{
    min-width: auto;
    width: 14px;
    height: auto;
    margin: 0 3px;
}
.signUpOtpMain{
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
     align-items: center;
}
.regOtpImg img{
    width: 180px;
}
.labelOne{
    font-size: 24px;
    font-weight: 500;
}
.labelTwo,.regOtpnumber,.resendText,.resendTextTwo{
    font-size: 16px;
    font-weight: 400;
}
.resendText:hover{
    color: #F8BA20;
    cursor: pointer;
}
.resendTextTwo span{
    font-size: 14px;
    font-weight: 400;
    color: #F8BA20;
}
.labelTwo{
    font-weight: 300;
    text-align: center;
}
.resendText{
    font-weight: 600;
}
.regOtpnumber{
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.regOtpnumber i{
        font-size: 18px;
        cursor: pointer;
        text-decoration: underline;
}
.regOtpnumber i:hover{
    color: #F8BA20;
}
.inputTextNew{
}
.inputTextLine{
    width: 50%;
    border-bottom: 1px solid gray;
    margin: auto;
}
.inputTextFiled:focus + .inputTextLine {
        border-bottom: 1px solid #F8BA20;
    }
.inputTextLineError{
    border-bottom: 1px solid red;
}
.inputTextFiled,.inputTextFiled::placeholder{
    padding: 12px 12px 2px 0;
    border: 0;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 10px;
    font-size: 24px;
    font-weight: 600;
}
.inputTextFiled::placeholder{
    color: gray;
}
.btnVerifyPrimary{
    display: flex;
    height: 44px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    background: #F8BA20;
    box-shadow: 0px 0px 0px 1px #F9BB22 inset;
    color: #111111;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    width: 50%;
    margin: 12px auto 0;
    font-size: 18px;
    font-weight: 500;
}
.btnVerifyPrimary:hover{
    background: transparent;
    color: #F8BA20;
}
.colortheme_5 .btnVerifyPrimary{
    background: #00B54C;
    box-shadow: 0px 0px 0px 1px #00B54C inset;
}
.colortheme_5 .btnVerifyPrimary:hover{
    background: transparent;
    color: #00B54C;
}
.colortheme_5 .inputTextFiled:focus + .inputTextLine {
    border-bottom: 1px solid #00B54C;
}
.colortheme_5 .resendText:hover{
    color: #00B54C;
}
.regOtpVerifyForm{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.regStepTwo{
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    border-radius: 12px;
    padding: 18px;
    background: #222;
}
.listContainer{
    display: flex;
    flex-direction: column;
    background: #1a1a1a;
    margin: 0 12px;
    border-bottom: 1px solid #232323;
    position: relative;
    z-index: 1;
 }
 .listHeader{
    display: flex;
    align-items: center;
    padding: 16px;
    gap: 5px;
    border-bottom: 1px solid #232323
 }
 .listHeadLogo{
    display: flex;
    width: 30px;
    height: 30px;
    background: #555044;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
 }
 .listHeadLogoImg{
    width: 22px;
    height: auto;
    display: flex;
 }
 .listHeadLogoImg img{
    width: 100%;
    height: auto;
 }
 .listContentMain{
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 24px;
    max-height: 314px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #3D3F42 #222222;
 }
 .listContentMain::-webkit-scrollbar {
    width: 6px;
    }
 .listContentMain::-webkit-scrollbar-track {
    background: #222222;
    border-radius: 10px;
}
.listContentMain::-webkit-scrollbar-thumb {
    background: #3D3F42; 
    border-radius: 10px;
}
.listSubMain{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
 h2.lostPointsTitle{
    font-size: 18px;
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    line-height: 27px !important;
    margin: 0;
    padding: 0;
 }
 p.listPointsSub,ul.listSubPoints li{
    font-size: 14px;
    color:#8F99A3;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    line-height: 21px;
    margin: 0;
    padding: 0;
 }
 ul.listSubPoints{
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
 }
 .listSubPoints b{
    font-weight: 700;
    color: #8F99A3;
 }
 p.listPointsSub a,.application.theme--dark .listPointsSub a{
    cursor: pointer;
    color: #8F99A3;

 }
 p.listPointsSub a:hover,.application.theme--dark .listPointsSub a:hover{
    color: #ffc107;
 }
 ul.listSubPoints li{
    list-style-type: disc;
    margin-left: 20px;
    line-height: 24px;
 }
 .sports_wrap_slider .ipl{
    background: radial-gradient(92.86% 92.86% at 21.43% 7.14%, #A74503 0%, #421800 100%);
 }
 .item.ipl + span,#ipl .sport-title {
    text-transform: uppercase;
}
.ipl-wrapper .icon img{
    height: 30px;
}
.clrRed,.overlayer.low_liq span{
    color: #dc3545;
}
.downLoadbanner {
    position: relative;
}
.downLoadbanner img{
    width: 100%;
    height: auto;
}
.downBannerInner{
    position: relative;
    cursor: pointer;
}
.qrcodeWrapper{
    position: absolute;
    bottom: 33%;
    right: 8%;
    padding: 4px;
        padding-top: 4px;
        padding-right: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
    background: white;
    box-sizing: border-box;
    border-radius: 4px;
}
.sbFancyTabs.flex_kr_even{
    justify-content: flex-start;
    padding: 6px 16px;
    margin-bottom: 4px;
}
.sbFancyTabs .active{
    border: 1px solid #F9BB21 !important;
    color: #F9BB21;
}
.sbFancyTabs .common_kr_para{
    padding: 10px;
    font-weight: 600;
    width: 50%;
}
.faqMainContainer .expansion-panel__container--active>.expansion-panel__header .header__icon .icon.mdi-chevron-up{
    transform: rotate(0deg);
 }
 .dcContentsBox{
    padding: 6px 16px;
    box-sizing: border-box;
 }
 .fancyCardMain{
    border-top: 0;
    margin-bottom: 10px;
 }
 .accDeatils .light_kr_bg.overlay_bg_pos_rel{
    border-bottom: 0.5px solid #ffffff24;
 }
 .accHead{
    display: flex;
  flex-direction: row;
  align-items: center;
  height: 60px;
  justify-content: space-between;
  background: #8080802e;
  border-top-right-radius: 8px;
  border-top-left-radius:8px ;
 }
 .accDeatils{
    display: flex;
    gap: 8px;
    width: 100%;
    flex-wrap: wrap;
 }
 .fancyData{
   width: calc(50% - 4px);
 }
 .fancyIcon{
    width: 24px;
    height: 24px;
    background: var(--color-gray-shadow);
    border-radius: 6px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .wt16px{
    width: 16px;
    height: auto;
 }
 .loadBtnStyles{
    width: 125px;
    height: auto;
    border-radius: 8px;
    background: var(--color-yellow);
    display: flex;
    text-align: center;
    font-size: var(--fs13px);
    margin: auto;
    padding: 4px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
 }
 .betIdMain{
    word-wrap: break-word;
    display: flex;
    justify-content: center;
    gap: 2px;
    flex-wrap: wrap;
 }
 .betIcon img{
    width: 12px;
    height: 12px;
    cursor: pointer;
 }
 
@media(min-width:1027px){
    .tktPage .tk_btn_yellow{
        padding: 10px 34px;
    }
    .floaterAction.speed-dial--bottom:not(.speed-dial--absolute){
        bottom: 60px;
    }
}
.arrowMain{
    display:flex;
    justify-content:center;
    width:100%; 
}
@media only screen and (min-width: 641px) and (max-width: 680px) {
    .gamelistsWrapper .gameSearch-input.notEmpty[data-v-43e268c6], .gamelistsWrapper .gameSrchMain .gameSearch-input[data-v-43e268c6]:hover{
        width: 170px;
    }
    .gamelistsWrapper .gameSrchMain .gameSearch-input[data-v-43e268c6]{
        transition: all .3s ease;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footerNav ul[data-v-b99befb8].ftrBtmInfo{
        flex-wrap: wrap;
    }
    .footerNav ul[data-v-b99befb8].ftrBtmInfo li{
        margin: 0 20px 30px;
    }
    .ftrLinksexsb ul.footerLink li ul.submenu li{
        font-size: 12.5px;
    }
    .ftrLinksexsb ul.footerLink li.footerLogo p[data-v-28421640]{
        font-size: 11px;
    }
    .ftrLinksexsb .liMenu{
        width: auto;
    }
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    .right_sidebar.rhSideBar{
        padding-left: 10px;
    }
    .newVdPlayer#sr-widget .sr-wwrap .sr-loader__container{
        height: 280px;
    }
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .gameSrchDesk,.gamelistsWrapper .gameSearch-input .gameSearch.small.gameSrchDesk[data-v-43e268c6]{
        display: none;
    }
}
@media(min-width:1601px){
    .deskHomeBanners .carousel-swiper .promoWrapper .swiper-slide .item{
        margin-left: auto;
        margin-right: auto;
        height: auto;
    }
    .deskHomeBanners .carousel-swiper .promoWrapper .swiper-slide .item img{
        max-width: 100%;
        height: auto;
    }
}
@media(max-width:950px){
    .floaterAction.speed-dial--bottom.chatAccIocn:not(.speed-dial--absolute){
        right: 5% !important;
        bottom: 160px;
    }
    .ftrBtmInfoexsb,.ftrLinksexsb{
        font-family: Roboto, sans-serif
    }
}
@media(max-width:1024px){
    .floaterAction.speed-dial--bottom:not(.speed-dial--absolute){
        bottom: 90px;
    }
    .floaterAction.speed-dial--bottom.chatAccIocn:not(.speed-dial--absolute){
        bottom: 160px;
    }
    .floaterAction.chatAccIocn .customColor[data-v-7128cc44]{
        margin-right: 0;
    }
    .floaterAction.chatAccIocn .btn--floating{
        height: 60px;
      width: 38px;
      border-top-left-radius: 12px;
      border-top-right-radius: 0;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 0;
    }
    .homeTopBanners .prevTestimonial,
    .homeTopBanners .nextTestimonial {
        display: none;
    }
}
@media(max-width:767px){
    .listContentMain{
        max-height: 280px;
        gap: 16px;
    }
    .listContentMain::-webkit-scrollbar {
    width: 4px;
    }
    .listHeader,.listContentMain{
        padding: 12px;
    }
    .listHeadLogo{
        width: 20px;
        height: 20px;
    }
    .listHeadLogoImg{
        width: 18px;
    }
    h2.lostPointsTitle{
        font-size: 14px;
        line-height: 17px !important;
        font-weight: 500;
    }
    p.listPointsSub,ul.listSubPoints li,ul.listSubPoints b{
        font-size: 12px;
        line-height: 18px;
    }
    ul.listSubPoints li{
        gap: 22px;
    }
    .qrcodeWrapper{
        right: 10%;
        bottom: 2%;
    }
}
@media(max-width:480px){
        .floaterAction.speed-dial--bottom.chatAccIocn:not(.speed-dial--absolute){
           right: 0 !important;
        }
        .bet-message-combo span {
            font-size: 13px;
        }
        p.px.px1.padTkt {
            padding-right:32px;
            box-sizing: border-box;
          }
}
@media(max-width:340px){
    .sport-menu-list.mb_ex_slider li.active .sport-img::before{
        bottom: 0px;
    }
}