* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

:root {
    --main-color: #ee0e23;
    --main_gradient-color: linear-gradient(90deg, #E67302 0%, #ee0a24 100%);
    --main_gradient-color2: linear-gradient(180deg, #E67302 0%, #ee0a24 100%);
    --light-main_gradient-color: var(--main_gradient-color);
    --text_white: #fff;
    --light-bg_white: #fff;
    --light-main-color: var(--main-color);
    --norm_red-color: #FB5B5B;
    --norm_green-color: #18B660;
    --norm_secondary-color: #FEAA57;
    --norm_Purple-color: #C86EFF;
    --norm_bule-color: #6EA8F4;
    --button_dis_color: linear-gradient(90deg, #CCCEDC 15.38%, #CDCFDD 98.73%);
    --text_color_L1: #1E2637;
    --text_color_L2: #768096;
    --text_color_L3: #B6BCC8;
    --text_color_L4: #FFF;
    --bg_color_L1: #F7F8FF;
    --bg_color_L2: #FFF;
    --bg_color_L3: #F6F6F6;
    --Dividing-line_color: #E1E1E1;
    --sheet_nva_color: var(--main-color);
    --sheet_detail_bg_color: #F6F6F6;
    --pop_bg-color: linear-gradient(180deg, #13BF77 13.44%, #4CCC77 86.56%);
    --iconSecondary: rgba(24, 182, 96, .3);
    --van-sidebar-text-color: var(--main-color);
    --van-picker-background: var(--bg_color_L2);
    --van-picker-option-text-color: var(--text_color_L2);
    --van-picker-confirm-action-color: var(--main-color);
    --van-checkbox-checked-icon-color: var(--main-color);
    --van-checkbox-label-color: var(--text_color_L2);
    --van-field-input-text-color: var(--text_color_L1);
    --van-radio-checked-icon-color: var(--main-color);
    --van-grid-item-content-background: var(--bg_color_L1) --van-text-color: var(--text_color_L1);
    --van-dialog-background: var(--bg_color_L2);
    --van-circle-color: var(--main-color);
    --van-circle-layer-color: var(--bg_color_L3);
    --van-calendar-range-edge-background: var(--main-color);
    --van-button-primary-background: var(--main-color);
    --van-button-primary-border-color: var(--main-color)
}

body {
    background-color: #000
}

.a {
    text-decoration: none!important;
    color: #000!important
}

.theme1,
.bg-theme1 {
    background: var( --main_gradient-color)
}

.text-theme1 {
    color: var(--norm_red-color)
}

.maingridentcolor1 {
    background: var(--main_gradient-color)
}

a:hover {
    color: unset
}

.btn {
    box-shadow: none!important
}

.mainApp {
    max-width: 430px !important;
    margin: auto;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f7f8ff;
    height: 100vh
}

::-webkit-scrollbar-track {
    background-color: rgba(black, 0)
}

::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(black, 0)
}

::-webkit-scrollbar-thumb {
    background: var(--main_gradient-color)
}

.sidenav {
    width: 60px;
    position: fixed;
    z-index: 1;
    right: 30px;
    bottom: 20px;
    overflow-x: hidden;
    padding: 8px 0
}

.iconrob {
    z-index: 99999
}

.iconrob img {
    width: 60px;
    height: 60px;
    z-index: 99999
}

.jili_games_card img {
    border-radius: 5px
}

@media only screen and (min-width: 381px) and (max-width: 575.99px) {
    .mainApp,
    .css-172p82w {
        width: 100%!important
    }
}

@media only screen and (min-width: 320px) and (max-width: 380.99px) {
    .mainApp {
        width: 100%!important
    }
    .loginapp .navsectiontab .nav-tabs .nav-item .nav-link {
        padding: 10px 20px!important
    }
    .loginapp .navsectiontab .tab-content .forgetbtn {
        font-size: 13px!important
    }
}

@media only screen and (max-width: 600px) {
    .sidenav {
        overflow-x: hidden
    }
}

.imagescrolbar {
    width: 35px;
    height: 30px
}

.scollbartext {
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 6px
}

.css-hwp5jb-MuiButtonBase-root-MuiTab-root.Mui-selected {
    color: #000!important
}

.mainnavbar {
    padding: 5px 0;
    background: linear-gradient(90deg, #e67302, #ee0a24)
}

.mainnavbar .minlogobtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff
}

.mainnavbar .minlogobtn .game-sticky {
    position: fixed;
    top: 0;
    z-index: 200
}

.mainnavbar .minlogobtn .logo .anker {
        width: 100px;
    height: auto;
    display: inline-block
}

.mainnavbar .minlogobtn .buttonGroup {
    display: flex;
    align-items: center;
    gap: .5rem
}

.mainnavbar .minlogobtn .buttonGroup .btn1 {
    font-size: 14px;
    color: #fff;
    border: .21328px solid #fff;
    padding: 4px 15px;
    font-family: Inter;
    box-shadow: none
}

.mainnavbar .minlogobtn .buttonGroup .btn2 {
    font-size: 14px;
    color: #fff;
    border: .21328px solid #ffff;
    padding: 4px 15px;
    background: linear-gradient(90deg, #e67302, #ee0a24);
    font-family: Inter;
    box-shadow: none
}

.herosection .swiper img {
    border-radius: 8px
}

.bottombar {
    background: #0d94f712;
    border-radius: 30px;
    padding: 1px 20px
}

.bottombar .speekerimage {
    width: 16px;
    height: 20px;
    display: flex;
    align-items: center
}

.bottombar .middlecontent {
    overflow: hidden
}

.bottombar .middlecontent p {
    animation: marquee 7s linear infinite;
    font-size: 12px;
    color: #303a4c;
    text-align: center;
    height: 42px;
    font-weight: 600;
    overflow: hidden;
    margin-bottom: 0
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.bottombar .mainbtn {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    border: 1px solid #f95959!important;
    font-size: 13px;
    color: #fff
}

.bottombar .mainbtn span {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none
}

.bottombar .mainbtn:hover {
    background: linear-gradient(90deg, #e67302, #ee0a24)
}

.cardSection .card1 {
    background-image: url(/images/trophybg-tM41fK4P.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none
}

.cardSection .card1 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card2 {
    background-image: url(/images/lotterybg-11Oyms9F.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none
}

.cardSection .card2 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card3 {
    background-image: url(/images/casinobg-2Z-y4xqv.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none
}

.cardSection .card3 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card4 {
    background-image: url(/images/slot-bg-CWCFPEw-.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none
}

.cardSection .card4 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card5 {
    background-image: url(/images/sport-bg-cRVahXOC.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none
}

.cardSection .card5 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card6 {
    background-image: url(/images/rummey-bg-Dd-KdHyJ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none
}

.cardSection .card6 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card7 {
    background-image: url(/images/fish-bg-aLx6iLAD.png);
    background-repeat: no-repeat;
    text-decoration: none;
    background-size: 100% 100%
}

.cardSection .card7 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card8 {
    background-image: url(/images/avitorbg-C_QC6OpN.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none
}

.pade {
    padding: 0 10px 10px!important
}

.cardSection .card8 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.cardSection .card .rightimage,
.cardSection .card .smallimage {
    width: 100px
}

.cardSection .card .cardtext {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    font-family: Inter
}

.lotterySection .topcontent {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.lotterySection .topcontent .leftheading {
    font-size: 16px;
    font-weight: 700;
    color: #1e2637;
    position: relative
}

.lotterySection .topcontent .leftheading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 6px;
    height: 20px;
    background-color: #f95959;
    border-radius: 15px
}

.lotterySection .topcontent button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 25px;
    border: .8px solid #768096;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    padding: 10px;
    color: #768096;
    gap: .5rem;
    background-color: transparent
}

.lotterySection .card1,
.lotterySection .card2,
.lotterySection .card3,
.lotterySection .card4 {
    background: var(--main_gradient-color);
    height: 100%;
    border-radius: 10px;
    border: 0px
}

.gameslott {
    display: flex
}

.lotterySection .card .heading {
    font-size: 20px;
    color: #fff;
    text-align: start;
    font-weight: 900;
    margin-bottom: 0;
    font-family: Inter
}

.lotterySection .card .card-image {
    width: 55px;
    height: auto;
    margin-bottom: 0
}

.lotterySection .card .manincardbtn {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border: 2px solid white;
    border-radius: 11px;
    line-height: 0;
    padding: 2px 20px;
    align-items: center;
    gap: .4rem;
    background: transparent;
    display: flex;
    margin-left: auto;
    height: 40px
}

.lotterySection .bigcard {
    background-image: url(/images/bj-0907ace0-Bjn-ZIXl.png);
    background-repeat: no-repeat;
    background-size: cover
}

.lotterySection .bigcard .cardimage {
    width: 100px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterySection .cardinsec {
    display: flex;
    align-items: center
}

.lotterySection .bigcard .card-headind {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px
}

.lotterySection .bigcard .card-subheading {
    font-size: 13px;
    color: #fff;
    background: linear-gradient(90deg, #f95959, #f95959);
    text-align: center;
    padding: 4px 30px;
    border-radius: 30px
}

.lotterySection .bigcard .btnenter {
    font-size: 15px;
    color: #fff;
    border-radius: 20px;
    padding: 3px 30px;
    font-weight: 600;
    text-align: center;
    background: linear-gradient(180deg, #ffbd40, #ff7f3d);
    box-sizing: 0 .5rem #ffec75 inset;
    border: 0px;
    font-family: Inter
}

.OrignalSection .topcontent {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.OrignalSection .topcontent .leftheading {
    font-size: 16px;
    font-weight: 700;
    color: #1e2637;
    position: relative
}

.OrignalSection .topcontent .leftheading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 6px;
    height: 20px;
    background: var(--main_gradient-color);
    border-radius: 15px
}

.OrignalSection .topcontent button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 25px;
    border: .8px solid #768096;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    padding: 10px;
    color: #768096;
    gap: .5rem;
    background-color: transparent
}

.OrignalSection .card .card-image img {
    border-radius: 10px;
    height: 170px!important
}

.OrignalSection .card {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    border-radius: 15px
}

.OrignalSection .topcontent .button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 25px;
    border: .8px solid black;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    padding: 10px;
    color: var(--main-color);
    gap: .5rem;
    background-color: transparent;
    text-decoration: none
}

.recommendationSection .topcontent {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.recommendationSection .topcontent .leftheading {
    font-size: 16px;
    font-weight: 700;
    color: #1e2637;
    position: relative
}

.recommendationSection .topcontent .leftheading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 6px;
    height: 20px;
    background-color: #f95959;
    border-radius: 15px
}

.recommendationSection .topcontent button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 25px;
    border: .8px solid #768096;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    padding: 10px;
    color: #768096;
    gap: .5rem;
    background-color: transparent
}

.recommendationSection .card .card-image {
    height: 160px
}

.recommendationSection .card .card-image img {
    border-radius: 10px
}

.recommendationSection .card .game-odd {
    display: flex;
    height: 20px;
    background: #e6e6e6;
    color: #1e2637;
    width: 100%;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}

.recommendationSection .card .game-odd span:first-child {
    padding-left: .53333rem
}

.recommendationSection .card .game-odd span:nth-child(2) {
    text-align: right;
    padding-right: .13333rem;
    color: #1e2637
}

.recommendationSection .card .game-odd span {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    flex: 1;
    line-height: .93333rem;
    white-space: nowrap;
    overflow: hidden;
    width: 50%;
    padding: 2px
}

.recommendationSection .card .game-odd .win-p {
    background-color: #f95959;
    position: absolute;
    left: 0;
    height: 100%
}

.recommendationSection .topcontent .button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 25px;
    border: .8px solid black;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    padding: 10px;
    color: red;
    gap: .5rem;
    background-color: transparent;
    text-decoration: none
}

.inhight {
    height: 400px;
    overflow: hidden
}

.inhight .winnercard {
    background: #fff!important
}

.inhight .winnercard .smallimage {
    width: 35px;
    height: 35px
}

.inhight .winnercard .smallimage img {
    border-radius: 50px;
 
}
.smallimage>img{
       padding-bottom:11px;
}
.inhight .winnercard .smalltext {
    font-size: 10px;
    font-weight: 600;
    color: #000
}

.inhight .winnercard .middleimage {
    width: 80px;
    height: 50px
}

.inhight .winnercard .amount {
    font-size: 14px;
    font-weight: 700;
    color: #000!important;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inhight .winnercard .winetype {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rankingsection .heading {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #1e2637;
    padding-left: 10px
}

.rankingsection .heading:before {
    content: "";
    position: absolute;
    top: 49%;
    left: 3px;
    transform: translateY(-50%);
    width: .28rem;
    height: 1.5rem;
    border-radius: 10px;
    background-color: #f95959
}

.rankingsection .card-image {
    position: relative;
    height: 170px
}

.rankingsection .firstcolum {
    position: absolute;
    top: -45px;
    left: -4px
}

.rankingsection .firstcolum .topuserimag {
    width: 80px;
    height: 80px;
    border: 3px solid #ffa23c;
    border-radius: 50%
}

.rankingsection .firstcolum .topuserimag img {
    border-radius: 50%
}

.rankingsection .firstcolum .crown2 {
    position: absolute;
    width: 60px;
    height: 55px;
    top: -28px;
    left: 0
}

.rankingsection .firstcolum .ribben {
    width: 80px;
    margin: auto
}

.rankingsection .firstcolum h5 {
    font-size: 14px
}

.rankingsection .firstcolum button {
    color: #fff;
    background: #ffffff4d;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto auto
}

.rankingsection .secondcolum {
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -24%)
}

.rankingsection .secondcolum .topuserimag {
    width: 80px;
    height: 80px;
    border: 3px solid #f95959;
    border-radius: 50%
}

.rankingsection .secondcolum .topuserimag img {
    border-radius: 50%
}

.rankingsection .secondcolum .crown2 {
    position: absolute;
    width: 60px;
    height: 55px;
    top: -28px;
    left: 0
}

.rankingsection .secondcolum .ribben {
    width: 80px;
    margin: auto
}

.rankingsection .secondcolum h5 {
    font-size: 14px
}

.rankingsection .secondcolum button {
    color: #fff;
    background: #ffffff4d;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto auto
}

.rankingsection .thirdcolum {
    top: -40px;
    right: -14px;
    position: absolute
}

.rankingsection .thirdcolum .topuserimag {
    width: 80px;
    height: 80px;
    border: 3px solid #ffa23c;
    border-radius: 50%
}

.rankingsection .thirdcolum .topuserimag img {
    border-radius: 50%
}

.rankingsection .thirdcolum .crown2 {
    position: absolute;
    width: 60px;
    height: 55px;
    top: -28px;
    left: 0
}

.rankingsection .thirdcolum .ribben {
    width: 80px;
    margin: auto
}

.rankingsection .thirdcolum h5 {
    font-size: 14px
}

.rankingsection .thirdcolum button {
    color: #fff;
    background: #ffffff4d;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto auto
}

.rankingsection .rankinklist {
    border-radius: 15px;
    background-color: #fff!important
}

.rankingsection .rankinklist .rank {
    font-size: 17px;
    color: #768096;
    font-weight: 700
}

.rankingsection .rankinklist .userimagerank {
    width: 50px;
    border-radius: 50%;
    height: 50px
}

.rankingsection .rankinklist .username {
    font-size: 14px;
    color: #768096;
    font-weight: 500
}

.rankingsection .rankinklist button {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    color: #fff;
    font-size: 14px;
    border: none
}

.notifictionalllist {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 5px;
    margin-bottom: 80px
}

.notifictionalllist .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .5px solid gray;
    text-decoration: none;
    padding: 15px 0;
    cursor: pointer
}

.notifictionalllist .headinglist {
    font-size: 15px;
    color: #000;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600
}

.notifictionalllist .headinglist i {
    color: #f95959
}

.notifictionalllist .headinglist span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.iconsw {
    width: 50px
}

.notifictionalllist .arrowicon i {
    font-size: 15px;
    color: gray
}

.textw {
    color: #fff;
    font-weight: 600
}

.di {
    display: flex;
    justify-content: space-between;
    padding: 0 10px 10px
}
   .textw {
        color: #fff;
        font-weight: 600;
        font-size: 14px
    }
@media only screen and (min-width: 320px) and (max-width: 575.99px) {
    .Homecss .container,
    .cardSection {
        padding-left: .25rem;
        padding-right: .25rem
    }
    .cardSection .card .cardtext {
        font-size: 13px
    }
    .lotterySection .topcontent .leftheading {
        font-size: 14px
    }
    .lotterySection .card .heading {
        font-size: 20px;
        text-align: center
    }
    .textw {
        color: #fff;
        font-weight: 600;
        font-size: 14px
    }
    .di {
        display: flex;
        justify-content: space-between;
        padding: 0 8px 8px
    }
    .lotterySection .card .card-image {
        width: 55px
    }
    .lotterySection .card .manincardbtn {
        font-size: 14px;
        height: 35px
    }
    .lotterySection .bigcard .cardimage {
        width: 80px;
        height: 70px
    }
    .lotterySection .bigcard .card-headind {
        font-size: 13px
    }
    .lotterySection .bigcard .card-subheading {
        padding: 0 10px;
        font-size: 11px
    }
    .lotterySection .bigcard .btnenter {
        font-size: 14px;
        padding: 3px 25px
    }
    .OrignalSection .topcontent .leftheading {
        font-size: 14px
    }
    .OrignalSection .card .card-image img {
        height: 120px!important
    }
    .recommendationSection .topcontent .leftheading {
        font-size: 14px
    }
    .recommendationSection .card .card-image {
        height: 120px
    }
    .recommendationSection .card .game-odd {
        font-size: 11px
    }
    .inhight .winnercard .middleimage {
        width: 60px;
        height: 40px
    }
    .inhight .winnercard .amount {
        font-size: 13px
    }
    .inhight .winnercard .winetype {
        font-size: 12px
    }
    .rankingsection .heading {
        font-size: 14px
    }
    .rankingsection .firstcolum h5,
    .rankingsection .secondcolum h5,
    .rankingsection .thirdcolum h5 {
        font-size: 12px
    }
    .rankingsection .firstcolum button,
    .rankingsection .secondcolum button,
    .rankingsection .thirdcolum button {
        font-size: 10px;
        padding: 6px 5px!important
    }
    .rankingsection .firstcolum .topuserimag,
    .rankingsection .secondcolum .topuserimag,
    .rankingsection .thirdcolum .topuserimag {
        width: 60px;
        height: 60px
    }
    .rankingsection .firstcolum {
        top: -24px
    }
    .rankingsection .thirdcolum {
        top: -24px;
        right: -3px
    }
    .rankingsection .rankinklist .userimagerank {
        width: 35px;
        height: 35px
    }
    .rankingsection .rankinklist .username,
    .rankingsection .rankinklist button {
        font-size: 12px
    }
    .notifictionalllist .headinglist {
        font-size: 14px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none!important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.footermain {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACECAMAAAD4M17tAAAAolBMVEUAAADNzfnZ2fPS0uvR0ezR0e3R0ezR0e3V1frR0e3R0e3W1u/Q0O3R0e3Q0O3S0uzU1O/Q0O3a2vjQ0O3Ly+bV1e7S0u/S0u7Q0O7R0e3Q0O3R0e7Z2fHR0e3S0u3R0e3S0u3R0e3R0e7R0e3R0ezR0e7R0e79/f/29vzw8Pne3vPi4vT+/v/c3PH09Pv5+f3t7fn6+v78/P7o6Pb///////8uNEk+AAAANXRSTlMABAkYHzpObA1EVxJlXygmMC8HXhIMRWZVShUiDkA2UBosMzwdWWnswqZ3gfVttNKa2uKQ9kHS5MYAAA23SURBVHja7FgNd9JAEGwgIhbLRyUQAraQgsWqVVv7//+aszt3HeBZX+3jvQbJlNzuXfaOy864OTypUaNGjRo1atT4T5G8COdJhfGyzZ0cCLDV1yenCvy/JHHnAY1jxXnjnACDldd8ZKxh13FyZs+OFgj/5p5dIijyzNEGZrhoZ+x4m5mH+95GK2gi49gIoSs3Y3DGGf8AfcHuXPnYrWy2M11BW37maHgOq6x4Kl2E7eH5hYPhP7NLjD1H8FHqmDObzYaGTqdjrbv02ZjpBHgXjYMeRzQUI+nHK4IztBI7CtsJ9EsON0NDaLp9NKw43XBDR0bPNZu1LYGVrfHJSRK03iZh+3v+cPtQ+A/bA2MmedaoZ4jdpG6TC6AZMW/uCVpJXXnyK4HC0PEEIn1VlHukrG1CIGH7xMHx74SxSDX+SlnCKoEiYXnDN86Xy2W6TI8ZyMAcmTfFe8GonN6TBJR5eQJjNWF4ejAG1bvkJfgny4QlzpWeTqfTXkDX0evCsz82HKOLxm2M56A83XarHj5aFaD1AH0Xw2gthr48DbPP6e5paW81T3vRqsGn5fAUSJHAohgOs0bVKrxzxvoEytJI2J6en+3h8N9zGGGpFSkwhhL/BGWbYkfibJHFYjFw9O2vD0vfYD5aerxNY5Ajw7u4uGDsKwZQj8tpZTi8aY66cSUGh2itrS26p+7mt0bLZXWHQ8hBFylM53NUeCSvUj9Zg9qHRUHKxNgenl8sHxL/A/DVdcaWgTLn7E9qh9gLiD2dQupIW1leAG+OGRdA2R9A8UgfXpA40VSovCeJi72D+jSdQupgrKwJuyjLfh+aJ2XFcKYatZW4bNgJYl/0LW1XVx+Bd4YRPnR00aB1M6IfuhEY5hXub0HRbGW1JMFV1A1r0xXY07IaB7Rlmjhdc+UISMAVclgOFlbhm1YtzqtygE8SVqimi31QGmMkbA/PH2M54WD4/2iEOWP9xxo13CnwSUgcxQ6tI3FI22hiaB01kADL4RsIvtvz5FVG7yStU6C0W30CZeD7yAmbOGHGGCQfa1Qs8DrIPCau51XCpd66vLzM89P81AGPoBU0kPOT02qcro/K170/DwvPv6GVngpbaURh8NRov2zyy8sWFA/B95G85Rx6b1RC77FEzVNwBrGTshzY3/MDh8Y/CDPGjLIrCt4PodJ78lgmUpSJ8gJVgok7Xa0+GM7OznDh4y59OuYaOELEQVq0jIsOhrzVYgR7IdRtmBvC2aHP0Di6u4L+HNqAguP2YjdGaBVtd7XKc+QPgkeBR7Eohlkl/j8ySUiavY7B2QiUkbF9Pb9uHw7/mAnCIHpTPAXf9UPorB317mq3E+B24vwp3hvGY2vMjt2EMSL25bs1WMtBLqBQjguaH50wfytcEfTU29iMOtqodhF3xVFN4RhHg4kRlkSkbzJC8vrIXbNAqXj936tgLWtT7SXexuDMKHPCxnt4fm/YPSj+yRg074r3lzILPPUe1d5pLlnaLXE5Ezf+ZHh7zLAEjC1/Kwj+net9iVJRgeM7WGvzJAO1jybgzCk7dsICY4GylnFWLkAaf3SZ3GNt7w62Enfzef397vrh6PH15/rHzfuzoPcBUhcy94oga1J7Kz8FZ18+r6+/Phw7ru++3/64geRd8PEQupzzpXzi53ZTux1kJi0X+/h+XQt9Ez/vcaKh3nvTChzf7eDeBmtR7auzt7d3DzUk+vW9Cf40b00+skjxEHqyofZ3Xtrff7v99VBjN39fqPdy0UtxnHlduSfhKIM38m/2zW5JTSCIwoMCtUpc3LjFolkkSEgBAm6S4v1fLd09xMqfOrMXzs05j0B3fX36TLPX3Y6S/VsxHsp/mdCZ4vX+3O00E9HsFzR8pX7PAv5yjHd3y6okx1Q2sjJP+5K7/Qiy/09d3a42v/f7w0xNlDhwtxPaGzT7RVz0aZ5kZGd8NoIu8c5wZ0gVXLW0auDYLxL+w58mVL3qhUezvf02Qtf6XewMgcKte/dmAne2MsSoYYQu16yVfg8OhVBKTQuPsB1ov9XvZGf2a3LvTsMZgbuUrVyEKbr9qrpmIyZUKBUpsTJBxmzHh7vd76HG++75wRneBe5ctjWVLW1G6LoG6Xe27593as5WhheeTT1Ct3TKt+Le5w7b3fMolqEwTcp2HKFbqqs0nDI1NS08eYXt3kRNmJQH5kTkyM2Il3ndzX2ZyT3eRwz0vWL7zmVTfszZbb4E243U9RPeI2d49/hBdYI7qmakejlNZfUJC4+VTqHmxO7ZEd71ourHa4pl2hEy0pCGCS9dKpY0CwuPsY7bcl/EX+aunpo8emLih0Gm1GmEzNRovCsOIcMeDxXGqskG8lOTm0uCM9wLwN3OhNJUXj+qguGOhcdc3UrGolwSOGn3XynkYgvnbpmpFYo/29sImettWlad4F2Ow/QTU5JjJluVjfCu6LO9AO52y2ribFmVdpf7AVDKUl1FU1mRl0EqY6cVj8XYd/CyKofu0ZRCYlG1U0NlU0H2gploPRYZ7y7uIjXcdQrZj5CNuiW3++LHCFluPYnOIqM730XKoTsfbAvc4WUs1SwCVSZw7rY6chY54f2O2bvEMpJCPiFOe4e6pFQlwltrDTldHLnA+8eZwP0Rx2HvUluqDOGttboV/8V3d/cumfsZ7qjbT/bObilxKAjCBBdKQ4JQIMQfQJQQCMKusr7/q23PDIe4N1tLID9WdV/sVrz1q7Znzpw5J2s3aUz4NzHfXCTsveRbTV5m7jdtFqqnK5k0wk/qZP2M5Myi5PTuJn855ZRbYYMRMI82au/lzgHbhWx3Z49/lHNo36BLnGfvw7I26HluWkbNnV3IPNo1WPHk0mY2KnnFko1C0tzP0arBVRv57b28S9pWp3aOF7Jp7rn03qBN5NN2NtIdHCXFGc81IeeyOMznby2XksYnlUur4+32ThnN92xxWOuG5p5bxD2vNrYxsoyFwDYJmdWpNHfiXrbefbcxsnDePevKuCjDVUrEvXxtomwBdrHXtEF7E8HdRRkulyHu5esjdguwC14Z6YK7dWVmMXvHxL0CrS3OSHwvcjQStFtwv7XHCzgtQ9yr0NtSlvVMbZVyYbx7RrtbSx7FjDLEvRKtYo3vGe9FAK+02/IBjTKsU4l7RdrY+zW6Otx4L4R2K1M1uPvcgEXcq1KyjCy+F8a7o929Ojbg+gHiXpl2cdQukndLMu6tuHbEKEPcq9ReV+UXxbt5u52mvo4Q3HmxmLhXqbdUy1VtR16ad895e/YyIrsyxL1SfQxw2pT5+3UT45GXsvYvuV1pD7nvjbhXrN3Az16qxfS7jAN7l6J9+HD1xdsZ3Il75Vp/4f0ZvGuguUhsvx5iwt3R7g94rZi410Cbge/yDM6bEODPDjTeIcjoWWp/arSnDO7EvQZKUsnvI/i7nK9KoDkTeMBu1r4A7dh+StqJe41kL5Gj/455Agk0GJDMn2g8acjA2jW2Y3IAp0uS27d8CJS410TJVvOMPEVugWaoiSYP8Z5ZO2B/1tjewlkqaA94mkrca6OPbSjnq+C93zWDPyQaLx/sHbN2HKWC9gi0c8aduNdIyrsWrGbwV1Ky3p1EvKesA/YnwI4atTt/0SI1ikPSTtzrpSQNB+BdDB4VqwBvkaaJEC/6H9Zh7IDdcox0ZBBkpEgNt1wGRNxrJuHdj9r3Exg8Eo0DHpnGUjz0L9TV2FGgdgz2bl+s3YJMyiqVuNdOSRqEsRk8WpIGvGQahBpDHvJUAFwgN+nPmxpiwDoyO2DXHCPWLrSzA0nc66i3dQCDn7Xvb47AL2DxD0OM0khrUpg3efbfkfQ7x/qzg72FZrtYexjsf39SxL2O2o2DQSwteAW+jwxvxCPVDJ9g86pmJnwp6cOOYx2Z3WBH+9FHjTrmnAxxr60+Uhh8HBnwyPDzrhEP5ME8oBfsM+GzA9IF9efF4lGMvaewW44JAxapxL3OSn6NkeANeClaewfifyyEeUBvEsRNVyAdto4MA9b7Ly+tV8SYA+zjPWM7ca+3VqkA7wP4ewDfMuKBvDEv1GfCJ0B/VNTnvd4Uxi6ZfRZJjgm27LYT99orWS8DizTt+5ERL8jPYfO3oP4v3QL0rqL+Mp2+vkqKaauzh8FyzZ0Dn8T9GyjZGPC+Ix7IK/OAHuo6yUcfAQaoI8NMRsq6LzEmWO6Z2iHi/i20SpdjAT6OhHhBXpgH9MDe1NN/8d1qwdXF1oX1KI5DgT3lRJiKuP9hv+5xEIZhAApvjUB0YqiYkUpCpP7l/nfDdqlKBRwg8vu2ZH6y7EpY8Fvxkrw2L9GL+06fJyldU9fWbbB3fWFpfyP3asxTsOI1+bM13zQ3zX5zM42VftbUrfXAGrMj94o8Ut6Kv2rzEr1Uv9POtXRJfWv9OXCgfiD3usxafH8R7Rr90VW1a+rSemKwH5F7dZZYgiQvY960Ev5OPrrOUi8DrX8h9yrNccrWvOlMb0IfQk5xZof5hdzrtYwxTSXnZzA555JSHB+U/he5A+QOkDtA7vCJ3OEIucMRcocj5A5HyB2OkDscIXc4Qu5whNzhCLnDEXKHI+QOR8gdjpA7HCF3vNqlAwEAAAAAQf7Wg1wMjejOiO6M6M6I7ozozojujOjOiO6M6M6I7ozozojujOjOiO6M6M6I7ozozojujOjOiO6M6M6I7ozozojujOjOSPcG5muqYBztAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed!important;
    bottom: 0;
    left: 50%;
    display: flex;
    align-items: flex-end;
    transform: translate(-50%);
    padding-block: 0 .13333rem;
    font-size: .29333rem;
    z-index: 100;
    height: 83px !important;
    justify-content: space-around
}

.footermain .tabbar__container-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: .11707rem;
    color: var(--text_color_L2)
}

.footermain .tabbar__container-item .icon {
    width: 1.45rem;
    height: 1.85rem;
    display: flex;
    align-items: center
}

.footermain .tabbar__container-item .active {
    color: #f95959
}

.footermain .tabbar__container-item span {
    font-size: .813rem;
    color: var(--text_color_L2);
    margin-bottom: .125rem
}

.footermain .footerlist {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.footermain .tabbar__container-item .icon i {
    font-size: 1.25rem
}

.footermain .tabbar__container-item .diamondimage {
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.125rem;
    border: .063rem solid white;
    background: var(--main_gradient-color2);
    position: absolute;
    top: -49px
}

.footermain .tabbar__container-item .permotiontext {
    margin-top: 1.938rem
}

.footermain .tabbar__container-item .diamondimage .image {
    width: 1.563rem;
    height: 1.563rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width: 575.99px) {
    .footermain {
        height: 4.375rem
    }
    .footermain .tabbar__container-item .diamondimage {
        width: 2.5rem;
        height: 2.5rem
    }
    .footermain .tabbar__container-item span {
        font-size: .688rem;
        font-weight: 500
    }
    .footermain .tabbar__container-item .icon i {
        font-size: 1rem
    }
}
 .footermain{
       max-width: 430px !important;
 } 
 
 .footerlist {
             
        zoom: 0.4;
    }
@media only screen and (min-width: 300px) and (max-width: 575.99px) {
    .footermain .footerlist {
               width: 100% !important;
        zoom: 0.4 !important;
    }
}

@media only screen and (min-width: 280px) and (max-width: 320.99px) {
    .footermain .footerlist {
        width: 100%!important;
        zoom: 0.3 !important;
    }
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000b3;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.modal-content {
    position: relative;
    width: 100%;
    max-width: 390px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 8px #0003;
    justify-content: center;
    margin: auto
}

.modal-image {
    width: 100%;
    border-radius: 10px
}

.close-btn {
    position: absolute;
    top: -10px;
    right: -4px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: var(--main_gradient-color2);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    text-align: center;
    line-height: 55px
}

.close-btn:hover {
    color: red
}

@media (min-width: 320px) and (max-width: 575px) {
    .modal-content {
        max-width: 100%;
        padding: 0
    }
    .close-btn {
        top: -17px
    }
}

.smile {
    font-size: 70px
}

.tryagain {
    background-color: #4bb543;
    padding: 10px 20px;
    color: #fff;
    border: 0;
    border-radius: 7px;
    box-shadow: 0 0 2px 1px #000
}

.tryagain1 {
    color: #fff;
    background-color: #ca0b00;
    padding: 10px 20px;
    border: 0;
    border-radius: 7px;
    box-shadow: 0 0 2px 1px #000
}

.succes {
    background-color: #4bb543
}

.succes-animation {
    animation: succes-pulse 2s infinite
}

.danger {
    background-color: #ca0b00
}

.danger-animation {
    animation: danger-pulse 2s infinite
}

.custom-modal {
    position: relative;
    width: 350px;
    box-shadow: 0 0 5px 1px #0000007a;
    min-height: 300px;
    background-color: #fff;
    border-radius: 30px;
    margin: 40px 10px
}

.custom-modal .content {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px
}

.custom-modal .content .type {
    font-size: 18px;
    color: #999
}

.custom-modal .content .message-type {
    font-size: 24px;
    color: #000
}

.custom-modal .border-bottom {
    position: absolute;
    width: 300px;
    height: 20px;
    border-radius: 0 0 30px 30px;
    bottom: -20px;
    margin: 0 25px
}

.custom-modal .icon-top {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: 25px;
    margin: 0 125px;
    font-size: 30px;
    color: #fff;
    line-height: 127px;
    text-align: center
}

@keyframes succes-pulse {
    0% {
        box-shadow: 0 0 30px 20px #4bb54333
    }
    50% {
        box-shadow: 0 0 30px 20px #4bb54366
    }
    to {
        box-shadow: 0 0 30px 20px #4bb54333
    }
}

@keyframes danger-pulse {
    0% {
        box-shadow: 0 0 30px 20px #ca0b0033
    }
    50% {
        box-shadow: 0 0 30px 20px #ca0b0066
    }
    to {
        box-shadow: 0 0 30px 20px #ca0b0033
    }
}

.page-wrapper {
    height: 100vh;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.mainpopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 305px;
    background: #fff;
    padding: 0;
    box-shadow: 0 0 10px #0003;
    border-radius: 11px;
    text-align: center;
    z-index: 99999;
    border: 5px solid transparent;
    animation: borderColorChange 3s infinite linear
}

.mainpopup:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 12px;
    border: 10px solid transparent;
    animation: borderAnimation 5s linear infinite
}

@keyframes borderAnimation {
    0% {
        border-color: red transparent transparent transparent
    }
    25% {
        border-color: blue red transparent transparent
    }
    50% {
        border-color: green blue red transparent
    }
    75% {
        border-color: orange green blue red
    }
    to {
        border-color: purple orange green blue
    }
}

.mainpopup p {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-top: 25px;
    text-transform: capitalize
}

@media only screen and (max-width: 600px) {
    .mainpopup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 300px;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 10px #0003;
        border-radius: 8px;
        text-align: center;
        z-index: 99999
    }
    .mainpopup p {
        font-size: 15px;
        color: #000;
        font-weight: 600
    }
}

.mainpopup .close-btn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 40px;
    cursor: pointer;
    color: #000
}

.mainimg {
    width: 100%
}

.mlmdashboard .card1 {
    background-image: url(/images/trophybg-tM41fK4P.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.navloginDashbiad {
    width: 70px;
    height: 70px
}

.gamecss {
    align-items: center;
    justify-content: center;
    background: red;
    padding: 4px 7px 8px;
    border-radius: 7px
}

.mlmdashboard .card2 {
    background-image: url(/images/lotterybg-11Oyms9F.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mlmdashboard .card3 {
    background-image: url(/images/casinobg-2Z-y4xqv.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mlmdashboard .card4 {
    background-image: url(/images/mainbg-BXi-b6-J.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mlmdashboard .card5 {
    background-image: url(/images/slot-bg-CWCFPEw-.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mlmdashboard .card6 {
    background-image: url(/images/sport-bg-cRVahXOC.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mlmdashboard .card7 {
    background-image: url(/images/rummey-bg-Dd-KdHyJ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mlmdashboard .card8 {
    background-image: url(/images/fish-bg-aLx6iLAD.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mlmdashboard .card9 {
    background-image: url(/images/avitorbg-C_QC6OpN.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    background-color: transparent
}

.mainft {
    font-size: 35px;
    color: #fff
}

.mainfl {
    display: flex
}

.mlmdashboard .card .rightimage {
    width: 100px
}

.mlmdashboard .card1 .card-body,
.mlmdashboard .card2 .card-body,
.mlmdashboard .card3 .card-body,
.mlmdashboard .card4 .card-body,
.mlmdashboard .card5 .card-body,
.mlmdashboard .card6 .card-body,
.mlmdashboard .card7 .card-body,
.mlmdashboard .card8 .card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px!important
}

.mlmdashboard .card .cardtext {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    font-family: Inter
}

#myProgress {
    background-color: #add8e6;
    width: 100%
}

.tablesdata table,
th,
td {
    border: 1px solid white;
    padding: 5px 10px;
    white-space: nowrap
}

.prgs {
    background-color: red
}

.fs18 {
    font-size: 17px
}

@media (min-width: 320px) and (max-width: 575.99px) {
    .fs18 {
        font-size: 14px
    }
    .rightimage3 i {
        font-size: 20px
    }
}

.loginapp {
    background-color: #f7f8ff;
    overflow-y: auto
}

.loginapp .text-theme1 {
    color: #e94211!important
}

.loginapp .headerlogin {
    height: 100%;
    background: linear-gradient(90deg, #e67302, #ee0a24)
}

.loginapp .headerlogin .arrowshine i {
    font-size: 25px
}

.loginapp .headerlogin .loginimage {
    width: 97px;
    height: 75px;
    display: inline-block
}

.loginapp .headerlogin button {
    display: flex;
    align-items: center;
    gap: .5rem;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #fff;
    opacity: 0
}

.loginapp .headerlogin button span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.loginapp .headerlogin .navheading {
    font-size: 17px;
    font-weight: 600;
    color: #fff
}

.loginapp .headerlogin p {
    font-size: 13px;
    color: #fff
}

.loginapp .navsectiontab .nav-tabs {
    justify-content: center
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link {
    border-bottom: 1px solid #495057;
    border-left: none;
    border-top: none;
    border-right: none;
    padding: 10px 40px
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link .iconmob {
    font-size: 25px;
    color: #888
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link .phonelogin {
    font-size: 14px;
    font-weight: 500;
    color: #888
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link.active {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f95959
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link.active .iconmob {
    font-size: 25px;
    color: #f95959
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link.active .phonelogin {
    font-size: 14px;
    font-weight: 600!important;
    color: #f95959
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link:focus-visible {
    outline: none
}

.loginapp .navsectiontab .nav-tabs .nav-item .nav-link .phonelogin .loginapp .navsectiontab .nav-tabs .nav-item .nav-link:hover:focus {
    outline: none;
    border-color: none
}

.loginapp .navsectiontab .tab-content .phonelogintab .lebal {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center
}

.loginapp .navsectiontab .tab-content .phonelogintab .lebal span {
    font-size: 25px
}

.loginapp .virfivtionimage {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.loginapp .inputGropu {
    position: relative
}

.loginapp .inputbtn {
    position: absolute;
    right: 7px;
    top: 4px;
    background: linear-gradient(90deg, #e67302, #ee0a24);
    color: #fff;
    border-radius: 30px;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 700;
    border: none
}

.loginapp .navsectiontab .tab-content .phonelogintab .lebal span.imageinvite {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center
}

.loginapp .navsectiontab .tab-content .slectinput {
    background-color: #fff;
    color: #000;
    width: 110px;
    border: none;
    height: 47px;
    box-shadow: none;
    border-radius: 12px
}

.loginapp .navsectiontab .tab-content .formControl {
    border: none;
    height: 47px;
    background-color: #fff!important;
    box-shadow: none;
    border-radius: 12px
}

.loginapp .navsectiontab .tab-content .password {
    position: relative
}

.loginapp .navsectiontab .tab-content .eye {
    position: absolute;
    right: 20px
}

.loginapp .navsectiontab .tab-content .remindersection .form-check .form-check-input {
    height: 20px;
    width: 20px
}

.loginapp .navsectiontab .tab-content .remindersection .form-check .form-check-input:checked {
    background-color: #f95959;
    border-color: #f95959
}

.loginapp .navsectiontab .tab-content .remindersection .form-check .form-check-label {
    font-size: 13px;
    color: #90929e!important
}

.loginapp .navsectiontab .tab-content .remindersection .form-check .chekedinput:checked {
    background-color: #f95959;
    border-color: #f95959
}

.loginapp .navsectiontab .tab-content .buttonsection button {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    color: #fff;
    font-size: .48rem;
    font-weight: 700;
    height: 48px;
    width: 100%;
    margin: auto;
    border-radius: 25px;
    border: none;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

.loginapp .navsectiontab .tab-content .buttonsection button:hover {
    color: #fff
}

.loginapp .navsectiontab .tab-content .buttonsection .rigesterbtn {
    background: linear-gradient(180deg, #f95959, #ff9a8e);
    color: #f95959
}

.loginapp .navsectiontab .tab-content .buttonsection .rigesterbtn:hover {
    color: #f95959
}

.loginapp .navsectiontab .tab-content .buttonsection2 .buttonin {
    font-size: .48rem;
    font-weight: 700;
    height: 48px;
    width: 90%;
    margin: auto;
    border-radius: 25px;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f95959
}

.loginapp .navsectiontab .tab-content .buttonsection2 .buttonin:hover {
    color: #fff
}

.loginapp .navsectiontab .tab-content .forgetbtn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    color: var(--text_color_L1)
}

.loginapp .navsectiontab .tab-content .forgetbtn span {
    width: 35px;
    height: 35px;
    margin: auto auto 10px
}

.loginapp input::placeholder {
    font-size: 13px;
    color: #b6bcc8
}

.helpss {
    width: 85%
}

.ft {
    font-size: 20px!important
}

@media only screen and (max-width: 600px) {
    .helpss {
        width: 78%
    }
}

.giftSection {
    background: linear-gradient(90deg, #ffe9e971, #ffddd9);
    border-radius: 30px 30px 0 0!important
}

.giftSection .uid {
    height: 20px;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 30px;
    line-height: 0px;
    background-color: #feaa57!important
}

.giftSection .topbox .card {
    border-radius: 18px;
    margin-top: 40px
}

.giftSection .topbox .card .heading {
    font-size: 14px
}

.giftSection .topbox .card .payment {
    font-size: 18px;
    font-weight: 700
}

.giftSection .topbox .card .listicontext {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.giftSection .topbox .card .listicontext li .anker i {
    font-size: 20px
}

.giftSection .topbox .card .listicontext li .anker {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    gap: .4rem;
    color: #000;
    font-size: 14px
}

.permotionpage .fs-14 {
    font-size: 14px;
    margin: 6px 10px !important;
}

.permotionpage .fs-16 {
    font-size: 16px
}

.permotionpage .text-black {
    color: #000!important
}

.safemode {
    border: 5px solid transparent;
    animation: borderAnimation 5s linear infinite
}

.permotionpage .rounded3 {
    border-radius: 15px
}

.permotionpage {
    background-color: #f7f8ff
}

.permotionpage .headertext {
    font-size: 16px;
    color: #000
}

.permotionpage .hedbtn {
    color: #f95959
}

.permotionpage.bgimagepermotion {
    height: 50vh;
        padding: 5px 9px;
    position: relative;
    background: linear-gradient(90deg, #e67302, #ee0a24), url(/images/promotionbg-BarI6cPr.png)
}

.permotionpage .topcard .card-header1 {
    border-radius: 15px 0 0
}

.permotionpage .topcard .card-header2 {
    border-radius: 0 15px 0 0
}

.permotionpage .list .headinglist {
    color: #000!important
}

.permotionpage.mainheight {
    margin-top: 250px
}

.border-end {
    border-right: 1px solid #f95959!important
}

@media only screen and (min-width: 425px) and (max-width: 480.99px) {
    .permotionpage.mainheight {
        margin-top: 290px
    }
}

@media only screen and (min-width: 319px) and (max-width: 424.99px) {
    .permotionpage.mainheight {
        margin-top: 210px
    }
}

.subordinate,
.subordinatecardsection .fs-14 {
    font-size: 14px
}

.subordinate,
.subordinatecardsection .fs-16 {
    font-size: 16px
}

.subordinate,
.subordinatecardsection .text-black {
    color: #000!important
}

.subordinate,
.subordinatecardsection .rounded3 {
    border-radius: 15px
}

.subordinate {
    background-color: #f7f8ff
}

.subordinate .inputbtngroup {
    border-radius: 10px
}

.subordinate .inputbtngroup input {
    padding: 10px
}

.subordinatecardsection .card {
    border-radius: 16px
}

.subordinate .bottomcardbox {
    background-color: #fff;
    border-radius: 16px
}

.subordinate .bottomcardbox .card-header {
    font-size: 16px;
    border-radius: .3px solid
}

.subordinate .bottomcardbox .heading,
.subheading {
    font-size: 14px;
    color: #768096
}

.subordinate.card-box {
    padding-bottom: 100px
}

.subordinate.selectgroupinput select {
    border: 0;
    border-radius: 8px;
    font-size: 14px;
    height: 40px
}

.subordinate.selectgroupinput input {
    border-radius: 8px;
    font-size: 14px;
    height: 40px
}

.newsubordinate.navtabssection .nav .nav-item {
    width: 33.3333%
}

.newsubordinate.navtabssection .nav .nav-item .nav-link {
    background-color: #fff;
    border-radius: 7px;
    color: #768096;
    width: 100%
}

.newsubordinate.navtabssection .nav .nav-item .nav-link.active {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    border-radius: 7px;
    color: #fff
}

.headerheight {
    margin-top: 4rem
}

.coloheight1 {
    height: 19.5rem!important
}

.svgIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px
}

.voiceimage {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.withdrwal {
    background-color: var(--text_white);
    border-radius: 0rem 0rem 1rem 1rem
}

.withdrwal .innercard {
    border-radius: 1.25rem
}

.withdrwal .innercard .walletpayment {
    font-size: 1.063rem
}

.withdrwal .innercard .heading {
    font-size: 1rem;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center
}

.withdrwal .innercard .walletbtn1 {
    background-color: var(--norm_red-color)
}

.withdrwal .innercard .walletbtn1,
.walletbtn2 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text_white);
    border-radius: 1.875rem;
    height: 2.5rem;
    box-shadow: none
}

.withdrwal .innercard .walletbtn1,
.walletbtn2:hover {
    color: var(--text_white)
}

.withdrwal .innercard .walletbtn2 {
    background-color: #18b660;
    box-shadow: none
}

.withdrwal {
    background: var(--main_gradient-color);
    height: 35vh
}

.lotterysectionsection3 .tabsmanin {
    background-color: var(--text_white);
    border-radius: .813rem
}

.lotterysectionsection3 .tabsmanin .nav-item {
    width: 25%
}

.lotterysectionsection3 .tabsmanin .nav-item .nav-link.active {
    background: var(--main_gradient-color2);
    box-shadow: 0 .02667rem .08rem var(--main-color) inset, 0 -.02667rem .08rem var(--main-color) inset;
    border-radius: .75rem
}

.lotterysectionsection3 .tabsmanin .nav-item .nav-link {
    padding: .625rem .875rem;
    overflow: auto;
    white-space: nowrap;
    border: none!important;
    width: 100%
}

.lotterysectionsection3 .tabsmanin .nav-item .nav-link.active .timeimage {
    filter: none
}

.lotterysectionsection3 .tabsmanin .nav-item .nav-link .timeimage {
    width: 3rem;
    height: 3rem;
    margin: auto;
    margin-bottom: .625rem;
    filter: grayscale(1)
}

.lotterysectionsection3 .tabsmanin .nav-item .nav-link.active .timetext {
    color: var(--text_white)
}

.lotterysectionsection3 .tabsmanin .nav-item .nav-link .timetext {
    font-size: .9rem;
    color: #757575;
    font-weight: 400
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn {
    background-image: url(/images/wingoissue-0c200440-CHkf1wXO.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    background-color: #0000;
    border: none;
    padding: 7px
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn {
    border: .01333rem solid white;
    color: var(--text_white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    height: 2.3rem;
    width: 100%
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn span {
    width: 1.563rem;
    height: 1.563rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .wintext {
    font-size: .813rem;
    color: var(--text_white)
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .balllist {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: .5rem
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .balllist li {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .timingheading {
    font-size: .875rem;
    font-weight: 600;
    color: var(--text_white);
    text-align: end
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .timingheading2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    text-align: end;
    margin-top: .125rem;
    display: flex;
    justify-content: end
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .timingheading2 span {
    display: inline-block;
    width: 1.25rem;
    height: 1.875rem;
    background-color: var(--text_white);
    text-align: center;
    line-height: 1.875rem;
    margin: 0 .125rem;
    font-size: 1.25rem;
    color: var(--main-color);
    border-radius: .125rem
}

.lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .timingheading3 {
    font-size: 1.063rem;
    font-weight: 700;
    color: var(--text_white);
    text-align: end;
    letter-spacing: .069rem
}

.lotterysectionsection4 .cardgame {
    background-color: var(--text_white);
    border: none
}

.lotterysectionsection4 .cardgame .btnGreen {
    background-color: var(--norm_green-color);
    color: var(--text_color_L4);
    font-size: 1rem;
    height: 2.813rem;
    width: 33.333%;
    font-weight: 600;
    border-radius: 0rem .625rem
}

.lotterysectionsection4 .cardgame .btnviolet {
    background-color: var(--norm_Purple-color);
    color: var(--text_color_L4);
    font-size: 1rem;
    height: 2.813rem;
    width: 30.333%;
    font-weight: 600
}

.lotterysectionsection4 .cardgame .btnRed {
    background-color: var(--norm_red-color);
    color: var(--text_color_L4);
    font-size: 1rem;
    height: 2.813rem;
    width: 33.333%;
    font-weight: 600;
    border-radius: .625rem 0rem
}

.lotterysectionsection4 .cardgame .coingame {
    display: flex;
    align-items: center;
    gap: .5rem;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f7f8ff;
    border-radius: .75rem
}

.lotterysectionsection4 .cardgame .coingame li {
    width: calc(100% / 6);
    height: auto
}

.lotterysectionsection4 .cardgame .rendomsection {
    display: flex;
    align-items: center;
    gap: .5rem
}

.lotterysectionsection4 .cardgame .rendomsection .inrendombtn {
    font-size: .875rem;
    color: red;
    border: .063rem solid red;
    border-radius: .5rem;
    font-weight: 600;
    height: 2.5rem
}

.lotterysectionsection4 .cardgame .rendomsection .smalllistbtn {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%
}

.lotterysectionsection4 .cardgame .rendomsection .smalllistbtn li button {
    width: auto;
    height: 2.188rem;
    padding: .188rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgDark-4, var(--bg_color_L1));
    color: var(--darkTextW, var(--text_color_L2));
    border-radius: .5rem;
    font-size: .875rem;
    font-weight: 400;
    cursor: pointer;
    box-shadow: none
}

.lotterysectionsection4 .cardgame .rendomsection .smalllistbtn li .btn.active {
    background-color: #18b660;
    color: var(--text_white)
}

.lotterysectionsection4 .cardgame .groupnutton {
    margin: auto;
    width: 100%;
    justify-content: center;
    display: flex
}

.lotterysection .lotterysectionsection4 .cardgame .groupnutton .btn-group {
    width: 90%;
    border-radius: 1.875rem;
    margin: auto
}

.lotterysectionsection4 .cardgame .groupnutton .btn-group .btn-1 {
    background-color: var(--norm_secondary-color);
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--text_white);
    border-radius: 1.875rem 0rem 0rem 1.875rem;
    box-shadow: none
}

.lotterysectionsection4 .cardgame .groupnutton .btn-group .btn-2 {
    background-color: var(--norm_bule-color);
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--text_white);
    border-radius: 0rem 1.875rem 1.875rem 0rem;
    box-shadow: none
}

.bottomnavsection .nav-pills {
    justify-content: space-evenly;
    gap: .5rem
}

.bottomnavsection .nav-pills .nav-item .nav-link {
    background-color: var(--text_white);
    color: #000;
    font-size: .875rem;
    font-weight: 600;
    width: 100%
}

.bottomnavsection .nav-pills .nav-item .nav-link.active {
    background: var(--main_gradient-color, var(--main_gradient-color));
    color: var(--text_white)
}

.tablemain table thead {
    background-color: var(--main_gradient-color2)
}

.tablemain table thead tr th {
    color: var(--text_color_L4);
    text-align: center;
    padding: .625rem;
    font-size: .875rem;
    white-space: nowrap;
    border-bottom: 0
}

.tablemain table tbody tr td {
    color: #000;
    background-color: var(--text_white);
    padding: .625rem;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    border-bottom: .031rem solid white;
    vertical-align: baseline
}

.tablemain table tbody tr td.number.red {
    color: red
}

.tablemain table tbody tr td.number.redandviolet {
    background: linear-gradient(180deg, red 50.96%, #7f00ff 50.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.tablemain table tbody tr td.number.green {
    color: green
}

.tablemain table tbody tr td.number {
    font-size: 1.25rem;
    font-weight: 700
}

.tablemain table tbody tr td.number.greenandviolet {
    background: linear-gradient(180deg, green 50.96%, #7f00ff 50.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.tablemain table tbody tr td.number.violet {
    color: var(--norm_Purple-color)
}

.tablemain table tbody tr {
    background-color: var(--text_white)
}

.tablemain table tbody tr td .dotbtn .dotviolet {
    background-color: var(--norm_Purple-color);
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.tablemain table tbody tr td .dotbtn .dotred {
    background-color: var(--norm_red-color);
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.tablemain table tbody tr td .dotbtn .dotgreen {
    background-color: var(--norm_green-color);
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .number {
    font-size: .75rem;
    color: red;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .063rem solid red;
    border-radius: 3.125rem;
    z-index: 1
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .redBg {
    font-size: .75rem;
    color: var(--text_color_L4) fff!important;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    border-radius: 3.125rem
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .greenBg {
    font-size: .75rem;
    color: var(--text_color_L4) fff!important;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: green;
    border-radius: 3.125rem
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .redVioletBg {
    font-size: .75rem;
    color: var(--text_color_L4) fff!important;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #fd565c 50.96%, #b659fe 50.97%);
    border-radius: 3.125rem
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .greenVioletBg {
    font-size: .75rem;
    color: var(--text_color_L4) fff!important;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #40ad72 50.96%, #b659fe 50.97%);
    border-radius: 3.125rem
}

.chattabs .card .Trend__C-body1-line .line-container {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    top: 0;
    left: 0
}

.chattabs .card .Trend__C-body1-line .line-container line {
    stroke: red;
    stroke-width: .063rem
}

.chattabs .card .Trend__C-body1-line .lasttext {
    font-size: .813rem;
    color: var(--text_white);
    border-radius: 3.125rem;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6ea8f4
}

.historysection .maninbtn {
    background-color: transparent;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    border: .063rem solid var(--main-color);
    border-radius: 1.875rem;
    gap: .3rem;
    height: 1.875rem;
    box-shadow: none;
    color: var(--main-color);
    margin-left: auto
}

.historysection .buttontextgroup .numberG {
    font-size: 1.063rem;
    color: var(--text_white);
    background-color: green;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.historysection .buttontextgroup .numberR {
    font-size: 1.063rem;
    color: var(--text_white);
    background-color: red;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.historysection .buttontextgroup .numberB {
    font-size: 1.063rem;
    color: var(--text_white);
    background-color: orange;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.historysection .buttontextgroup .numberS {
    font-size: .875rem;
    color: var(--text_white);
    background-color: #2b78e0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.historysection .buttontextgroup .numberV {
    font-size: 1.063rem;
    color: var(--text_white);
    background-color: #7f00ff;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.ball-image {
    transition: transform 5s ease-in-out
}

.animate-ball {
    transform: scale(1.1)
}

.historysection .buttontextgroup .numberVG {
    font-size: 1.063rem;
    color: var(--text_white);
    background: linear-gradient(180deg, green 50.96%, #b659fe 50.97%);
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.historysection .buttontextgroup .numberVR {
    font-size: 1.063rem;
    color: var(--text_white);
    background: linear-gradient(180deg, #f95959 50.96%, #b659fe 50.97%);
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.historysection .buttontextgroup .textsec p {
    font-size: .875rem;
    color: #000;
    margin-bottom: .125rem
}

.historysection .buttontextgroup .thirdsec .faild {
    border: .063rem solid red;
    height: 1.313rem;
    color: red;
    font-size: .813rem;
    padding: 0rem .625rem
}

.historysection .buttontextgroup .thirdsec .passed {
    border: .063rem solid green;
    height: 1.313rem;
    color: green;
    font-size: .813rem;
    padding: 0rem .625rem
}

.historysection .buttontextgroup .thirdsec .paymentPasses {
    font-size: .813rem;
    text-align: center;
    color: green
}

.historysection .buttontextgroup .thirdsec .paymentLost {
    font-size: .813rem;
    text-align: center;
    color: var(--main-color)
}

.cardgame .Betting__C-mark {
    width: 100%;
    height: 100%;
    background: #0009;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    color: var(--text_color_L4);
    border-radius: .26667rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.cardgame .Betting__C-mark>div {
    display: inline-block;
    border-radius: .4rem;
    padding: .625rem;
    background: linear-gradient(90deg, #e67302, #ee0a24);
    font-weight: 700;
    font-size: 7rem;
    width: 8.375rem;
    height: 11.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.cardgame .Betting__C-mark>div+div {
    margin-left: 1.04rem
}

.WinningTip__C {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #000000b3;
    top: 0;
    left: 0
}

.WinningTip__C-body {
    position: absolute;
    width: 15.73333rem;
    height: 10.93333rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%);
    padding-top: 3.33333rem
}

.WinningTip__C-body-l1 {
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    color: var(--text_color_L4);
    height: .77333rem;
    line-height: .77333rem;
    margin-bottom: 1.90667rem
}

.WinningTip__C-body-l2 {
    width: 3.23333rem;
    height: 1.48667rem;
    line-height: .58667rem;
    display: -webkit-box;
    display: -webkit-flex;
    color: var(--text_color_L4);
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .90667rem
}

.WinningTip__C-body-l2>div {
    width: 4.23333rem;
    height: 1.48667rem;
    font-size: 1rem;
    background: green;
    border-radius: .13333rem;
    padding: 0 1rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.WinningTip__C-body-l2>div:first-child {
    margin-left: .32rem
}

.WinningTip__C-body-l2>div.WinningNum {
    width: 1.23333rem;
    height: 1.48667rem;
    line-height: .53333rem;
    margin: 0 .5rem;
    display: flex;
    font-size: .813rem;
    padding: .313rem;
    text-align: center;
    justify-content: center;
    border-radius: 50%
}

.WinningTip__C-body-l2.type0>div {
    background-image: -webkit-linear-gradient(top left, #fb4e4e 50%, #eb43dd 0);
    background-image: linear-gradient(to bottom right, #fb4e4e 50%, #eb43dd 0)
}

.WinningTip__C-body-l2.type5>div {
    background-image: -webkit-linear-gradient(top left, green 50%, #eb43dd 0);
    background-image: linear-gradient(to bottom right, green 50%, #eb43dd 0)
}

.WinningTip__C-body-l2.type1>div,
.WinningTip__C-body-l2.type3>div,
.WinningTip__C-body-l2.type7>div,
.WinningTip__C-body-l2.type9>div {
    background-color: green
}

.WinningTip__C-body-l2.type2>div,
.WinningTip__C-body-l2.type4>div,
.WinningTip__C-body-l2.type6>div,
.WinningTip__C-body-l2.type8>div {
    background-color: var(--main-color)
}

.WinningTip__C-body-l3 {
    height: 1.73333rem
}

.WinningTip__C-body-l3 .isLose {
    font-weight: 700;
    font-size: .64rem;
    line-height: .77333rem;
    color: #587ba4;
    text-align: center;
    font-size: larger;
    margin-bottom: .34667rem;
    padding-top: 0rem!important
}

.WinningTip__C-body-l3 .head {
    height: .4rem;
    line-height: .4rem;
    font-weight: 700;
    font-size: .34667rem;
    color: var(--main-color);
    text-align: center;
    font-size: large;
    margin-bottom: 1.10667rem
}

.WinningTip__C-body-l3 .bonus {
    height: .64rem;
    line-height: .64rem;
    font-weight: 700;
    font-size: .53333rem;
    color: var(--main-color);
    text-align: center;
    margin-bottom: .26667rem;
    margin-top: 2.063rem!important
}

.WinningTip__C-body-l3 .gameDetail {
    height: .37333rem;
    line-height: .37333rem;
    font-size: 1.29333rem;
    text-align: center;
    color: #6b6b6b!important
}

.WinningTip__C-body-l4 {
    display: flex;
    align-items: center;
    margin-top: 8.125rem;
    margin-left: -.688rem;
    text-size-adjust: .938rem;
    margin-top: 6.25rem!important
}

.WinningTip__C-body-l4 .acitveBtn {
    height: 1.66rem;
    width: 1.66rem;
    border-radius: 50%;
    background: #ffffff42;
    border: .01333rem solid var(--text_color_L4) fff;
    margin-right: .5rem;
    position: relative
}

.WinningTip__C-body-l4 .acitveBtn:after {
    content: "";
    height: .78rem;
    width: .78rem;
    background: var(--text_color_L4) fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none
}

.WinningTip__C-body-l4 .acitveBtn.active:after {
    display: block
}

.WinningTip__C .closeBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 1.8rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: .8rem;
    background-position: center;
    border: .063rem solid snow;
    color: snow;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translate(-50%, 180%)
}

@media only screen and (min-width: 320px) and (max-width: 480.99px) {
    .withdrwal .innercard .walletbtn1,
    .walletbtn2 {
        padding-left: 1.25rem!important;
        padding-right: 1.25rem!important;
        height: 2.188rem;
        font-size: .875rem;
        box-shadow: none;
        width: 44%
    }
    .timingheading3 {
        font-size: .875rem!important
    }
    .lotterysectionsection3 .tabsmanin .nav-item .nav-link {
        padding: .75rem
    }
    .lotterysectionsection3 .tabsmanin .nav-item .nav-link .timeimage {
        width: 1.875rem;
        height: 1.875rem
    }
    .lotterysectionsection3 .tabsmanin .nav-item .nav-link .timetext {
        font-size: .813rem
    }
    .lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn {
        gap: .5rem;
        padding: .438rem!important;
        font-size: .75rem
    }
    .lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .timingheading {
        font-size: .813rem
    }
    .lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .timingheading2 {
        color: var(--main-color);
        font-weight: 700;
        font-size: .48rem;
        text-align: center;
        padding: 0 .10667rem
    }
    .lotterysectionsection3 .tabcontentsection .tab-pane .cardIn .balllist li {
        width: 1.25rem;
        height: 1.25rem
    }
    .lotterysectionsection4 .cardgame .btnGreen,
    .lotterysectionsection4 .cardgame .btnviolet,
    .lotterysectionsection4 .cardgame .btnRed {
        font-size: .875rem;
        height: 2.5rem
    }
    .lotterysectionsection4 .cardgame .coingame li {
        width: calc(100% / 6);
        height: auto
    }
    .lotterysectionsection4 .cardgame .rendomsection .inrendombtn {
        font-size: .875rem;
        height: 2.188rem;
        line-height: .813rem
    }
    .lotterysectionsection4 .cardgame .rendomsection .smalllistbtn {
        justify-content: space-between
    }
    .lotterysectionsection4 .cardgame .rendomsection .smalllistbtn li button {
        width: 2.188rem;
        height: 2.188rem;
        font-size: .875rem;
        padding: 0
    }
    .lotterysectionsection4 .cardgame .groupnutton .btn-group .btn-1,
    .lotterysectionsection4 .cardgame .groupnutton .btn-group .btn-2 {
        font-size: .875rem
    }
    .bottomnavsection .nav-pills .nav-item .nav-link {
        font-size: .875rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        zoom: .4
    }
    .tablemain table thead tr th,
    .tablemain table tbody tr td {
        padding: .313rem;
        font-size: .75rem
    }
    .chattabs .card .innertext {
        font-size: .75rem
    }
    .chattabs .card .Trend__C-body1-line .firsttext {
        font-size: .75rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num {
        gap: .2rem
    }
    .chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .number {
        font-size: .625rem;
        width: .938rem;
        height: .938rem
    }
    .chattabs .card .Trend__C-body1-line .lasttext {
        width: .938rem;
        height: .938rem;
        font-size: .625rem
    }
    .historysection .buttontextgroup .number {
        width: 1.875rem;
        height: 1.875rem
    }
    .historysection .buttontextgroup .textsec p {
        font-size: .75rem
    }
    .historysection .headindeatils {
        font-size: .875rem
    }
    .historysection .MyGameRecordList__C-detail-line span,
    .nmb {
        font-size: .75rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .WinningTip__C-body {
        width: 12.83333rem
    }
    .lottermodal .modalpayment {
        width: 100%
    }
    .WinningTip__C-body-l3 .gameDetail {
        font-size: .875rem
    }
    .WinningTip__C-body-l4 {
        margin-top: 4.313rem!important;
        margin-left: 0
    }
    .WinningTip__C-body-l3 .isLose {
        font-size: 1.938rem!important;
        margin-top: 2.75rem!important
    }
    .WinningTip__C-body-l3 .bonus {
        margin-top: .813rem!important
    }
    .WinningTip__C-body-l1 {
        font-size: 1.25rem!important
    }
}

@media only screen and (min-width: 401px) and (max-width: 575.99px) {
    .WinningTip__C-body-l3 .gameDetail {
        font-size: .875rem
    }
    .WinningTip__C-body-l3 .isLose {
        font-size: 1.938rem!important;
        margin-top: 2.188rem!important
    }
    .WinningTip__C-body-l4 {
        margin-top: 4.313rem!important;
        margin-left: 0
    }
}

.mainApp {
    position: relative
}

.popupcard {
    background-image: url(/images/win-Cf-0PD4C.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 18.75rem;
    height: 31.25rem;
    background-color: transparent;
    border: none;
    margin: auto
}

.popupcard .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .8rem;
    margin-top: 5.938rem
}

.popupcard .card-body .card-heading {
    font-size: 1.563rem;
    font-weight: 700;
    color: var(--text_white)
}

.popupcard .card-body .lott {
    font-size: .813rem;
    color: var(--text_white)
}

.popupcard .card-body .greenbtn {
    font-size: .813rem;
    color: var(--text_white);
    background: green;
    padding: .125rem .563rem;
    line-height: 1.125rem;
    border-radius: .313rem;
    text-align: center;
    vertical-align: middle
}

.popupcard .card-body .number {
    background: green;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.125rem;
    font-size: .875rem;
    color: var(--text_white)
}

.popupcard .card-body .bigtext {
    font-size: .813rem;
    color: var(--text_white);
    background: green;
    padding: .125rem .563rem;
    line-height: 1.125rem;
    border-radius: .313rem;
    text-align: center;
    vertical-align: middle
}

.popupcard .card-body .Bonustext {
    font-size: 1.875rem;
    font-weight: 700;
    color: #e02d00;
    margin-top: 1.563rem
}

.popupcard .card-body .payment {
    font-size: 1.25rem;
    color: #e02d00;
    font-weight: 700
}

.popupcard .card-body .priodtext {
    font-size: .875rem;
    color: #000
}

.popupcard .card-body .radiogroup .form-check .form-check-input {
    box-shadow: none
}

.popupcard .card-body .radiogroup .form-check .form-check-input:checked {
    background-color: #e02d00;
    border-color: #e02d00
}

.popupcard .card-body .radiogroup .form-check .form-check-label {
    font-size: .813rem;
    color: var(--text_white)
}

.popupmain .modal-dialog {
    background: transparent;
    box-shadow: none;
    margin: auto
}

.popupcardloss {
    background-image: url(/images/lost-Db4E4xVL.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 18.75rem;
    height: 25rem;
    background-color: transparent;
    border: none;
    margin: auto;
    box-shadow: none
}

.popupcardloss .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .8rem;
    margin-top: 5.938rem
}

.popupcardloss .card-body .card-heading {
    font-size: 1.563rem;
    font-weight: 700;
    color: #6a8bb7
}

.popupcardloss .card-body .lott {
    font-size: .813rem;
    color: #6a8bb7
}

.popupcardloss .card-body .greenbtn {
    font-size: .813rem;
    color: var(--text_white);
    background: #6a8bb7;
    padding: .125rem .563rem;
    line-height: 1.125rem;
    border-radius: .313rem;
    text-align: center;
    vertical-align: middle
}

.popupcardloss .card-body .number {
    background: #6a8bb7;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.125rem;
    font-size: .875rem;
    color: var(--text_white)
}

.popupcardloss .card-body .bigtext {
    font-size: .813rem;
    color: var(--text_white);
    background: #6a8bb7;
    padding: .125rem .563rem;
    line-height: 1.125rem;
    border-radius: .313rem;
    text-align: center;
    vertical-align: middle
}

.popupcardloss .card-body .Bonustext {
    font-size: 1.875rem;
    font-weight: 700;
    color: #6a8bb7;
    margin-top: 1.563rem
}

.popupcardloss .card-body .payment {
    font-size: 1.25rem;
    color: #6a8bb7;
    font-weight: 700
}

.popupcardloss .card-body .priodtext {
    font-size: .875rem;
    color: #6a8bb7
}

.popupcardloss .card-body .radiogroup .form-check .form-check-input {
    box-shadow: none
}

.popupcardloss .card-body .radiogroup .form-check .form-check-input:checked {
    background-color: #6a8bb7;
    border-color: #6a8bb7
}

.popupcardloss .card-body .radiogroup .form-check .form-check-label {
    font-size: .813rem;
    color: #6a8bb7
}

.popupmain .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: 0
}

@media only screen and (min-width: 320px) and (max-width: 400.99px) {
    .popupcard {
        width: 18.75rem;
        height: 33.125rem;
        left: auto;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        position: unset;
        margin: auto;
        margin-top: 6.25rem
    }
    .popupcard .card-body {
        gap: .8rem;
        margin-top: 5.938rem
    }
    .popupcard .card-body .card-heading {
        font-size: 1.563rem
    }
    .popupcard .card-body .lott {
        font-size: .813rem
    }
    .popupcard .card-body .greenbtn {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcard .card-body .number {
        width: 1.25rem;
        height: 1.25rem;
        font-size: .875rem
    }
    .popupcard .card-body .bigtext {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcard .card-body .Bonustext {
        font-size: 1.875rem;
        margin-top: 1.563rem
    }
    .popupcard .card-body .payment {
        font-size: 1.25rem
    }
    .popupcard .card-body .priodtext {
        font-size: .875rem
    }
    .popupcard .card-body .radiogroup .form-check .form-check-label {
        font-size: .813rem
    }
    .popupcardloss {
        width: 18.75rem;
        height: 26.875rem;
        left: auto;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        position: unset;
        margin: auto;
        margin-top: 6.25rem
    }
    .popupcardloss .card-body {
        gap: .8rem;
        margin-top: 5.938rem
    }
    .popupcardloss .card-body .card-heading {
        font-size: 1.563rem
    }
    .popupcardloss .card-body .lott {
        font-size: .813rem
    }
    .popupcardloss .card-body .greenbtn {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcardloss .card-body .number {
        width: 1.25rem;
        height: 1.25rem;
        font-size: .875rem
    }
    .popupcardloss .card-body .bigtext {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcardloss .card-body .Bonustext {
        font-size: 1.875rem;
        margin-top: 1.563rem
    }
    .popupcardloss .card-body .payment {
        font-size: 1.25rem
    }
    .popupcardloss .card-body .priodtext {
        font-size: .875rem
    }
    .popupcardloss .card-body .radiogroup .form-check .form-check-label {
        font-size: .813rem
    }
}

@media only screen and (min-width: 401px) and (max-width: 575.99px) {
    .popupcard {
        width: 18.75rem;
        height: 33.125rem;
        left: auto;
        top: 30%;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        position: unset;
        margin: auto;
        margin-top: 6.25rem
    }
    .popupcard .card-body {
        gap: .8rem;
        margin-top: 5.938rem
    }
    .popupcard .card-body .card-heading {
        font-size: 1.563rem
    }
    .popupcard .card-body .lott {
        font-size: .813rem
    }
    .popupcard .card-body .greenbtn {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcard .card-body .number {
        width: 1.25rem;
        height: 1.25rem;
        font-size: .875rem
    }
    .popupcard .card-body .bigtext {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcard .card-body .Bonustext {
        font-size: 1.875rem;
        margin-top: 1.563rem
    }
    .popupcard .card-body .payment {
        font-size: 1.25rem
    }
    .popupcard .card-body .priodtext {
        font-size: .875rem
    }
    .popupcard .card-body .radiogroup .form-check .form-check-label {
        font-size: .813rem
    }
    .popupcardloss {
        width: 18.75rem;
        height: 33.125rem;
        left: auto;
        top: 30%;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        position: unset;
        margin: auto;
        margin-top: 6.25rem
    }
    .popupcardloss .card-body {
        gap: .8rem;
        margin-top: 5.938rem
    }
    .popupcardloss .card-body .card-heading {
        font-size: 1.563rem
    }
    .popupcardloss .card-body .lott {
        font-size: .813rem
    }
    .popupcardloss .card-body .greenbtn {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcardloss .card-body .number {
        width: 1.25rem;
        height: 1.25rem;
        font-size: .875rem
    }
    .popupcardloss .card-body .bigtext {
        font-size: .813rem;
        padding: .125rem .563rem;
        line-height: 1.125rem
    }
    .popupcardloss .card-body .Bonustext {
        font-size: 1.875rem;
        margin-top: 1.563rem
    }
    .popupcardloss .card-body .payment {
        font-size: 1.25rem
    }
    .popupcardloss .card-body .priodtext {
        font-size: .875rem
    }
    .popupcardloss .card-body .radiogroup .form-check .form-check-label {
        font-size: .813rem
    }
}

.lottermodal .modalpayment .modal-content {
    background-color: #fff;
    border: 0
}

.lottermodal .css-1t1j96h-MuiPaper-root-MuiDialog-paper,
.css-uhb5lp {
    align-items: end!important;
    width: 430px!important;
    position: fixed!important;
    bottom: 0!important;
    max-height: unset!important;
    max-width: unset!important;
    margin: unset!important;
    border-radius: 25px 25px 0 0!important;
    overflow-y: unset!important
}

.lottermodal .MuiDialogTitle-root+.css-ypiqx9-MuiDialogContent-root {
    width: 410px!important;
    padding: 0!important;
    margin: auto!important
}

.css-1ty026z {
    width: 410px!important;
    padding: 0!important;
    margin: auto!important
}

.lottermodal .css-1rwt2y5-MuiButtonBase-root-MuiButton-root,
.css-79xub {
    border: 0!important;
    background-color: #f6f6f6;
    color: #000!important;
    font-size: 16px!important;
    min-width: auto!important
}

.lottermodal .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,
.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate,
.css-zun73v.Mui-checked,
.css-zun73v.MuiCheckbox-indeterminate {
    color: #ff1b1b!important;
    border-radius: 50%!important
}

.lottermodal .css-1e6y48t-MuiButtonBase-root-MuiButton-root,
.css-1hw9j7s {
    font-size: 20px!important;
    font-weight: 700!important;
    color: #fff;
    height: 38px!important;
    border-radius: 0!important
}

.css-1ujsas3 {
    font-size: 20px!important;
    font-weight: 700!important;
    color: #fff!important;
    height: 38px!important;
    border-radius: 0!important
}

.lottermodal .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input,
.css-1x5jdmq {
    height: 4px!important;
    width: 40px!important;
    text-align: center!important
}

.lottermodal .css-1rwt2y5-MuiButtonBase-root-MuiButton-root:hover,
.css-79xub:hover {
    border: 0!important;
    background-color: #f6f6f6
}

.lottermodal .css-bdhsul-MuiTypography-root-MuiDialogTitle-root,
.css-ohyacs {
    padding: 0!important;
    height: 7.93333rem!important;
    position: relative!important;
    padding-top: .4rem!important;
    background-image: linear-gradient(#18b660, #18b660);
    width: 100%!important;
    text-align: center!important;
    font-size: 20px!important;
    font-weight: 700!important;
    color: #fff!important;
    border-radius: 25px 25px 0 0!important
}

.lottermodal .css-bdhsul-MuiTypography-root-MuiDialogTitle-root:before {
    content: ""!important;
    position: absolute!important;
    right: 0!important;
    bottom: 0!important;
    width: 50%!important;
    height: 2.48667rem!important;
    background-image: linear-gradient(-10deg, #fff 50%, transparent 50%)!important
}

.css-ohyacs:before {
    content: ""!important;
    position: absolute!important;
    right: 0!important;
    bottom: 0!important;
    width: 50%!important;
    height: 2.48667rem!important;
    background-image: linear-gradient(-10deg, #fff 50%, transparent 50%)!important
}

.lottermodal .css-bdhsul-MuiTypography-root-MuiDialogTitle-root:after {
    content: ""!important;
    position: absolute!important;
    width: 50%!important;
    left: 0!important;
    bottom: 0!important;
    height: 1.78667rem!important;
    background-image: linear-gradient(7deg, #fff 50%, transparent 50%)!important
}

.css-ohyacs:after {
    content: ""!important;
    position: absolute!important;
    width: 50%!important;
    left: 0!important;
    bottom: 0!important;
    height: 1.78667rem!important;
    background-image: linear-gradient(7deg, #fff 50%, transparent 50%)!important
}

.lottermodal .css-bdhsul-MuiTypography-root-MuiDialogTitle-root .green,
.css-ohyacs .green {
    background-color: #fff!important;
    width: 50%!important;
    color: #000!important;
    margin: 20px auto auto!important;
    border-radius: 8px!important;
    font-size: 17px!important;
    font-weight: 400!important
}

.lottermodal .css-knqc4i-MuiDialogActions-root,
.css-1vskg8q {
    width: 100%!important;
    display: flex!important;
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.lottermodal .css-knqc4i-MuiDialogActions-root button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000;
    font-size: 14px!important;
    font-weight: 500!important;
    padding: 20px 10px!important;
    border-radius: 0!important
}

.lottermodal .css-1vskg8q button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000!important;
    font-size: 14px!important;
    font-weight: 500!important;
    padding: 20px 10px!important;
    border-radius: 0!important
}

.css-1ujsas3 button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000;
    font-size: 14px!important;
    font-weight: 500!important;
    padding: 20px 10px!important;
    border-radius: 0!important
}

.css-1vskg8q button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000;
    font-size: 14px!important;
    font-weight: 500!important;
    padding: 20px 10px!important;
    border-radius: 0!important
}

.lottermodal .css-knqc4i-MuiDialogActions-root button:nth-child(2) {
    width: 60%!important;
    font-size: 16px!important;
    font-weight: 500!important;
    background: #18b660;
    color: #fff;
    padding: 20px 10px!important;
    margin-left: 0!important;
    border-radius: 0!important
}

.css-1ujsas3 button:nth-child(2) {
    width: 60%!important;
    font-size: 16px!important;
    font-weight: 500!important;
    background: #18b660;
    color: #fff!important;
    padding: 20px 10px!important;
    margin-left: 0!important;
    border-radius: 0!important
}

.css-1vskg8q button:nth-child(2) {
    width: 60%!important;
    font-size: 16px!important;
    font-weight: 500!important;
    background: #18b660;
    color: #fff;
    padding: 20px 10px!important;
    margin-left: 0!important;
    border-radius: 0!important
}

.lottermodal .modalpayment .modal-content .modal-header .modalheader .topheading {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.lottermodal .modalpayment .modal-content .modal-header .modalheader .btnselect {
    width: 90%;
    justify-content: center;
    display: flex;
    margin: auto;
    border: 0;
    background: #fff;
    border-radius: 30px
}

.lottermodal .modalpayment .modal-content .modal-header .modalheader .btnselect .slect {
    font-size: 16px;
    color: #000
}

.lottermodal .modalpayment .modal-content .modal-header .modalheader .btnselect .green {
    font-size: 16px;
    color: #000;
    margin-left: 5px
}

.lottermodal .modalpayment .modal-content .modal-header .modalheader:after {
    content: "";
    position: absolute;
    width: 50%;
    left: 0;
    bottom: 0;
    height: 1.78667rem;
    background-image: linear-gradient(7deg, #fff 50%, transparent 50%)
}

.lottermodal .modalpayment .modal-content .modal-body .balancesection .headingmd {
    font-size: 16px;
    color: #000;
    font-weight: 600
}

.lottermodal .modalpayment .modal-content .modal-body .balancesection .inncresanddicressbtn {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center
}

.lottermodal .modalpayment .modal-content .modal-body .balancesection .dicress {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lottermodal .modalpayment .modal-content .modal-body .balancesection button {
    background-color: #f6f6f6;
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.lottermodal .modalpayment .modal-content .modal-body .balancesection .dicress i {
    color: #000;
    font-size: 22px
}

.lottermodal .modalpayment .modal-content .modal-body .balancesection button {
    background-color: #f3f3f3;
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check {
    display: flex;
    align-items: center;
    gap: .5rem
}

.lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check .form-check-input {
    height: 25px;
    width: 25px
}

.lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check .chekedinput:checked {
    background-color: #fd565c;
    border-color: #fd565c
}

.lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check .form-check-label {
    font-size: 14px;
    color: #90929e!important
}

.lottermodal .modalpayment .modal-content .modal-footer {
    width: 100%
}

.lottermodal .modalpayment .modal-content .modal-footer .btn-1 {
    width: 40%;
    background-color: #f6f6f6;
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.bgcolor {
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width: 575.99px) {
    .lottermodal .modalpayment {
        width: 100%;
        margin: 0
    }
    .lottermodal .modalpayment .modal-content .modal-body .balancesection .btn {
        font-size: 13px
    }
    .lottermodal .css-1t1j96h-MuiPaper-root-MuiDialog-paper,
    .css-uhb5lp {
        width: 100%!important;
        margin: 0!important;
        position: fixed!important;
        bottom: 0!important
    }
    .lottermodal .MuiDialogTitle-root+.css-ypiqx9-MuiDialogContent-root {
        width: 100%!important;
        margin: 0!important;
        padding: 10px!important
    }
    .css-1ty026z {
        width: 100%!important;
        margin: 0!important;
        padding: 10px!important
    }
    .MuiDialogTitle-root+.css-1ty026z {
        width: 99%!important;
        margin: 0!important
    }
    .balancesection button {
        min-width: 35px!important;
        font-size: 14px;
        padding: 6px
    }
    .css-1hw9j7s {
        font-size: 14px!important;
        font-weight: 700!important;
        color: #fff;
        height: 38px!important;
        border-radius: 0!important;
        min-width: 35px!important
    }
    .balancesection button .css-w0pj6f {
        min-width: 35px
    }
}

.css-i4bv87-MuiSvgIcon-root svg {
    border-radius: 50%
}

.colorgameheader .logo {
    width: 100px;
    height: auto
}

.withdrwalTRXWINGO {
    background-color: #fff;
    border-radius: 0 0 16px 16px
}

.withdrwalTRXWINGO .innercard {
    border-radius: 20px
}

.withdrwalTRXWINGO .innercard .walletpayment {
    font-size: 17px
}

.withdrwalTRXWINGO .innercard .heading {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center
}

.withdrwalTRXWINGO .innercard .walletbtn1,
.walletbtn2 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-radius: 30px;
    height: 40px
}

.withdrwalTRXWINGO .innercard .walletbtn1,
.walletbtn2:hover {
    color: #fff
}

.withdrwalTRXWINGO .innercard .walletbtn2 {
    background-color: #18b660
}

.withdrwalTRXWINGO {
    background: var(--main_gradient-color);
    height: 50vh
}

.lotterysectionsectionTRXWINGO .tabsmanin {
    background-color: #fff;
    border-radius: 13px
}

.lotterysectionsectionTRXWINGO .tabsmanin .nav-item {
    width: 25%
}

.lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link.active {
    background: var(--main_gradient-color);
    box-shadow: 0 .02667rem .08rem var(--main-color) inset, 0 -.02667rem .08rem var(--main-color) inset;
    border-radius: 12px
}

.lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link {
    padding: 25px 17px;
    overflow: auto;
    white-space: nowrap;
    border: none!important;
    width: 100%
}

.lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link.active .timeimage {
    filter: none
}

.lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link .timeimage {
    width: 40px;
    height: 40px;
    margin: auto auto 10px;
    filter: grayscale(1)
}

.lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link.active .timetext {
    color: #fff
}

.lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link .timetext {
    font-size: 13px;
    color: #b2b2b2
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn {
    background-image: url(/images/trxbg-BkY3URRK.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    background-color: #0000;
    border: none;
    min-height: 220px
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn {
    border: .01333rem solid white;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    font-size: 12px;
    height: 25px;
    box-shadow: none
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn span {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .wintext {
    font-size: 13px;
    color: #fff
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .balllist {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 25px
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .balllist li {
    width: 20%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .timingheading {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: end
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .timingheading2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: end;
    display: flex;
    align-items: center;
    gap: .5rem
}

.lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .timingheading2 span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: transparent;
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    border: 1px solid white
}

.lotterysectionsection4TRXWINGO .cardgame {
    background-color: #fff;
    border: none
}

.lotterysectionsection4TRXWINGO .cardgame .btnGreen {
    background-color: #40ad72;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 33.333%;
    font-weight: 600
}

.lotterysectionsection4TRXWINGO .cardgame .btnviolet {
    background-color: #b659fe;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 30.333%;
    font-weight: 600
}

.lotterysectionsection4TRXWINGO .cardgame .btnRed {
    background-color: #fd565c;
    color: #fff;
    font-size: 16px;
    height: 48px;
    width: 33.333%;
    font-weight: 600
}

.lotterysectionsection4TRXWINGO .cardgame .coingame {
    display: flex;
    align-items: center;
    gap: .5rem;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f7f8ff;
    border-radius: 12px
}

.lotterysectionsection4TRXWINGO .cardgame .coingame li {
    width: calc(100% / 5.5);
    height: auto
}

.lotterysectionsection4TRXWINGO .cardgame .rendomsection {
    display: flex;
    align-items: center;
    gap: .5rem
}

.lotterysectionsection4TRXWINGO .cardgame .rendomsection .inrendombtn {
    font-size: 18px;
    color: #f95959;
    border: 1px solid #f95959;
    border-radius: 8px;
    font-weight: 600;
    height: 40px
}

.lotterysectionsection4TRXWINGO .cardgame .rendomsection .smalllistbtn {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: 0
}

.lotterysectionsection4TRXWINGO .cardgame .rendomsection .smalllistbtn li button {
    width: 40px;
    height: 40px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a6a9ae;
    color: #404040;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: none
}

.lotterysectionsection4TRXWINGO .cardgame .rendomsection .smalllistbtn li .btn.active {
    background-color: #18b660;
    color: #fff
}

.lotterysectionsection4TRXWINGO .cardgame .groupnutton {
    margin: auto;
    width: 100%;
    justify-content: center;
    display: flex
}

.lotterysection .lotterysectionsection4TRXWINGO .cardgame .groupnutton .btn-group {
    width: 90%;
    border-radius: 30px;
    margin: auto
}

.lotterysectionsection4TRXWINGO .cardgame .groupnutton .btn-group .btn-1 {
    background-color: #feaa57;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 30px 0 0 30px;
    box-shadow: none
}

.lotterysectionsection4TRXWINGO .cardgame .groupnutton .btn-group .btn-2 {
    background-color: #6da7f4;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 0 30px 30px 0;
    box-shadow: none
}

.bottomnavsection .nav-pills .nav-item .nav-link {
    background-color: #fff;
    color: #768096;
    font-size: 14px;
    font-weight: 600;
    width: 100%
}

.bottomnavsection .nav-pills .nav-item .nav-link.active {
    background: linear-gradient(90deg, #f95959, #ff9a8e);
    color: #fff
}

.tablemain table thead {
    background-color: #f95959
}

.tablemain table thead tr th {
    color: #fff;
    text-align: center;
    padding: 6px 3px;
    font-size: 12px;
    white-space: nowrap;
    border-bottom: 0
}

.tablemain table tbody {
    background-color: #3a3a3a
}

.tablemain table tbody tr td {
    color: #000;
    background-color: #fff;
    padding: 10px 3px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-bottom: .5px solid white;
    vertical-align: bottom
}

.tablemain table tbody tr td .blockHeight-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tablemain table tbody tr td .blockHeight-wrapper a .question-mark {
    width: 20px;
    font-size: .8rem;
    cursor: pointer
}

.tablemain table tbody tr td .blockHeight-wrapper a {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.tablemain table tbody tr td.number.red {
    color: #fd565c
}

.tablemain table tbody tr td .dotbtn {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center
}

.tablemain table tbody tr td.number.redandviolet {
    background: linear-gradient(180deg, #fd565c 50.96%, #b659fe 50.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.tablemain table tbody tr td.number.green {
    color: #40ad72
}

.tablemain table tbody tr td.number {
    font-size: 20px;
    font-weight: 700
}

.tablemain table tbody tr td.number.greenandviolet {
    background: linear-gradient(180deg, #40ad72 50.96%, #b659fe 50.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.tablemain table tbody tr td.number.violet {
    color: #b659fe
}

.tablemain table tbody tr {
    background-color: #fff
}

.tablemain table tbody tr td .dotbtn .greenandviolet {
    background: linear-gradient(180deg, #40ad72 50.96%, #b659fe 50.97%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important
}

.tablemain table tbody tr td .dotbtn .redandviolet {
    background: linear-gradient(180deg, #fd565c 50.96%, #b659fe 50.97%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important
}

.tablemain table tbody tr td .dotbtn .dotviolet {
    background-color: #b659fe;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important
}

.tablemain table tbody tr td .dotbtn .dotred {
    background-color: #fd565c;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important
}

.tablemain table tbody tr td .dotbtn .dotgreen {
    background-color: #40ad72;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important
}

.tablemain table tbody tr td .big {
    width: 25px;
    height: 25px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: orange
}

.tablemain table tbody tr td .small {
    width: 25px;
    height: 25px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6da7f4
}

.pagnationsection nav {
    background-color: #fff;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.chattabs .card {
    border: 14px
}

.chattabs .card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f95959;
    border-radius: 10px 10px 0 0
}

.chattabs .card .card-header .firstchild,
.secondchild {
    font-size: 14px;
    color: #fff;
    font-weight: 600
}

.chattabs .card .innertext {
    font-size: 14px;
    color: #000
}

.chattabs .card .Trend__C-body1-line .firsttext {
    font-size: 14px;
    color: #000
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .number {
    font-size: 12px;
    color: #f95959;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f95959;
    border-radius: 50px
}

.chattabs .card .Trend__C-body1-line .lasttext {
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6ea8f4
}

.chattabs .card .Trend__C-body1-line .lasttext {
    font-size: 13px;
    color: #fff;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.chattabs .card .Trend__C-body1-line .lasttext.skycolor {
    background-color: #6ea8f4
}

.chattabs .card .Trend__C-body1-line .lasttext.yellowc {
    background-color: #feaa57
}

.historysection .maninbtn {
    background-color: transparent;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #fd565c;
    border-radius: 30px;
    gap: .3rem;
    height: 30px;
    box-shadow: none;
    color: #fd565c;
    margin-left: auto
}

.historysection .buttontextgroup .number {
    font-size: 17px;
    color: #fff;
    background-color: #18b660;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px
}

.historysection .buttontextgroup .textsec p {
    font-size: 14px;
    color: #000;
    margin-bottom: 2px
}

.historysection .buttontextgroup .thirdsec .faild {
    border: 1px solid #f95959;
    height: 21px;
    font-size: 13px;
    padding: 0 10px
}

.historysection .buttontextgroup .thirdsec .payment {
    font-size: 13px;
    text-align: center
}

.historysection .headindeatils {
    font-size: 16px;
    color: #000
}

.historysection .MyGameRecordList__C-detail-line span,
.nmb {
    font-size: 13px;
    color: #000
}

.historysection .MyGameRecordList__C-detail-line {
    border-radius: 10px;
    padding: 7px 7px 8px 8px
}

@media only screen and (min-width: 320px) and (max-width: 480.99px) {
    .withdrwalTRXWINGO .innercard .walletbtn1,
    .walletbtn2 {
        padding-left: 20px!important;
        padding-right: 20px!important;
        height: 35px;
        font-size: 14px
    }
    .lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link {
        padding: 12px
    }
    .lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link .timeimage {
        width: 30px;
        height: 30px
    }
    .lotterysectionsectionTRXWINGO .tabsmanin .nav-item .nav-link .timetext {
        font-size: 10px
    }
    .lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn {
        padding: 5px!important;
        font-size: 10px
    }
    .lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .timingheading {
        font-size: 13px
    }
    .lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .timingheading2 {
        font-size: 14px
    }
    .lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .balllist li {
        width: 20%;
        height: auto;
        padding: 0
    }
    .lotterysectionsection4TRXWINGO .cardgame .btnGreen,
    .lotterysectionsection4TRXWINGO .cardgame .btnviolet,
    .lotterysectionsection4TRXWINGO .cardgame .btnRed {
        font-size: 14px;
        height: 40px
    }
    .lotterysectionsection4TRXWINGO .cardgame .coingame li {
        width: calc(100% / 5.7);
        height: auto
    }
    .lotterysectionsection4TRXWINGO .cardgame .rendomsection .inrendombtn {
        font-size: 14px;
        height: 35px;
        line-height: 13px
    }
    .lotterysectionsection4TRXWINGO .cardgame .rendomsection .smalllistbtn {
        gap: .3rem
    }
    .lotterysectionsection4TRXWINGO .cardgame .rendomsection .smalllistbtn li button {
        width: 30px;
        height: 30px;
        font-size: 11px;
        padding: 0
    }
    .lotterysectionsection4TRXWINGO .cardgame .groupnutton .btn-group .btn-1,
    .lotterysectionsection4TRXWINGO .cardgame .groupnutton .btn-group .btn-2 {
        font-size: 14px
    }
    .bottomnavsection .nav-pills .nav-item .nav-link {
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .tablemain table thead tr th,
    .tablemain table tbody tr td {
        padding: 5px;
        font-size: 12px
    }
    .chattabs .card .innertext {
        font-size: 12px
    }
    .chattabs .card .Trend__C-body1-line .firsttext {
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num {
        gap: .2rem
    }
    .chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .number {
        font-size: 10px;
        width: 15px;
        height: 15px
    }
    .chattabs .card .Trend__C-body1-line .lasttext {
        width: 15px;
        height: 15px;
        font-size: 10px
    }
    .historysection .buttontextgroup .number {
        width: 30px;
        height: 30px
    }
    .historysection .buttontextgroup .textsec p {
        font-size: 12px
    }
    .historysection .headindeatils {
        font-size: 14px
    }
    .historysection .MyGameRecordList__C-detail-line span,
    .nmb {
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media only screen and (min-width: 481px) and (max-width: 575.99px) {
    .lotterysectionsectionTRXWINGO .tabcontentsection .tab-pane .cardIn .balllist li {
        padding: 9px
    }
}

.accountSection {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    height: 40vh;
    border-radius: 0 0 30px 30px!important
}

.imagevips img {
    width: 50px
}

.tre {
    color: #000
}

.accountSection .avtar {
    width: 80px;
    height: 80px
}

.ac {
    display: flex
}

.accountSection .name {
    font-size: 14px;
    color: #fff
}

.accountSection .uid {
    height: 20px;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 30px;
    line-height: 0px;
    background-color: #feaa57!important
}

.logindate {
    display: flex;
    align-items: center;
    gap: .2rem
}

.logindate span {
    font-size: 13px;
    color: #fff
}

.accountSection .topbox .card {
    border-radius: 18px;
    margin-top: 40px
}

.accountSection .topbox .card .heading {
    font-size: 14px
}

.accountSection .topbox .card .payment {
    font-size: 18px;
    font-weight: 700
}

.accountSection .topbox .card .listicontext {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.accountSection .topbox .card .listicontext li .anker i {
    font-size: 20px
}

.accountSection .topbox .card .listicontext li .anker {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    gap: .4rem;
    color: #000;
    font-size: 14px
}

.accountSection .topbox .card .listicontext li .anker .image {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.iconbox .card {
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border: 0
}

.iconbox .card .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.iconbox .card .icon i {
    font-size: 20px;
    color: #f95959
}

.iconbox .card .headingtextbox {
    display: flex;
    align-items: start;
    flex-direction: column;
    text-decoration: none;
    color: #000!important
}
body{
    font-size: 13px;
}
.iconbox .card .headingtextbox .heading {
    font-size: 15px;
    font-weight: 700
}

.iconbox .card .headingtextbox p {
    font-size: 13px;
    color: gray;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notifiction .card {
    border-radius: 10px;
    padding: 10px 3px !important;
}

.notifiction .box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.notifiction .icon-text {
    display: flex;
    align-items: center;
    gap: .4rem
}

.notifiction .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.notifiction .icon i {
    font-size: 25px
}

.notifiction .icon-text .texthead {
    font-size: 14px;
    color: #000
}

.logoutbox .logoutbtn {
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    border: 1px solid #f95959;
    border-radius: 30px;
    height: 40px;
    background-color: transparent;
    justify-content: center;
    gap: .5rem
}

.accountSection.profile {
    height: 35vh
}

.accountSection.profile .notifiction .icon {
    background-color: #feeeee;
    border-radius: 8px;
    width: 35px;
    height: 35px
}

.accountSection.profile .notifiction .icon i {
    font-size: 17px
}

.accountSection.profile .innrow {
    background-color: #fff;
    height: 50vh;
    border-radius: 15px
}

.accountSection.profile .innrow .name {
    color: #000
}

.accountSection.profile .accountSection .uid {
    background-color: #fff!important
}

.logoutbox {
    padding-bottom: 70px
}

@media only screen and (min-width: 320px) and (max-width: 480.99px) {
    .iconbox .card .headingtextbox .heading {
        font-size: 13px
    }
    .iconbox .card .headingtextbox p {
        font-size: 12px
    }
    .iconbox .card .icon i {
        font-size: 15px
    }
    .notifiction .icon i {
        font-size: 20px
    }
}

.walletsection {
    border-radius: 0 0 10px 10px
}

.walletsection .borderprogress {
    width: 100px;
    height: 100px;
    border: 10px solid var(--van-circle-color);
    font-size: 16px;
    font-weight: 700;
    color: var(--text_color_L1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50%
}

.walletsection .heading {
    font-size: 13px;
    color: #000;
    text-align: center;
    margin-top: 7px
}

.walletsection .subheading {
    font-size: 12px;
    color: #000;
    text-align: center
}

.topbox .card .listicontext {
    display: flex;
    list-style: none;
    padding-left: 0;
    justify-content: space-around
}

.topbox .card .listicontext li {
    width: 25%
}

.topbox .card .listicontext li .anker {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    text-decoration: none;
    font-size: 12px;
    color: #000;
    text-align: center
}

.topbox .card .listicontext li .anker .iconbox {
    width: 40px;
    height: 40px;
    display: flex;
    box-shadow: 10px 10px 10px #eee;
    align-items: center;
    justify-content: center;
    border-radius: 8px
}

.topbox .card .listicontext li .anker .iconbox i {
    font-size: 20px
}

.withdrawCard .innercard {
    background-image: url(/images/TotalAssetsBg-nvmFVLiV.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 150px
}

.withdrawCard .innercard .heading {
    font-size: 15px
}

.withdrawCard .innercard .walletpayment {
    font-size: 20px
}

.withdrawCard .nav .nav-item .nav-link {
    background-color: #fff;
    text-decoration: none;
    width: 85px;
    height: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.withdrawCard .nav .nav-item .nav-link.active {
    background: linear-gradient(90deg, #e67302, #ee0a24)
}

.withdrawCard .nav .nav-item .nav-link.active .imagetext .text {
    color: #fff
}

.withdrawCard .nav .nav-item .nav-link.active .imagetext .image .imgfil {
    filter: brightness(.5)
}

.withdrawCard .nav .nav-item .nav-link .imagetext .image {
    width: 30px;
    height: 30px;
    margin: auto
}

.withdrawCard .nav .nav-item .nav-link .imagetext .text {
    font-size: 14px;
    white-space: nowrap;
    color: #768096
}

.withdrawCard .conactusdt .heading {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: .5rem
}

.withdrawCard .conactusdt .heading span {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.withdrawCard .conactusdt .inputcontrol input {
    background-color: #f7f8ff;
    height: 50px;
    border-radius: 8px;
    color: #f95959
}

.withdrawCard .conactusdt .inputcontrol {
    position: relative
}

.withdrawCard .conactusdt .inputcontrol label {
    font-size: 13px;
    margin-bottom: 10px;
    color: #f95959
}

.withdrawCard .conactusdt .inputcontrol .icon {
    position: absolute;
    left: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #f95959;
    top: 10px
}

.withdrawCard .conactusdt .inputcontrol .icon.ico2 {
    top: 36px
}

.withdrawCard .conactusdt .inputcontrol .icon::placeholder {
    color: #f95959
}

.withdrawCard .textbuttongroup {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.withdrawCard .textbuttongroup .lefttext {
    font-size: 14px;
    color: #f95959
}

.withdrawCard .textbuttongroup .lefttext span {
    color: #feaa57
}

.withdrawCard .textbuttongroup button {
    font-size: 14px;
    border: 1px solid #f95959;
    background-color: #fff;
    border-radius: 8px;
    height: 23px;
    padding: 0;
    width: 60px
}

.withhdrawlist {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 5px;
    margin-bottom: 80px;
    border: .05333rem solid #f95959
}

.withhdrawlist .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .5px solid #f95959;
    text-decoration: none;
    padding: 15px 0;
    cursor: pointer
}

.withhdrawlist .headinglist {
    font-size: 15px;
    color: #f95959;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600
}

.withhdrawlist .headinglist i {
    color: #f95959
}

.withhdrawlist .headinglist span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width: 575.99px) {
    .withdrawCard .nav .nav-item .nav-link {
        background-color: #fff;
        text-decoration: none;
        width: 73px;
        height: 70px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (min-width: 420px) and (max-width: 575.99px) {
    .withdrawCard .nav .nav-item .nav-link {
        background-color: #fff;
        text-decoration: none;
        width: 86px;
        height: 70px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.avtar .list li {
    width: 30%;
    height: 120px
}

.avtar .list li img {
    border-radius: 10px
}

.avtar .list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    cursor: pointer
}

.avtar .list li.active {
    border: 3px solid #f95959;
    border-radius: 10px;
    cursor: pointer
}

@media screen and (min-width: 320px) and (max-width: 420.99px) {
    .avtar .list {
        gap: .9rem
    }
    .avtar .list li {
        height: 100px
    }
}

@media screen and (min-width: 421px) and (max-width: 575.99px) {
    .avtar .list {
        gap: .9rem
    }
    .avtar .list li {
        height: 150px
    }
}

.headertext2 {
    font-size: 14px
}

.textblack {
    color: #000!important
}

.Deposite .innercard {
    background-image: url(/images/TotalAssetsBg-nvmFVLiV.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 150px
}

.Deposite .innercard .heading {
    font-size: 15px
}

.Deposite .innercard .walletpayment {
    font-size: 20px
}

.Deposite .nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.Deposite .nav .nav-item {
    width: 29.33333%;
    display: flex;
    flex-wrap: wrap
}

.Deposite .nav .nav-item .nav-link {
    background-color: #fff;
    text-decoration: none;
    width: 100%;
    flex-wrap: wrap;
    height: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.Deposite .nav .nav-item .nav-link.active {
    background: linear-gradient(90deg, #e67302, #ee0a24)
}

.Deposite .nav .nav-item .nav-link.active .imagetext .text {
    color: #fff
}

.Deposite .nav .nav-item .nav-link.active .imagetext .image .imgfil {
    filter: brightness(.5)
}

.Deposite .nav .nav-item .nav-link .imagetext .image {
    width: 30px;
    height: 30px;
    margin: auto
}

.Deposite .nav .nav-item .nav-link .imagetext .text {
    font-size: 14px;
    white-space: nowrap;
    color: #768096
}

.Deposite .conactusdt .heading {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: .5rem
}

.Deposite .conactusdt .heading span {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Deposite .conactusdt .inputcontrol input {
    background-color: #f7f8ff;
    height: 50px;
    border-radius: 8px;
    color: #f95959
}

.Deposite .conactusdt .inputcontrol {
    position: relative
}

.Deposite .conactusdt .inputcontrol label {
    font-size: 13px;
    margin-bottom: 10px;
    color: #f95959
}

.Deposite .conactusdt .inputcontrol .icon {
    position: absolute;
    left: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #f95959;
    top: 10px
}

.Deposite .conactusdt .inputcontrol .icon.ico2 {
    top: 40px
}

.Deposite .conactusdt .inputcontrol .icon::placeholder {
    color: #f95959
}

.Deposite .textbuttongroup {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Deposite .textbuttongroup .lefttext {
    font-size: 14px;
    color: #f95959
}

.Deposite .textbuttongroup .lefttext span {
    color: #feaa57
}

.Deposite .textbuttongroup button {
    font-size: 14px;
    border: 1px solid #f95959;
    background-color: #fff;
    border-radius: 8px;
    height: 23px;
    padding: 0;
    width: 60px
}

.Deposite .tab-content .cardinner {
    background-color: #f6f6f6;
    border-radius: 8px;
    border: 0;
    transition: all .4s ease-in-out
}

.Deposite .tab-content .cardinner:hover {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    color: #fff
}

.Deposite .tab-content .cardinner:hover .text {
    color: #fff
}

.Deposite .tab-content .cardinner .text {
    color: #768096;
    font-size: 14px
}

.depositesection {
    border-radius: 12px
}

.depositesection .depositecrad {
    background-color: #fff;
    border: 0
}

.depositesection .depositecrad .card-heading {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    gap: .5rem
}

.depositesection .depositecrad .depositelist {
    display: flex;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    gap: .5rem
}

.depositesection .depositecrad .depositelist li {
    width: 31.25%
}

.depositesection .depositecrad .depositelist li button {
    font-size: 16px;
    padding: 10px;
    width: 100%;
    color: #f95959;
    font-weight: 600;
    border: 1px solid #E1E1E1;
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: space-around
}

.depositesection .depositecrad .depositelist li button span {
    color: #b6bcc8!important
}

.depositesection .inputsection .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.depositesection .depositecrad .inputsection input {
    background-color: #f7f8ff;
    height: 50px;
    border: 0;
    color: #f95959;
    font-size: 15px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

.depositesection .depositecrad .inputsection .input-group .input-group-text {
    background-color: #f7f8ff;
    border: 0;
    border-top-left-radius: 30px;
    padding: 0 20px;
    border-bottom-left-radius: 30px;
    position: relative
}

.depositesection .depositecrad .inputsection .input-group .input-group-text:after {
    position: absolute;
    content: "";
    border: .4px solid #B6BCC8;
    width: 1px;
    height: 30px;
    border-radius: 50px;
    background: #b6bcc8;
    left: 44px
}

.depositesection .depositecrad .inputsection .depositebtn {
    border-radius: 30px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    background: var(--main_gradient-color);
    width: 100%
}

.depositesection .listitems {
    list-style: none;
    border-radius: 10px
}

.depositesection .listitems li {
    font-size: 13px;
    color: #768096;
    position: relative;
    margin-bottom: 7px
}

.depositesection .listitems li:after {
    position: absolute;
    content: "";
    width: .43333rem;
    height: .43333rem;
    transform: rotate(45deg);
    background: #f95959;
    left: -.86667rem;
    top: .43333rem
}

.historycard .card-heading {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    gap: .5rem;
    background: transparent
}

.historycard .card p {
    font-size: 14px
}

.selected {
    background-color: #f95959;
    color: #fff
}

.btn-close {
    margin-top: -97%!important;
    background-color: red!important
}

.modal-content {
    width: 100%!important
}

.popup-img-first {
    width: 660px
}

@media (max-width: 1024px) {
    .popup-img-first {
        margin-left: 90px;
        width: 306px
    }
}

.notifictioncard .headingbox .heading {
    font-size: 15px;
    color: #000;
    font-weight: 600
}

.notifictioncard .headingbox .heading span i {
    font-size: 20px
}

.notifictioncard .headingbox p {
    font-size: 13px
}

.notifictioncard {
    box-shadow: 0 .05333rem .21333rem #d0d0ed5c
}

.withdrwalcard .buttonfiledsection .depositbtn {
    background-color: #18b660;
    border-radius: 8px;
    font-size: 14px;
    color: #fff
}

.withdrwalcard .buttonfiledsection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .5px solid #888
}

.withdrwalcard .buttonfiledsection .filedtext {
    color: #fb5b5b;
    font-size: 16px;
    font-weight: 600
}

.withdrwalcard .text-section {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.withdrwalcard .text-section .heading {
    font-size: 14px;
    font-weight: 500;
    color: #768096
}

.withdrwalcard .text-section .subheading {
    font-size: 13px;
    color: #768096;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500
}

.withdrwalcard .text-section .subheading span i {
    font-size: 20px;
    color: #768096;
    cursor: pointer
}

.withdrwalcard .buttonfiledsection .succes {
    color: green;
    font-size: 16px;
    font-weight: 500
}

.VipSection {
    background: var(--main_gradient-color);
    height: 22vh;
    border-radius: 0
}

.VipSection .avtar {
    width: 4.375rem;
    height: 4.375rem
}

.VipSection .name {
    font-size: .875rem;
    color: var(--text_white)
}

.VipSection .imagevip {
    width: 3.75rem;
    height: auto;
    margin-bottom: .313rem
}

.VipSection .viptext {
    font-size: .75rem;
    padding-left: .313rem
}

.VipSection .tablist {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--main-color) gray;
    border-radius: .625rem
}

.VipSection .tablist::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: .625rem
}

.VipSection .tablist::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: .625rem
}

.VipSection .tablist::-webkit-scrollbar-thumb {
    background: var(--main_gradient-color);
    border: 2px solid #f1f1f1;
    border-radius: .625rem
}

.VipSection .tablist .nav-item {
    width: 100%;
    height: auto
}

.VipSection .tablist .nav-item .nav-link {
    background: transparent!important;
    width: 100%;
    height: 100%;
    padding: .625rem
}

.VipSection .tablist .nav-item .nav-link.active {
    background: transparent!important
}

.VipSection .slidercard {
    background: url(/images/bg1-A610ajFC.png), no-repeat center, linear-gradient(117.29deg, #a6b7d0 21.85%, #889ebe 67.02%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 350px;
    margin: auto
}

.VipSection .slidercard.bg-2 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #f8bd83 21.85%, #e2984e 67.02%)
}

.VipSection .slidercard.bg-3 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #ffa493 21.85%, #ff7878 67.02%)
}

.VipSection .slidercard.bg-4 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #78dbeb 21.85%, #48c7f0 67.02%)
}

.VipSection .slidercard.bg-5 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #df91fb 21.85%, #ef82d5 67.02%)
}

.VipSection .slidercard.bg-6 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #61dca6 21.85%, #229b5f 67.02%)
}

.VipSection .slidercard.bg-7 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #57b733 21.85%, #229b5f 67.02%)
}

.VipSection .slidercard.bg-8 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #54baf1 21.85%, #3d77e8 67.02%)
}

.VipSection .slidercard.bg-9 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #d084e2 21.85%, #8d49ff 67.02%)
}

.VipSection .slidercard.bg-10 {
    background: url(/../../images/Images/Vip/bg1.png) no-repeat center, linear-gradient(117.29deg, #eeaf3a 21.85%, #f98b3b 67.02%)
}

.VipSection .slidercard .heading-image-text {
    font-size: 1.25rem;
    background: linear-gradient(180deg, var(--text_color_L4)fff 39.98%, #d0dae6 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: flex;
    align-items: center;
    gap: .2rem;
    font-weight: 600
}

.VipSection .slidercard .heading-image-text.heading-image-textch {
    background: linear-gradient(180deg, var(--text_color_L4)9d6 39.98%, #ffe650 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.VipSection .slidercard .heading-image-text.heading-image-textch .lasttext {
    color: var(--text_white)
}

.VipSection .slidercard .heading-image-text .crown {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.VipSection .slidercard .heading-image-text .lasttext {
    display: flex;
    align-items: center;
    gap: .2rem;
    font-size: .813rem;
    color: var(--text_white)
}

.VipSection .slidercard .heading-image-text .lasttext .innericon {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.VipSection .slidercard .texthedingsub {
    font-size: .813rem;
    color: var(--text_white);
    text-align: left
}

.VipSection .slidercard .bigimage {
    width: 4.375rem;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.VipSection .slidercard .mainbtn {
    font-size: .813rem;
    background-color: transparent;
    height: 1.25rem;
    padding: 0;
    border: 1px solid;
    line-height: .688rem;
    box-shadow: none;
    text-align: left;
    display: flex
}

.VipSection .slidercard .textvip {
    font-size: .813rem
}

.VipSection .slidercard .progress {
    background-color: #748aaa;
    height: 8px;
    box-shadow: 0 .01333rem #b1c4e1, inset 0 .05333rem .05333rem #607596;
    margin-bottom: 7px;
    margin-top: 7px
}

.VipSection .slidercard .progress2 {
    background: #d67d26;
    box-shadow: #ffc387 0 .01333rem, #ad5913 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress3 {
    background: #f05c5c;
    box-shadow: #ffada0 0 .01333rem, #d62f36 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress4 {
    background: #32b6e8;
    box-shadow: #7ee9fc 0 .01333rem, #2e96d5 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress5 {
    background: #ea6aca;
    box-shadow: #ffb4f5 0 .01333rem, #d73db1 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress6 {
    background: #1eb18b;
    box-shadow: #62ecbc 0 .01333rem, #1a9575 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress7 {
    background: #1b9458;
    box-shadow: #4fc54d 0 .01333rem, #117443 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress8 {
    background: #3470e6;
    box-shadow: #70a4ff 0 .01333rem, #1b57c8 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress9 {
    background: #8038f5;
    box-shadow: #b27cff 0 .01333rem, #7129ee 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress10 {
    background-color: #ef7b27;
    box-shadow: #ffb64b 0 .01333rem, #d7610b 0 .05333rem .05333rem inset
}

.VipSection .slidercard .progress .progress-bar {
    background: linear-gradient(#fffce7, #ffc821);
    border-radius: 8px
}

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

.VipSection .slidercard .dubbletext .bgtext {
    background-color: #748aaa;
    font-size: .813rem;
    height: 1.063rem;
    width: auto;
    line-height: 1.125rem
}

.VipSection .slidercard .dubbletext p {
    font-size: .813rem;
    color: var(--text_white);
    margin-bottom: 0
}

.VipSection .tablecontent .box {
    padding-top: .625rem;
    width: 100%;
    gap: .3rem
}

.VipSection .tablecontent .heading {
    font-size: 1rem
}

.VipSection .tablecontent .heading i {
    font-size: 1.25rem
}

.VipSection .tablecontent .box .giftbox {
    width: 17%;
    height: 60px
}

.VipSection .tablecontent .box .middletext {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%
}

.VipSection .tablecontent .box .middletext .hedtext {
    font-size: .938rem;
    color: #000
}

.VipSection .tablecontent .box .middletext p {
    font-size: .75rem;
    color: var(--text_color_L2);
    margin-bottom: 0
}

.VipSection .tablecontent .box .groupbutton {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: .4rem;
    width: 20%
}

.VipSection .tablecontent .box .groupbutton .giftbtn.btncolor {
    border: 1px solid var(--norm_secondary-color);
    color: var(--norm_secondary-color)
}

.VipSection .tablecontent .box .groupbutton .giftbtn.btncolor span {
    width: 1.063rem;
    height: 1.063rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.VipSection .tablecontent .box .groupbutton .giftbtn.btncolor span img {
    width: 100%;
    height: 100%
}

.VipSection .tablecontent .box .groupbutton .giftbtn {
    padding: 0;
    height: 1.25rem;
    border: 1px solid var(--main-color);
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: .813rem;
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.cardvip .headingin {
    font-size: .938rem;
    display: flex;
    align-items: center;
    gap: .3rem
}

.cardvip .headingin i {
    font-size: 1.25rem
}

.VipSection .cardvip .card {
    height: 100%
}

.VipSection .cardvip .card .card-image {
    width: 100%;
    height: 7.5rem;
    position: relative;
    background: var(--main_gradient-color);
    border-radius: .625rem .625rem 0px 0px
}

.VipSection .cardvip .card .layerimage {
    position: absolute;
    background-color: #00000047;
    width: 100%;
    bottom: 7.188rem;
    padding: 0px .625rem
}

.VipSection .cardvip .card .iconntext {
    font-size: .813rem;
    color: var(--text_white)
}

.VipSection .cardvip .card .card-heading {
    font-size: .875rem;
    color: #000;
    margin-bottom: 1px;
    margin-top: 8px;
    padding-left: 4px;
    padding-right: 4px
}

.VipSection .cardvip .card p {
    font-size: .75rem;
    color: #607596;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 7px
}

.VipSection .histab .nav-pills {
    gap: 2rem
}

.VipSection .histab .nav-pills .nav-item .nav-link {
    background-color: transparent;
    border-radius: 0rem;
    font-size: 1rem;
    color: #555!important;
    font-weight: 600;
    border-radius: .5rem .5rem 0rem 0rem
}

.VipSection .histab .nav-pills .nav-item .nav-link.active {
    border-bottom: .063rem solid var(--main-color)!important;
    color: #fff!important
}

.VipSection .histab .hisbox .experHe {
    font-size: .875rem;
    font-weight: 700
}

.VipSection .histab .hisbox p {
    font-size: .875rem
}

.VipSection .histab .rules p {
    font-size: .813rem;
    line-height: 1.563rem;
    color: #26323891!important;
    margin-bottom: 0rem!important
}

.VipSection .histab .rules .card {
    border: 0;
    background-color: var(--bg_color_L2);
    border-radius: .625rem
}

.VipSection .histab .rules .card .card-heading {
    font-size: .938rem;
    color: var(--text_white);
    text-align: center;
    position: relative;
    line-height: 2.5rem
}

.VipSection .histab .rules .card .card-heading {
    position: absolute;
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALkAAAAaCAYAAADrJf0cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATqSURBVHgB7ZxNbBtFFIDfm10ndktQDDcuWHDhaG4VEpLDDYmDe+OGckcqCHGuzQGBUKVEokLiQipVCAkhgsSBW4zUQ9VWZOm5Ii4XxKHYpU0ce3dmmNl41+PZ3fjfNdL7pGhnZ97PzNuXyezsZlHWXisBuu+BRgKGR1QlXdbHEKZK4qyIDOJyJKvbQWTrmMTtfUIdlpTT9hJ2+zZtGzF9+bT+ROXIX2iHJX2ZPqJ42OMciodh0+67aceOqRlru+/xGK3xJOIlhsc2FAcwxihktp4RCzO2CZuGXdNGal2f2KdIuV7ROI18GoqF7cO6rkPyhj8TZEd49f4NFyBXAYm1SKp/UAVUJmSsrU/D5rAOrQ6rOokDE2gUcGA2k8gPDsyd6do2+ufSko3aMeqHSPpG2x+eHRGMMmb7MP1jJGvFIBbB4ThliA6fy6QeSKtvtgFM2kEYjCsaj0TjmkTjTYkF2NfQcjfUccumhOHxmn2JZc1+nudXGjkAgzFEMUJID4PpN7YNN+zwD/pRK5ekEAeqVEIHCOL/gwjn56ZK7hp+cj87yTUq0TelL38ER1bQGTUdE8QzRk/4gZ7BsdHluF34zGvqahyppxJddOUh5vSMTolOrCgqNUWPqYUq1nOfejWzaWSSa3ofl8tqyX/gFPgmMCCI1UIlOD911IIDqvi595PdPFbKrn3hecihxjvO6JtIglgyosvUMgXqaQmuGWsmj/A/Ku+oJcsV56IAglgFZA9BnLIj95r3SpbMRIuP3DXvA9ljHu/QmoVYAdRcG5ww8Dm8dZ7YxNkagLwsTpym9Cf6I0AQcyd44gLnrF7YOdtFyWKqTO28X64wYAe5FwKgHRfiWcBPHOBP0Vu/fvj6KNmp1h2FL72G5PCh33LVE1ma0YnlIjmqBGewBlAdR37qxXX+q992ZJftaGcEsUyCfx0QPqvh9cOH48jPlKGdXlD3H7ttdXcLBLEM+LFaphy7zcLX9+rj6syUncU9r80CrKlEB4JYNPqRfdBSN4G+szWJ3sxTcH7v7q44Zo2AEp1YMPoeUD263y3s3W5OojeXdQbnst57RDehxOIInjigJtJmFy+OvUyJmEuSb9y81xAcdv1HOSCIeSNOEXp/59pSQrW412jDhMztjjFw/ZqazT3/H1q2EPNDb2p0/sy3exy2nrt553eYgrmuL1rvXiq5Qh5eePV0k+Xp/RZiNkRHJfjD9baPcqv47V0PpmSue3/F7243Ay63O818uGFPENOiE/zkj3zbD2ZLcM3cN7iLP9zZ512nfvygQIlOTAV/6sDJgwtt9GWl+P1sCa5ZWBY+rr6xw3LiSv7lU3A3OBDEOHT/WtM/TYHB5eL+7AmuWehU23rnUgURv1l7MSitv9QFtk4vcxHp6H986Bzl9ZuFDeny7eL+ZHvh57Hw9USrWtlkvn9VSll1nhcldyMYeE7NeetTDrP8XkyiP05/sj4Fca7OqpPV17TrYHyaJPW7IBNgxFs/yeyp7WcpWL34860azJmlXonW229WAWU5PBFCAmMoxNkuDGMsrAs/N6PKuj5x1GHp65htsT0I36Mf0o9t9nVN2fjcrjNsJfpm9sH8tbD04ra+D7M/icCk9MP83E80nqQaS4w7shGfp43f9GWPxTg3x5FVTsQ0Mm3L2LGJ6uI29mvxl1sNWAD/AZY+qeDoOXqwAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 70%;
    height: 3.5rem;
    left: 3.438rem;
    line-height: 1.5rem
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
    .VipSection .avtar {
        width: 3.75rem;
        height: 3.75rem
    }
    .VipSection .viptext {
        text-align: center;
        font-size: .688rem
    }
    .VipSection .slidercard .heading-image-text .lasttext {
        font-size: .625rem
    }
    .VipSection .slidercard .heading-image-text .lasttext .innericon {
        width: 1rem;
        height: 1rem
    }
    .VipSection .slidercard .texthedingsub {
        text-align: left;
        font-size: .75rem
    }
    .VipSection .slidercard .mainbtn {
        text-align: left;
        display: flex
    }
    .VipSection .slidercard {
        width: 20rem
    }
    .VipSection .slidercard .bigimage {
        width: 3.75rem;
        height: 3.125rem
    }
    .VipSection .tablecontent .heading {
        font-size: .875rem
    }
    .VipSection .tablecontent .box .giftbox {
        height: 3.125rem
    }
    .VipSection .tablecontent .box .middletext .hedtext {
        font-size: .875rem
    }
    .VipSection .tablecontent .box .middletext p {
        font-size: .625rem
    }
    .VipSection .tablecontent .box .groupbutton .giftbtn {
        font-size: .813rem
    }
    .cardvip .headingin {
        font-size: .875rem
    }
    .VipSection .cardvip .card .card-heading,
    .VipSection .histab .rules .card .card-heading {
        font-size: .813rem
    }
    .VipSection .histab .rules p {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.maingridentcolorrecive {
    background-color: #768096!important
}

.transitionhistorysection .card .card-header {
    background: linear-gradient(90deg, #e67302, #ee0a24);
    border-radius: 8px 8px 0 0
}

.transitionhistorysection .card .intext {
    background-color: #f7f8ff;
    padding: 7px;
    border-radius: 8px
}

.transitionhistorysection .card .intext .innheading {
    font-size: 14px;
    color: #768096
}

.transitionhistorysection .card .intext .innheading.payment {
    font-size: 17px
}

.transitionhistorysection .card .intext .innheading.payment.textSuccess {
    color: #18b660
}

.transitionhistorysection .card .intext .innheading.payment.textGanger {
    color: #fb5b5b
}

.headerlogin .loginimage {
         width: 161px;
    height: auto;
    display: inline-block
}

.headerlogin .navheading {
    font-size: 18px;
    color: #fff
}

.headerlogin p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0
}

.activitysection .topiconlist {
    display: flex;
    align-items: center;
    gap: .5rem
}

.activitysection .topiconlist li {
    cursor: pointer
}

.activitysection .topiconlist li .imagetext {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.activitysection .topiconlist li .imagetext .cardImage {
    width: 40px;
    height: 40px;
    margin: auto auto 7px
}

.activitysection .topiconlist li .imagetext .textcard {
    font-size: 14px;
    color: #8f8f8f;
    text-align: center
}

.activitysection .card {
    height: 100%
}

.activitysection .card .card-image img {
    border-radius: 10px 10px 0 0
}

.activitysection .card .card-heading {
    font-size: 15px;
    font-weight: 600;
    color: #000
}

.activitysection .card p {
    font-size: 12px;
    color: gray;
    line-height: 17px
}

.BeginnersGuide .heading {
    font-size: 15px;
    color: #333;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.BeginnersGuide p {
    font-size: 14px;
    color: #768096;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.headertopBeginner {
    width: 430px;
    z-index: 99;
    background-color: #fff
}

@media only screen and (min-width: 320px) and (max-width: 575.99px) {
    .headertopBeginner {
        width: 100%
    }
}

.fixedheader {
    position: fixed;
    top: 0;
    width: 430px;
    z-index: 9
}

@media (min-width: 320px) and (max-width: 575.99px) {
    .fixedheader {
        width: 100%
    }
}

.headerheight {
    margin-top: 7rem
}

.btn {
    box-shadow: none;
        font-size: 13px;
}

.colorgameheader1 .logo {
    width: 10.625rem;
    height: auto
}

.withdrwalK3Game {
    background-color: var(--text_white);
    border-radius: 0rem 0rem 1rem 1rem
}

.withdrwalK3Game .innercard {
    border-radius: 1.25rem
}

.withdrwalK3Game .innercard .walletpayment {
    font-size: 1.063rem
}

.withdrwalK3Game .innercard .heading {
    font-size: 1rem;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center
}

.withdrwalK3Game .innercard .walletbtn1 {
    background-color: var(--norm_red-color)
}

.withdrwalK3Game .innercard .walletbtn1,
.walletbtn2 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text_white);
    border-radius: 1.875rem;
    height: 2.5rem
}

.withdrwalK3Game .innercard .walletbtn1,
.walletbtn2:hover {
    color: var(--text_white)
}

.withdrwalK3Game .innercard .walletbtn2 {
    background-color: var(--norm_green-color)
}

.withdrwalK3Game {
    background: var(--main_gradient-color);
    height: 20rem
}

.lotterysectionsectionK3Game .tabsmanin {
    background-color: var(--text_white);
    border-radius: .813rem
}

.lotterysectionsectionK3Game .tabsmanin .nav-item {
    width: 25%
}

.lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link.active {
    background: var(--main_gradient-color2);
    box-shadow: 0 .02667rem .08rem var(--main-color) inset, 0 -.02667rem .08rem var(--main-color) inset;
    border-radius: .75rem
}

.lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link {
    padding: .625rem .875rem;
    overflow: auto;
    white-space: nowrap;
    border: none!important;
    width: 100%
}

.lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link.active .timeimage {
    filter: none
}

.lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link .timeimage {
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
    margin-bottom: .625rem;
    filter: grayscale(1)
}

.lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link.active .timetext {
    color: var(--text_white);
    font-weight: 600
}

.lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link .timetext {
    font-size: .813rem;
    color: gray;
    font-weight: 500
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn {
    width: 100%;
    height: 100%;
    background-color: var(--text_white);
    border: none
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn {
    border: .01333rem solid var(--main-color);
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    font-size: .75rem;
    height: 1.563rem;
    box-shadow: none;
    padding: 0;
    font-weight: 600
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn span {
    width: 1.563rem;
    height: 1.563rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn span i {
    color: var(--main-color)
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .wintext {
    font-size: .813rem;
    color: var(--text_color_L2);
    font-weight: 600
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .K3TL__C-l3 {
    height: 8.99333rem;
    margin-top: .48rem;
    background: #00b977;
    border-radius: .18667rem;
    position: relative;
    padding: .96667rem
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .K3TL__C-l3:before {
    content: "";
    display: block;
    width: .33333rem;
    height: 1.49333rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    background-color: #008b59;
    border-radius: 1.33333rem 0 0 1.33333rem;
    left: -.33333rem
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .K3TL__C-l3:after {
    content: "";
    display: block;
    width: .33333rem;
    height: 1.49333rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    background-color: #008b59;
    border-radius: 0 1.13333rem 1.13333rem 0;
    right: -.33333rem
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box {
    background: #003c26;
    border-radius: .13333rem;
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.13333rem;
    line-height: 1.46667rem;
    text-align: center;
    font-weight: 700;
    font-size: .64rem
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box:before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: .68667rem solid transparent;
    border-bottom: .68667rem solid transparent;
    content: "";
    z-index: 3;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 1.83333rem solid transparent;
    border-left: 1.63333rem solid #00b575
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box:after {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 1.83333rem solid transparent;
    border-right: 1.83333rem solid #00b575;
    position: absolute;
    width: 0;
    height: 0;
    border-top: .88667rem solid transparent;
    border-bottom: .68667rem solid transparent;
    content: "";
    z-index: 3
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .numb {
    width: calc((100% - .4rem)/3.2);
    height: 6.19333rem;
    background-color: #727272;
    border-radius: .63333rem;
    position: relative;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .numb:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
    box-shadow: inset 0 -.13333rem .13333rem #0000004d, inset 0 .13333rem .13333rem #0000004d;
    border-radius: .6rem
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .num1 {
    background-image: url(/images/num1-Dvmdd51j.png)
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .num2 {
    background-image: url(/images/num2-Bjiwouja.png)
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .num3 {
    background-image: url(/images/num3-DqB7fR7E.png)
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .num4 {
    background-image: url(/images/num4-y7OTelTf.png)
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .num5 {
    background-image: url(/images/num5-DwdV2vel.png)
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .num6 {
    background-image: url(/images/num6-Dn342HJq.png)
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .timingheading {
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
    text-align: end
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .timingheading2 {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    text-align: end
}

.lotterysectionsection4K3Game .cardgame {
    background-color: var(--text_white);
    border: none
}

.lotterysectionsection4K3Game .cardgame .btnYellow {
    background-color: #feaa57;
    color: var(--text_color_L4);
    font-size: .875rem;
    height: 3rem;
    width: 22.333%;
    font-weight: 600;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsection4K3Game .cardgame .btnPrimery {
    background-color: #6ea8f4;
    color: var(--text_color_L4);
    font-size: .875rem;
    height: 3rem;
    width: 22.333%;
    font-weight: 600;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsection4K3Game .cardgame .btnGreen {
    background-color: #18b660;
    color: var(--text_color_L4);
    font-size: .875rem;
    height: 3rem;
    width: 22.333%;
    font-weight: 600;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsection4K3Game .cardgame .btnRed {
    background-color: var(--main-color);
    color: var(--text_color_L4);
    font-size: .875rem;
    height: 3rem;
    width: 22.333%;
    font-weight: 600;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.lotterysectionsection4K3Game .cardgame .coingame {
    display: flex;
    align-items: center;
    row-gap: .8rem;
    column-gap: 1.5rem;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: center;
    background-color: var(--text_white);
    border-radius: .75rem
}

.lotterysectionsection4K3Game .cardgame .coingame li {
    width: calc(100% / 5.4);
    height: auto;
    position: relative
}

.lotterysectionsection4K3Game .cardgame .coingame li .textcenter {
    position: absolute;
    font-size: 1rem;
    font-weight: 700
}

.lotterysectionsection4K3Game .cardgame .coingame li:nth-child(odd) {
    color: red
}

.lotterysectionsection4K3Game .cardgame .coingame li:nth-child(2n) {
    color: green
}

.lotterysectionsection4K3Game .cardgame .coingame li .ballimage {
    width: 3.125rem;
    height: 3.125rem;
    margin: auto
}

.lotterysectionsection4K3Game .cardgame .coingame li span {
    font-size: .75rem;
    text-align: center;
    display: block;
    color: var(--text_color_L2)
}

.bottomnavsection .nav-pills {
    justify-content: space-between;
    gap: .5rem
}

.bottomnavsection .nav-pills .nav-item {
    width: 30%;
    flex-wrap: wrap
}

.bottomnavsection .nav-pills .nav-item .nav-link {
    background-color: var(--text_white);
    color: var(--text_color_L2);
    font-size: .875rem;
    font-weight: 600;
    width: 100%;
    white-space: nowrap
}

.bottomnavsection .nav-pills .nav-item .nav-link.active {
    background: var(--main_gradient-color);
    color: var(--text_white)
}

.pagnationsection nav {
    background-color: var(--text_white);
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.chattabs .card {
    border: .875rem
}

.chattabs .card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: var(--sheet_nva_color);
    border-radius: .625rem .625rem 0rem 0rem
}

.chattabs .card .card-header .firstchild,
.secondchild {
    font-size: .875rem;
    color: var(--text_white);
    font-weight: 600
}

.chattabs .card .innertext {
    font-size: .875rem;
    color: #000
}

.chattabs .card .Trend__C-body1-line {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.chattabs .card .Trend__C-body1-line .firsttext {
    font-size: .875rem;
    color: #000
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .2rem
}

.chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .number {
    font-size: .75rem;
    color: var(--norm_red-color);
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .063rem solid var(--norm_red-color);
    border-radius: 3.125rem
}

.chattabs .card .Trend__C-body1-line .lasttext {
    font-size: .813rem;
    color: var(--text_white);
    border-radius: 3.125rem;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--norm_bule-color)
}

.chattabs .card .Trend__C-body1-line .lasttext {
    font-size: .813rem;
    color: var(--text_white);
    border-radius: 3.125rem;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.chattabs .card .Trend__C-body1-line .lasttext.skycolor {
    background-color: var(--norm_bule-color)
}

.chattabs .card .Trend__C-body1-line .lasttext.yellowc {
    background-color: var(--norm_secondary-color)
}

.historysection .maninbtn {
    background-color: transparent;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    border: .063rem solid var(--norm_red-color);
    border-radius: 1.875rem;
    gap: .3rem;
    height: 1.875rem;
    box-shadow: none;
    color: var(--norm_red-color);
    margin-left: auto
}

.historysection .buttontextgroup {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.historysection .buttontextgroup .number {
    font-size: 1.063rem;
    color: var(--text_white);
    background-color: var(--norm_green-color);
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .625rem
}

.historysection .buttontextgroup .textsec p {
    font-size: .875rem;
    color: var(--text_color_L1);
    margin-bottom: .125rem
}

.historysection .buttontextgroup .thirdsec .faild {
    border: .063rem solid var(--norm_red-color);
    height: 1.313rem;
    font-size: .813rem;
    padding: 0rem .625rem
}

.historysection .buttontextgroup .thirdsec .payment {
    font-size: .813rem;
    text-align: center
}

.historysection .headindeatils {
    font-size: 1rem;
    color: #000
}

.historysection .MyGameRecordList__C-detail-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f6f6f6
}

.historysection .MyGameRecordList__C-detail-line span,
.historysection .MyGameRecordList__C-detail-line .nmb {
    font-size: .813rem;
    color: #000
}

.historysection .MyGameRecordList__C-detail-line {
    border-radius: .625rem;
    padding: .438rem .438rem .5rem .5rem
}

button {
    box-shadow: none
}

.lotterysectionsection4K3Game .K3newtabstart {
    margin-top: .625rem
}

.lotterysectionsection4K3Game .K3newtabstart .nav-pills {
    justify-content: center;
    gap: .4rem
}

.lotterysectionsection4K3Game .K3newtabstart .nav-pills .nav-item {
    width: calc(100% / 4.7)
}

.lotterysectionsection4K3Game .K3newtabstart .nav-pills .nav-item .nav-link {
    background-color: #f6f6f6;
    color: var(--text_color_L2);
    font-size: .813rem;
    text-align: center;
    border-radius: .5rem .5rem 0rem 0rem;
    width: 100%;
    padding-left: .188rem;
    padding-right: .188rem
}

.lotterysectionsection4K3Game .K3newtabstart .nav-pills .nav-item .nav-link.active {
    background-color: var(--main-color);
    color: var(--text_white)
}

.lotterysectionsection4K3Game .K3newtabstart .matchingnumber {
    font-size: .938rem;
    color: #000
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist li {
    width: calc(100% / 6)
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist li button {
    background: #c86eff94;
    box-shadow: none;
    width: 100%;
    color: var(--text_white);
    font-size: .875rem;
    position: relative
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist li button i {
    position: absolute;
    right: 0;
    bottom: 0
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist li .btn.selected {
    background: var(--norm_Purple-color)
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist.listcolor2 li button {
    background: #fb5b5bb0!important
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist.listcolor2 li .btn.selected {
    background: var(--main-color)!important
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist.listcolor2 button {
    width: 100%;
    color: var(--text_white);
    background: #fb5b5bb0!important
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist.listcolor3 li button {
    background: #8bdaaf!important
}

.lotterysectionsection4K3Game .K3newtabstart .rediolist.listcolor3 li .btn.selected {
    background: var(--norm_green-color)!important
}

.K3newtabstart .Betting__C-mark {
    width: 97%;
    height: 100%;
    background: #0009;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    color: var(--text_color_L4);
    border-radius: .26667rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .625rem
}

.K3newtabstart .Betting__C-mark>div {
    display: inline-block;
    border-radius: .4rem;
    padding: .625rem;
    background-color: var(--main-color);
    font-weight: 700;
    font-size: 7.5rem;
    width: 9.375rem;
    height: 11.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.K3newtabstart .Betting__C-mark>div+div {
    margin-left: 1.04rem
}

.Custometablemain .GameRecord__C-head {
    height: 2.06667rem;
    line-height: 2.06667rem;
    background: var(--main-color);
    border-radius: .43333rem .43333rem 0 0;
    font-weight: 700;
    font-size: .34667rem;
    color: var(--text_color_L4);
    text-align: center
}

.Custometablemain .GameRecord__C-head .van-row {
    display: flex;
    flex-wrap: wrap
}

.van-col--10 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.van-col {
    display: block;
    box-sizing: border-box;
    min-height: .01333rem
}

.van-col--4 {
    flex: 0 0 16.66666667%!important;
    max-width: 16.66666667%!important
}

.headingtable {
    font-size: .875rem;
    color: var(--text_white)
}

.GameRecord__C-body {
    padding: .313rem
}

.GameRecord__C-body .firsttext,
.GameRecord__C-body .secondtext,
.GameRecord__C-body .thirdtext,
.GameRecord__C-body .forthtext {
    font-size: .875rem;
    color: #000
}

.GameRecord__C-body .lodoimage {
    width: 1.563rem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.GameRecord__C-body .innerrow {
    gap: .9rem;
    justify-content: center
}

.GameRecord__C-body .innerrow .col-auto {
    padding: .313rem 0rem
}

.tabletype .first {
    width: 23%
}

.tabletype .second,
.tabletype .thierd,
.tabletype .fourth {
    width: 10%
}

.tabletype .fiveth {
    width: 30%
}

.lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .timingheading2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--main-color);
    text-align: end;
    margin-top: .125rem
}

.timingheading2 span {
    display: inline-block;
    width: 1.25rem;
    height: 1.875rem;
    background-color: #f6f6f6;
    text-align: center;
    line-height: 1.875rem;
    margin: 0rem .125rem;
    font-size: 1.25rem
}

.imagelodo {
    width: 1.563rem;
    height: auto
}

.box1,
.box2,
.box3 {
    width: 33.33333333%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 320px) and (max-width: 480.99px) {
    .lotterysectionsection4K3Game .cardgame .coingame {
        gap: 1rem
    }
    .withdrwalK3Game .innercard .walletbtn1,
    .walletbtn2 {
        padding-left: 1.25rem!important;
        padding-right: 1.25rem!important;
        height: 2.188rem;
        font-size: .875rem;
        width: 44%
    }
    .lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link {
        padding: .75rem
    }
    .lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link .timeimage {
        width: 1.875rem;
        height: 1.875rem
    }
    .lotterysectionsectionK3Game .tabsmanin .nav-item .nav-link .timetext {
        font-size: .813rem
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .innerbutton .howbtn {
        padding: .313rem!important;
        font-size: .625rem
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .timingheading {
        font-size: .813rem
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .timingheading2 {
        font-size: .875rem
    }
    .lotterysectionsection4K3Game .cardgame .btnGreen,
    .lotterysectionsection4K3Game .cardgame .btnviolet,
    .lotterysectionsection4K3Game .cardgame .btnRed {
        font-size: .875rem;
        height: 2.5rem
    }
    .lotterysectionsection4K3Game .cardgame .coingame li {
        width: calc(100% / 5.4);
        height: 2.938rem
    }
    .bottomnavsection .nav-pills .nav-item .nav-link {
        font-size: 1.188rem;
        white-space: nowrap;
        overflow: hidden;
        zoom: .4;
        text-overflow: ellipsis
    }
    .tablemain table thead tr th {
        padding: .313rem;
        font-size: .75rem
    }
    .chattabs .card .innertext {
        font-size: .75rem
    }
    .chattabs .card .Trend__C-body1-line .firsttext {
        font-size: .75rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num {
        gap: .2rem
    }
    .chattabs .card .Trend__C-body1-line .Trend__C-body1-line-num .number {
        font-size: .625rem;
        width: .938rem;
        height: .938rem
    }
    .chattabs .card .Trend__C-body1-line .lasttext {
        width: .938rem;
        height: .938rem;
        font-size: .625rem
    }
    .historysection .buttontextgroup .number {
        width: 1.875rem;
        height: 1.875rem
    }
    .historysection .buttontextgroup .textsec p {
        font-size: .75rem
    }
    .historysection .headindeatils {
        font-size: .875rem
    }
    .historysection .MyGameRecordList__C-detail-line span,
    .nmb {
        font-size: .75rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .timingheading {
        font-size: .688rem
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .K3TL__C-l3 {
        height: 6.99333rem;
        margin-top: .48rem;
        background: var(--norm_green-color);
        border-radius: .18667rem;
        position: relative;
        padding: .96667rem
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box {
        background: #003c26;
        border-radius: .13333rem;
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .83333rem;
        line-height: 1.46667rem;
        text-align: center;
        font-weight: 700;
        font-size: .64rem
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .box .numb {
        width: calc((100% - .4rem)/3.2);
        height: 4.39333rem;
        background-color: #727272;
        border-radius: .63333rem;
        position: relative;
        background-position: center;
        background-size: 60%;
        background-repeat: no-repeat
    }
    .lotterysectionsectionK3Game .tabcontentsection .tab-pane .cardIn .K3TL__C-l3 {
        height: 6.99333rem;
        margin-top: .48rem;
        background: var(--norm_green-color);
        border-radius: .18667rem;
        position: relative;
        padding: .56667rem
    }
    .lotterysectionsection4K3Game .cardgame .coingame li .ballimage {
        width: 2.188rem;
        height: 2.188rem;
        margin: auto
    }
    .lotterysectionsection4K3Game .cardgame .coingame li span {
        font-size: .563rem;
        text-align: center;
        display: block;
        color: var(--text_color_L2)
    }
    .lotterysectionsection4K3Game .cardgame .btnYellow {
        background-color: var(--norm_secondary-color);
        color: var(--text_color_L4);
        font-size: .75rem;
        height: 2.75rem;
        width: 22.333%;
        font-weight: 600;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .lotterysectionsection4K3Game .cardgame .btnPrimery {
        background-color: #6ea8f4;
        color: var(--text_color_L4);
        font-size: .75rem;
        height: 2.75rem;
        width: 22.333%;
        font-weight: 600;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .lotterysectionsection4K3Game .cardgame .btnRed {
        font-size: .75rem;
        height: 2.75rem
    }
    .lotterysectionsection4K3Game .cardgame .btnGreen {
        font-size: .75rem;
        height: 2.625rem
    }
    .GameRecord__C-body .innerrow {
        gap: .7rem;
        justify-content: center
    }
    .GameRecord__C-body .firsttext,
    .GameRecord__C-body .secondtext,
    .GameRecord__C-body .thirdtext,
    .GameRecord__C-body .forthtext {
        font-size: .75rem;
        color: #000
    }
    .GameRecord__C-body .lodoimage {
        width: 1.125rem;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .imagelodo {
        width: 1.25rem!important;
        height: auto
    }
}

@media only screen and (min-width: 481px) and (max-width: 575.99px) {
    .GameRecord__C-body .innerrow {
        gap: 1rem
    }
}

.k3lottermodal .modalpayment .modal-content {
    background-color: var(--text_color_L4);
    border: 0
}

.k3lottermodal .css-1t1j96h-MuiPaper-root-MuiDialog-paper,
.css-uhb5lp {
    align-items: end!important;
    width: 24.375rem!important;
    position: fixed!important;
    bottom: 0!important;
    max-height: unset!important;
    max-width: unset!important;
    margin: unset!important;
    border-radius: 1.563rem 1.563rem 0rem 0rem!important;
    overflow-y: unset!important
}

.css-i4bv87-MuiSvgIcon-root {
    border-radius: 50%
}

.k3lottermodal .MuiDialogTitle-root+.css-ypiqx9-MuiDialogContent-root {
    width: 100%!important;
    padding: 0!important;
    margin-top: .625rem!important;
    margin: auto!important
}

.k3lottermodal .css-1ty026z {
    width: 100%!important;
    padding: 0!important;
    margin-top: .625rem!important;
    margin: auto!important
}

.k3lottermodal .css-1rwt2y5-MuiButtonBase-root-MuiButton-root,
.k3lottermodal .css-79xub {
    border: 0!important;
    background-color: #f6f6f6;
    color: #000!important;
    font-size: 1rem!important;
    min-width: auto!important
}

.k3lottermodal .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,
.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate,
.css-zun73v.Mui-checked,
.css-zun73v.MuiCheckbox-indeterminate {
    color: #ff1b1b!important;
    border-radius: 50%!important
}

.k3lottermodal .css-1e6y48t-MuiButtonBase-root-MuiButton-root,
.k3lottermodal .css-1hw9j7s {
    font-size: 1.25rem!important;
    font-weight: 700!important;
    color: var(--text_white);
    height: 2.375rem!important;
    border-radius: 0rem!important
}

.k3lottermodal .css-1ujsas3 {
    font-size: 1.25rem!important;
    font-weight: 700!important;
    color: #fff!important;
    height: 2.375rem!important;
    border-radius: 0rem!important
}

.k3lottermodal .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input,
.k3lottermodal .css-1x5jdmq {
    height: .25rem!important;
    width: 2.5rem!important;
    text-align: center!important
}

.k3lottermodal .css-1rwt2y5-MuiButtonBase-root-MuiButton-root:hover,
.k3lottermodal .css-79xub:hover {
    border: 0!important;
    background-color: #f6f6f6
}

.k3lottermodal .css-bdhsul-MuiTypography-root-MuiDialogTitle-root,
.k3lottermodal .css-ohyacs {
    height: 5.93333rem!important;
    position: relative!important;
    width: 100%!important;
    text-align: start!important;
    font-size: .938rem!important;
    font-weight: 400!important;
    color: #000!important;
    border-radius: 1.563rem 1.563rem 0rem 0rem!important;
    padding: .4rem 0rem 0rem .625rem!important
}

.k3lottermodal .css-bdhsul-MuiTypography-root-MuiDialogTitle-root .k3green {
    background-color: green!important;
    width: fit-content!important;
    color: #fff!important;
    margin: auto!important;
    border-radius: .5rem!important;
    font-size: .875rem!important;
    font-weight: 400!important;
    margin-top: 1.25rem!important
}

.k3lottermodal .css-bdhsul-MuiTypography-root-MuiDialogTitle-root .k3green.newcss {
    margin: unset!important;
    text-align: start!important;
    padding: .125rem 1.25rem!important;
    margin-top: .438rem!important
}

.k3lottermodal .css-ohyacs .k3green {
    background-color: green!important;
    width: fit-content!important;
    color: #fff!important;
    margin: auto!important;
    border-radius: .5rem!important;
    font-size: .875rem!important;
    font-weight: 400!important;
    margin-top: 1.25rem!important
}

.k3lottermodal .css-ohyacs .k3green.newcss {
    margin: unset!important;
    text-align: start!important;
    padding: .125rem 1.25rem!important;
    margin-top: .438rem!important
}

.k3lottermodal .css-knqc4i-MuiDialogActions-root,
.k3lottermodal .css-1vskg8q {
    width: 100%!important;
    display: flex!important;
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.k3lottermodal .css-knqc4i-MuiDialogActions-root button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000;
    font-size: .875rem!important;
    font-weight: 500!important;
    padding: 1.25rem .625rem!important;
    border-radius: 0!important
}

.k3lottermodal .css-1vskg8q button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000!important;
    font-size: .875rem!important;
    font-weight: 500!important;
    padding: 1.25rem .625rem!important;
    border-radius: 0!important
}

.k3lottermodal .css-1ujsas3 button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000;
    font-size: .875rem!important;
    font-weight: 500!important;
    padding: 1.25rem .625rem!important;
    border-radius: 0!important
}

.k3lottermodal .css-1vskg8q button:nth-child(1) {
    width: 40%!important;
    background-color: #f6f6f6;
    color: #000;
    font-size: .875rem!important;
    font-weight: 500!important;
    padding: 1.25rem .625rem!important;
    border-radius: 0!important
}

.k3lottermodal .css-knqc4i-MuiDialogActions-root button:nth-child(2) {
    width: 60%!important;
    font-size: 1rem!important;
    font-weight: 500!important;
    background: #18b660;
    color: var(--text_white);
    padding: 1.25rem .625rem!important;
    margin-left: 0!important;
    border-radius: 0!important
}

.k3lottermodal .css-1ujsas3 button:nth-child(2) {
    width: 60%!important;
    font-size: 1rem!important;
    font-weight: 500!important;
    background: #18b660;
    color: #fff!important;
    padding: 1.25rem .625rem!important;
    margin-left: 0!important;
    border-radius: 0!important
}

.k3lottermodal .css-1vskg8q button:nth-child(2) {
    width: 60%!important;
    font-size: 1rem!important;
    font-weight: 500!important;
    background: #18b660;
    color: var(--text_white);
    padding: 1.25rem .625rem!important;
    margin-left: 0!important;
    border-radius: 0!important
}

.k3lottermodal .modalpayment .modal-content .modal-header .modalheader .topheading {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text_color_L4);
    text-align: center
}

.k3lottermodal .modalpayment .modal-content .modal-header .modalheader .btnselect {
    width: 90%;
    justify-content: center;
    display: flex;
    margin: auto;
    border: 0;
    background: var(--bg_color_L2);
    border-radius: 1.875rem
}

.k3lottermodal .modalpayment .modal-content .modal-header .modalheader .btnselect .slect {
    font-size: 1rem;
    color: #000
}

.k3lottermodal .modalpayment .modal-content .modal-header .modalheader .btnselect .green {
    font-size: 1rem;
    color: #000;
    margin-left: .313rem
}

.k3lottermodal .modalpayment .modal-content .modal-header .modalheader:after {
    content: "";
    position: absolute;
    width: 50%;
    left: 0;
    bottom: 0;
    height: 1.78667rem;
    background-image: linear-gradient(7deg, var(--text_color_L4) 50%, transparent 50%)
}

.k3lottermodal .modalpayment .modal-content .modal-body .balancesection .headingmd {
    font-size: 1rem;
    color: #000;
    font-weight: 600
}

.k3lottermodal .modalpayment .modal-content .modal-body .balancesection .inncresanddicressbtn {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center
}

.k3lottermodal .modalpayment .modal-content .modal-body .balancesection .dicress {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.k3lottermodal .modalpayment .modal-content .modal-body .balancesection button {
    background-color: #f6f6f6;
    color: #000;
    font-size: 1rem;
    font-weight: 600
}

.k3lottermodal .modalpayment .modal-content .modal-body .balancesection .dicress i {
    color: #000;
    font-size: 1.375rem
}

.k3lottermodal .modalpayment .modal-content .modal-body .balancesection button {
    background-color: #f3f3f3;
    color: #000;
    font-size: 1rem;
    font-weight: 600
}

.k3lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check {
    display: flex;
    align-items: center;
    gap: .5rem
}

.k3lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check .form-check-input {
    height: 1.563rem;
    width: 1.563rem
}

.k3lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check .chekedinput:checked {
    background-color: #fd565c;
    border-color: #fd565c
}

.k3lottermodal .modalpayment .modal-content .modal-body .remindersection .form-check .form-check-label {
    font-size: .875rem;
    color: #90929e!important
}

.k3lottermodal .modalpayment .modal-content .modal-footer {
    width: 100%
}

.k3lottermodal .modalpayment .modal-content .modal-footer .btn-1 {
    width: 40%;
    background-color: #f6f6f6;
    color: #000;
    font-size: .875rem;
    font-weight: 500
}

.bgcolor {
    color: var(--text_white)
}

@media only screen and (min-width: 320px) and (max-width: 575.99px) {
    .k3lottermodal .modalpayment {
        width: 100%;
        margin: 0
    }
    .k3lottermodal .modalpayment .modal-content .modal-body .balancesection .btn {
        font-size: .813rem
    }
    .k3lottermodal .css-1t1j96h-MuiPaper-root-MuiDialog-paper,
    .k3lottermodal .css-uhb5lp {
        width: 100%!important;
        margin: 0!important;
        position: fixed!important;
        bottom: 0!important
    }
    .k3lottermodal .MuiDialogTitle-root+.css-ypiqx9-MuiDialogContent-root {
        width: 100%!important;
        margin: 0!important;
        padding: .625rem!important
    }
    .k3lottermodal .css-1ty026z {
        width: 100%!important;
        margin: 0!important;
        padding: .625rem!important
    }
    .MuiDialogTitle-root+.css-1ty026z {
        width: 99%!important;
        margin: 0!important
    }
    .balancesection button {
        min-width: 2.188rem!important;
        font-size: .875rem;
        padding: .375rem
    }
    .k3lottermodal .css-1hw9j7s {
        font-size: .875rem!important;
        font-weight: 700!important;
        color: var(--text_white);
        height: 2.375rem!important;
        border-radius: 0rem!important;
        min-width: 2.188rem!important
    }
    .balancesection button .css-w0pj6f {
        min-width: 2.188rem
    }
}

.k3lottermodal .css-i4bv87-MuiSvgIcon-root svg {
    border-radius: 50%
}

.ActivityWinnersection .accard {
    background: url(/images/headerBg-wH9KQKE_.png), linear-gradient(90deg, #e67302, #ee0a24);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0;
    height: 40vh
}

.ActivityWinnersection .accard .buttongroup .buttong {
    background: linear-gradient(180deg, #ffd98e, #f9dc59);
    box-shadow: 0 .10667rem .32rem #f9e659;
    border: 0;
    font-size: 15px
}

.ActivityWinnersection .smallcard {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN8AAADPCAYAAAB1LwS3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYUSURBVHgB7d27clvHHcDh3Q14USYzobp0jp9A6TJpEsVFnsEju9CL5DXSmhNfxhM3rtN45CIZNb5UdmeyEl2ZrgTaxFnvoQAaonAlAfxn7O8rdAgCkNT8Zs/ZPZecxp6/+ebDtnmYgK2ptZ7fu7g4zh9/fJ4vHj36Z6n1YZfSGwnYupzSdz9cXr5Ratf9RXiwOzWl+4PB4HFJOR8mYKfa3uaDkoCdqzn/SXwQ40h8EONEfBBEfBCgrfedig+CiA8CtIX2b8QHQUqudZiAnepSOi21lJME7NpJafuez1LO3yRgZ0aj0Rcvjvm67usE7Mrwdx999CK+nPOzBOxETems317FV3M+S8Bu1PpVv5ksNfQznucJ2LrJYHe9zjcZCoHtKuMJzuv4+kvbE7BdU/MrRj7YpVqvD++u4yvW+mDrpge56ZGvL9KpZrBFZdZu55jjPtimWbudY477YIum19Rfjq9W8cG23DiT7OX4SrHbCdtS68n0y5fiy3Y7YWvKopHPjCdsT71xWDfrNhJfJWDThjcvYHg1PpMusHGzziArMz50koCNurpjxA2vxJdL6T/kuA82KM84fXPmrQONfrBhU2e2TMyML9fqJGvYnOGsu0XMjs89XWBj5l2uN3u3M+eT5LgPNmXmnuT828Ub/WAjypyW5saXb5yHBtzSjMmW3qIHpZh0gbsbzrs159z4xl9w3Ad3sOjeSItGvqH1PribWWe2TCx8Pl97838JuLWyYOJyYXyWHOBu6oILFZY+mbYNm/9PwK0seg7K0vjal8UHt7BszmSVZ7IPPTwT1vebnD9b9P4q8fUL7p8kYC2bGPlMvMC62ixnXfLYvZXiu/q7TLzAylovSx+1vnJ844kXox8s0Vr5pI16Sw/VVo6vGRr9YL6cc3/T6XfyCuH11onP6AdzjCdX3llnZWCQ1jNsdf+rrdq/3v6Rv7fl+6MEv3L9bmY/2tX1vrZ2fC/uap3z5+3Hz9v2sHbd/RbkYXt92F4ftTAPE/xKtOhO8i0vv1s7vhuG41sN/vyfyTkBy611zAdsjvggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggiPggSEm1XiRgZ2qtw35bcinPE7AzNefv+22pXfdtAnamjXzn/bbkWk8TsDN7OZ/12zIq5SwBOzNI6WrAK/c++ODUpAvsRk3p+9w3l8ZLDV1KTxOwfaWcXP/Y/3F4cCA+2IHng8Gnk5+v4svHx8OSswBhi2opX94/Pj6fvL4+w2Wwt/epYz/Yjv5Yb3rU613H149+eTB4koCNK6U8mR71rn43/WL/3Xef2v2Ezaqtqf333vvy5u9fObF67/33/9uN1yGAu2ktfXvYmpr13syrGg739//TfykBt5bbIHa2v//vBe/P9+Nbb/2jq/XPCVhLv6s5b8SbWBhf74e3337Qdd3f2gd/n4DFcr4YjUZPfvvhh0vnTpbG1/vu8eOje5eXf81d9yABM/Wj3bO2ZPd6WzlY5fMrxTcxiTB13R+NhJCuRrq2Z/j07ODg6arRXX813VJ99Oi1y5Rea8eEf8g5H7Xqj9oi/UGCX6oWWgvmeX8NbFsTP90bjc4mJ0nfxk/0qXgirQKV9wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 120px;
    cursor: pointer
}

.ActivityWinnersection .card-bottom {
    background-image: url(/images/day7Bg-4unDYJ5S.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 120px
}

.ActivityWinnersection .smallcard .heaing {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.ActivityWinnersection .smallcard .card-image {
    width: 50px;
    height: 50px;
    margin: auto;
    display: flex
}

.btn-warning {
    background-image: linear-gradient(180deg, #ffbd40, #ff7f3d)
}

@media only screen and (min-width: 320px) and (max-width: 400.99px) {
    .accard p {
        margin-bottom: 0;
        font-size: 14px
    }
    .accard .buttongroup {
        margin-top: 15px!important
    }
    .ActivityWinnersection .smallcard {
        height: 90px
    }
    .ActivityWinnersection .smallcard .card-image {
        width: 26px;
        height: 26px
    }
    .ActivityWinnersection .smallcard p {
        font-size: 13px
    }
}

.newsubordinate.navtabssection .nav .nves {
    width: 24.3333%
}

.mainesw {
    text-align: center;
    background: #fff;
    padding: 30px
}

.loe {
    width: 30px
}

.yt {
    padding: 10px 15px 0 36px
}

.maineswq {
    text-align: center;
    color: coral
}

.naves {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nlink {
    padding: 10px 5px!important
}

.languagesection .form-check {
    background-color: #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    height: 60px
}

.languagesection .form-check-input {
    float: right;
    margin-right: 1em;
    box-shadow: none;
    width: 20px;
    height: 20px
}

.languagesection .form-check-label {
    display: flex;
    align-items: center;
    gap: .4rem;
    width: 90%
}

.languagesection .form-check-label span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px
}

.languagesection .form-check-input:checked[type=radio] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7dTBDYAgDEDRjuAIjuAIjuAGHUU30A0cyREcpZaIiSGpILQJB37CBdK8SwNAq6aIqOMzgmUM9HxOupvBogAhE0xAngbQKIK4+x5Kqxfhy90/ojXyDi2QVRhANcQPbiSHKogfdt/FEcNIY7sSsIW0VjgBK0cysTzkJ1aGJGI6SATTRQTMBgmwyRRpfXUBA13+mUd2UxUAAAAASUVORK5CYII=);
    background-size: cover
}

.languagesection .form-check-input:checked {
    background-color: #f95959;
    border-color: #f95959
}

.viewallpage img {
    border-radius: 9px
}

.viewallpage .leftheading {
    font-size: 16px;
    font-weight: 700;
    color: #1e2637;
    position: relative
}

.viewallpage .leftheading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 6px;
    height: 20px;
    background-color: red;
    border-radius: 15px
}

.viewallpage .casinolist {
    position: relative;
    height: 100%
}

.viewallpage .casinolist .title {
    font-size: 13px;
    color: #000;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    bottom: 5px
}

.viewallpage .button {
    color: #fff;
    font-size: 14px;
    text-align: end;
    padding: 8px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #000, red);
    border-radius: 30px;
    margin: auto
}

.table thead tr th {
    background: #f95959;
    color: #fff;
    font-weight: 400;
    width: max-content;
    text-align: center
}

.table thead tr th,
.table tbody tr td {
    border: 0px;
    text-align: center
}

.table tbody tr td {
    color: #768096
}

.table thead tr th:first-child {
    border-top-left-radius: 20px
}

.table thead tr th:last-child {
    border-top-right-radius: 20px
}

.listHead p {
    position: relative;
    z-index: 1;
    font-size: 17px
}

.listHead img {
    position: absolute;
    max-width: 200px;
    height: 30px!important;
    transform: translate(-50%);
    left: 50%;
    z-index: 0
}