@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;900&display=swap');
 @import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
 body{
    font-family:"Nunito", sans-serif;
    line-height:1.4;
    font-size:14px;
    margin:0 auto;
    color:#ffffff;
    background:#030f1f url("../images/common/bg.jpg") no-repeat center top;
}
 a{
    text-decoration:none;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
 a:hover, a:focus, button:focus, button:hover, input:focus, select:focus{
    text-decoration:none;
    outline:none;
}
 img{
    max-width:100%;
}
 input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],textarea,select{
    color:#000;
    width:100%;
}
 ::-webkit-scrollbar{
    width:5px;
    height:5px;
}
 ::-webkit-scrollbar-track-piece{
    background-color:rgba(0, 0, 0, 0.2);
    -webkit-border-radius:6px;
}
 ::-webkit-scrollbar-thumb{
    background:#888;
}
 ::-webkit-scrollbar-thumb:hover{
    background:#555;
}
 .smaller img{
    height:70px;
}
 .smaller .header-ribbon{
    height:80px;
}
 .container-fluid{
}
 .header-top{
    height:82px;
    background:#fff;
}
 .login_bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
 .log-group input{
    border:1px solid #0c103d;
    width:140px;
    height:34px;
    padding:0 20px;
    background:#011f34;
    border-radius:20px;
    color:#fff;
}
 .login_btn{
    color:#fff;
    font-weight:800;
    text-transform:
    uppercase;
    border:
    none;
    border-radius:20px;
    width:110px;
    height:30px;
    font-size:13px;
    margin-right:5px;
    background: linear-gradient(to bottom, #013b7b 0%, #013b7b 100%);
    /* box-shadow: inset 0px 0px 5px #2d7fb2;
     */
    border: 1px solid #a7ddff;
}
 .join_btn{
    background: #ffb20b;
    color:#fff;
    font-weight: 800;
    text-transform:
    uppercase;
    border:
    none;
    border-radius:20px;
    width:110px;
    height:30px;
    font-size:13px;
    /* box-shadow:inset 0px 0px 5px #fff;
     */
    border: 1px solid #ffeabd;
}
 .login_btn,.join_btn{
    display:flex;
    justify-content:center;
    align-items:center;
}
 .login_btn:hover, .join_btn:hover{
    filter:brightness(0.5);
}
 .login_btn a{
    color:#fff;
}
 .join_btn a{
    color:#fff;
}
 .log-group{
    margin-right:5px;
}
 .languageToggle{
    cursor:pointer;
    display:flex;
    align-items:center;
}
 .languageToggle img{
    max-width:29px;
}
 .languageToggle i{
    font-size:18px;
    vertical-align:sub;
    margin-left:5px;
    color:#a2a2a2;
}
 .lang-btn{
    border:none;
    padding:none;
    background:none;
    color:#000;
}
 .dropdown-menu.language{
    padding:0;
    background:rgb(12 16 61 / 78%);
    min-width:auto;
    border:none;
}
 .dropdown-item:focus,.dropdown-item:hover{
    background-color:#f1c977;
    border-radius:0;
}
 .dropdown-toggle::after{
    display:none;
}
 .btmtools{
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#b3b3b3;
    font-size:12px;
    padding:5px 10px 0;
}
 .forgot-link a{
    color:#ffffff;
    text-decoration:underline;
}
 .swipe-list::-webkit-scrollbar{
    display:none;
}
 .container-fluid{
    padding:0px;
    max-width:1366px;
}
 section.header-menu{
    margin-top:104px;
}
 section.header-menu{
    position:relative;
    box-shadow:2px 4px 20px #000000ba;
    background:linear-gradient(to bottom, rgba(16,183,243,1) 0%, rgba(12,112,170,1) 33%, rgba(8,93,143,1) 100%);
    position: fixed;
    width: 100%;
    z-index: 1;
}
 .main-nav{
    display:inline-flex;
    height: 51px;
    align-items:center;
    justify-content: space-between;
    width: 100%;
}
 .main-nav li.nav-item{
    padding: 0px 15px;
    height: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
    border-bottom:2px solid #ffcd0000;
}
 .main-nav li.nav-item:hover, .main-nav li.nav-item.active{
    background:#00000030;
    border-bottom:2px solid #ffcd00;
    color:#ffcd00;
}
 .main-nav li.nav-item a.navlink{
    color:#fff;
    font-size: 11px;
    text-transform:uppercase;
    font-weight: 600;
    height: 100%;
    display: grid;
    align-items: center;
    position: relative;
    text-align: center;
}
.main-nav li.nav-item a.navlink img{
 display: block;
 margin: auto;
 width: 29px;
}
.main-nav li.nav-item a.navlink .hot_icon{
    width: 22px;
    right: -7px;
    top: 0px;
    z-index: 9;
    position: absolute;
    filter: none;
    animation: blink-animation 1s steps(5, start) infinite;
    /*transition:all 0.5s ease-in-out;*/
    /*-webkit-animation: blink-animation 1s steps(5, start) infinite;*/
}
 .main-nav li.nav-item:hover a.navlink{
    color:#ffcd00;
}
 .main-nav li.nav-item.menuimg a.navlink img{
    /* height: 25px; */
}
 .main-nav li.nav-item.menuimg:hover a.navlink img{
    /* filter:none;
     */
}
 .img-home i{
    font-size: 27px;
}
 .main-nav li.nav-item:hover, .main-nav li.nav-item.active i{
    color:#ffcd00;
}
 .prov-img ul{
    display: grid;
    padding:0px;
    margin:0px;
    flex-wrap:
    wrap;
    margin-bottom:10px;
    justify-content: center;
    grid-template-columns: repeat(11,1fr);
}
 .prov-img ul li{
    list-style:none;
    margin:0px 6px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:10px;
}
 a.step-hover:hover{
    color:#fff;
}
 .three-step-guide-wrapper .three-step-guide .step .content-area .text-area .large-text{
    font-family:"Nunito", sans-serif;
}
 .ttl-inx{
    display:flex;
    justify-content:space-between;
}
 .ttl-inx-l img{
    height:20px;
    margin-right:10px;
}
 .ttl-inx-l{
    display:flex;
    font-size:18px;
    margin-bottom:10px;
    color:#ffffff;
    font-weight:bold;
}
 .ttl-inx-l span{
    margin-right:10px;
    color:#52a0d0;
}
 .index-content ul{
    display:flex;
    padding:0px;
    margin:0px;
}
 .bnr-indx{
    position:relative;
}
 .bnr-overly{
    position:absolute;
    background:#000000c7;
    width:100%;
    display:flex;
    bottom:0px;
    height:80px;
    justify-content:space-between;
    align-items:center;
}
 .gm-nm{
    padding:0px 25px;
}
 .btn-ply{
    background:#ffcd00;
    border:none;
    width:200px;
    padding:8px 0px;
    font-weight:bold;
    margin-top:10px;
}
 .btn-ply:hover{
    background:#f7e59b;
}
 .index-content .carousel-item img{
}
 .bnr-indx img{
    width: 100%;
}
 .indx-top{
    display:flex;
    justify-content:space-between;
}
 .sml-slide{
    width:654px;
}
 .inc-item-all{
    padding:20px 0px;
}
 .sml-slide .carousel-control-prev-icon{
    top:15px;
    position:absolute;
    left:15px;
}
 .sml-slide .carousel-control-next-icon{
    top:15px;
    position:absolute;
    right:15px;
}
 a.btn-find{
    color:#fff;
    font-size:12px;
    text-decoration:underline;
}
 a.btn-find:hover{
    color:#ffcd00;
}
 .inc-item{
    margin-bottom:20px;
}
 .indx-2 ul{
    display:flex;
    justify-content:space-between;
    padding:0px;
}
 .indx-3 ul{
    display:
    grid;
    grid-template-columns: repeat(4,1fr);
    gap:15px;
    margin-top:20px;
}
 .indx-4 ul{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    margin-top:20px;
}
 .indx-5 ul{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:15px;
    overflow:hidden;
    overflow-x:scroll;
    white-space:nowrap;
}
 .indx-6 ul{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:15px;
    margin-top:20px;
}
 .bnr-overly2{
    position:absolute;
    background:#000;
    top:0px;
    display:flex;
    left:0;
    right:0;
    margin:auto;
    bottom:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transform:translateY(100%);
    transition:all 0.3s;
    opacity:0;
}
 .bnr-indx:hover .bnr-overly2{
    transform:translateY(0%);
    opacity:1;
}
 .button3d-container{
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -moz-perspective:1000000px;
}
 .button3d{
    display:block;
    float:left;
    width:100%;
    height:62px;
    margin:0;
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:transform;
    -moz-transition-duration:0.26s;
    -o-transition-duration:0.26s;
    -webkit-transition-duration:0.26s;
    transition-duration:0.26s;
    -moz-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -moz-transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
 .index-content ul li{
    list-style:none;
}
 .indx-1 ul{
    width:100%;
    display:block;
}
 .indx-1{
    width:100%;
    margin-top:20px;
}
 .indx-1 ul img{
    width:100%;
}
 .container{
    max-width:1366px;
    padding:0px;
}
 .button3d:hover{
    -moz-transform:rotateX(90deg);
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg);
}
 .button3d_face{
    display:block;
    height:100%;
    font-weight:500;
}
 .button3d_face-front{
    line-height:48px;
    -moz-transform:translateZ(24px);
    -webkit-transform:translateZ(24px);
    transform:translateZ(24px);
}
 .button3d_face-bottom{
    -moz-transform:rotateX(-90deg) translateZ(-24px);
    -ms-transform:rotateX(-90deg) translateZ(-24px);
    -webkit-transform:rotateX(-90deg) translateZ(-24px);
    transform:rotateX(-90deg) translateZ(-24px);
}
 .fa{
    margin-right:6px;
}
 .fa-external-link{
    margin-left:6px;
    margin-right:0;
}
 .social-button{
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align:center;
    font-size:0;
}
 .button3d_face-front-ltw{
    background-color:#050720;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5px 0px;
}
 .button3d_face-bottom-ltw{
    line-height:48px;
    background-color:#000000;
    display:flex;
    justify-content:center;
    align-items:center;
}
 .btn-slot{
    position:relative;
    width:150px;
    color:#ffffff;
    font-size:16px;
    text-align:left;
    border-radius:35px;
}
 .btn-slot *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
}
 .btn-slot:before{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    top:100%;
    content:'';
    background-color:rgba(0, 0, 0, 0.8);
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
    -webkit-transition-delay:0.25s;
    transition-delay:0.25s;
    border-radius: 25px;
}
 .btn-slot img{
    vertical-align:top;
    max-width:100%;
}
 .btn-slot figcaption{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
 .btn-slot h3, .btn-slot h5{
    margin:0;
    opacity:0;
    letter-spacing:1px;
}
 .btn-slot h3{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    text-transform:uppercase;
    font-weight:400;
    -webkit-transition-delay:0.05s;
    transition-delay:0.05s;
    margin-bottom:5px;
}
 .btn-slot h5{
    font-weight:normal;
    padding:3px 10px;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition-delay:0s;
    transition-delay:0s;
}
 .btn-slot .btn-csin0{
    font-weight:normal;
    background-color:#ffffff00;
    padding:3px 10px;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition-delay:0s;
    transition-delay:0s;
    color:#fff;
    cursor:pointer;
    padding:10px 20px;
    line-height:50px;
    border:1px solid #bd1401;
}
 .btn-slot .btn-csin1{
    font-weight:normal;
    background-color:#ffca0000;
    padding:3px 10px;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition-delay:0s;
    transition-delay:0s;
    color:#fff;
    cursor:pointer;
    padding:10px 20px;
    line-height:46px;
    border:1px solid #ffca00;
}
 .btn-slot .btn-csin0:hover{
    background-color:#bd1401;
}
 .btn-slot .btn-csin1:hover{
    background-color:#ffca00;
    color:#000;
}
 .btn-slot a{
}
 .btn-slot:hover:before, .btn-slot.hover:before{
    top:0px;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}
 .btn-slot:hover h3, .btn-slot.hover h3, .btn-slot:hover h5, .btn-slot.hover h5, .btn-slot .btn-csin0:hover, .btn-slot .btn-csin0.hover{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}
 .btn-slot:hover h3, .btn-slot.hover h3{
    -webkit-transition-delay:0.3s;
    transition-delay:0.3s;
}
 .btn-slot:hover h5, .btn-slot.hover h5{
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}
 .image{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:#000;
    border:1px solid #ffd104;
}
 .image img{
    -webkit-transition:all 300ms linear;
    transition:all 300ms linear;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform:scale3d(0);
}
 .image img:hover{
    opacity:1;
    -webkit-transform:scale3d(1.1,1.1,1);
    transform:scale3d(1.1,1.1,1);
}
 .btn-ply1{
    width:120px;
    color:#fff;
    padding:10px 0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    justify-content:center;
    background: #ffb20b;
    box-shadow:inset 0px 0px 5px #fff;
    border:none;
    border-radius:20px;
}
 .btn-ply2{
    width:120px;
    color:#fff;
    padding:10px 0px;
    font-size:14px;
    font-weight:
    bold;
    text-transform:
    uppercase;
    display:
    flex;
    align-items:
    center;
    justify-content:
    center;
    box-shadow:
    inset 0px 0px 5px #fff;
    background: linear-gradient(to bottom, #013b7b 0%, #013b7b 100%);
    border-radius:20px;
    border: none;
}
 .btn-ply1:hover{
    opacity:0.8;
}
 .btn-ply2:hover{
    opacity:0.7;
}
 .inx-bnr-btn{
    position:absolute;
    bottom:30px;
    right:40px;
}
 .inx-bnr{
    position:relative;
    margin-bottom:40px;
    width:100%;
    height:100%;
}
 figure.btn-slot{
    margin:0px;
}
 .indx-5{
    margin-bottom:20px;
}
 .mobile-box{
    display:none;
}
/*****Footer******/
img.payment-method:hover{
    filter:none;
}
 img.payment-method{
    /* filter:grayscale(1);
     */
    cursor:pointer;
}
 img.social-media-image{
    /* filter:grayscale(1);
     */
}
 img.social-media-image:hover{
    filter:none;
}
 .carousel{
    background:#050720;
}
 .carousel-cell{
    width:18%;
    border-radius:5px;
    counter-increment:carousel-cell;
}
 .carousel-cell:before{
    display:block;
    text-align:center;
    line-height:200px;
    font-size:80px;
    color:white;
}
 .flickity-prev-next-button.previous{
    display:none;
}
 .flickity-prev-next-button.next{
    display:none;
}
 ol.flickity-page-dots{
    display:none;
}
 .menu-tab{
    background:#050720;
    display:none;
}
 .tab-box{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding-top: 0px;
}
 .tab-ttl{
    border-bottom:5px solid #fff0;
    /* line-height: 10px; */
    text-align: center;
    margin-top: 0px;
}
.tab-ttl .hot_icon{
 width: 19px;
 right: 10px;
}
.tab-ico img{
 width: 38px;
}
 .tab-box.active .tab-ttl{
    border-bottom:5px solid #ffc000;
    padding-bottom: 6px;
}
 .mobile-show{
    display:none;
}
 .desktop-show{
    display:block;
}

/*******joinnow*********/
.joinnow .modal-dialog{
    width:1000px;
    max-width:1000px;
}
 .joinnow .modal-dialog{
    max-width:510px;
    background:none;
}
 .joinnow .modal-content{
    background:none;
    border:none;
}
 .join-cnt{
    display:flex;
}
 .joinnow .close-x{
    position:absolute;
    right:-27px;
    top:20px;
    background:none;
    border:none;
    color:#fff;
    font-size:20px;
}
 .join-r-top{
    display:flex;
    justify-content:space-between;
}
 .join-r{
    /* margin-top:15px;
     */
}
 .join-ttl{
    padding:10px 20px;
    font-size:20px;
    font-weight:bold;
}
 .join-r-cnt{
    padding:0px 15px;
}
 .flag-ttl{
    display:flex;
    padding-right:15px;
}
 .flag-ttl img{
    max-width:20px;
}
 .flag-ttl i{
    font-size:13px;
    color:#fff;
}
 .reg-sec{
    padding:30px 0;
}
 .fg-wrapper{
    padding:30px;
    max-width:959px;
    margin:auto;
    display:grid;
    grid-template-columns:34% auto;
    grid-gap:30px;
    background:#222548;
    border:1px solid #21276d;
}
 .fg-form{
    max-width: 460px;
}
 .enter-remind{
    border:1px solid #DDDDDD;
    padding:20px;
    font-size:17px;
    height:120px;
    color:#ffffff;
    display:flex;
    align-items:center;
}
 .bk-title{
    color:#fff;
    padding:8px 15px;
    font-size:16px;
    margin-bottom:15px;
    background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    box-shadow:inset 0px 0px 5px #fff;
}
 .regfield{
    display:grid;
    grid-template-columns:145px auto;
    grid-gap:10px;
    margin-bottom:10px;
    font-size:13px;
}
 .rgfeild{
    position:relative;
}
 .regfield .label{
    align-self:center;
    color:#fff;
}
 span.manred{
    color:red;
    float:right;
}
 .regfield input{
    font-size:13px;
    padding:3px 10px;
    border:1px solid #d6d6d6;
    height:34px;
}
 .vericode{
    position:absolute;
    top:5px;
    right:7px;
}
 button.reg-btn{
    background:#c22323;
    color:#fff;
    font-weight:800;
    text-transform:uppercase;
    border:none;
    border-radius:20px;
    width:110px;
    height:30px;
    font-size:13px;
    box-shadow:inset 0px 0px 5px #fff;
}
 button.reg-btn:hover{
    filter:brightness(0.5);
}


/*******After login page**********/
.after-top{
    background:#00000096;
    padding:15px 0px 0px 0px;
}
 .af-top-tab ul{
    display:flex;
    justify-content:center;
}
 .af-top-tab ul li{
    width:200px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
 .af-top-tab ul li a{
    width:200px;
    text-align:center;
    border-bottom:3px solid #ffcd0000;
}
 .af-top-tab ul li a img{
    height:35px;
    filter:brightness(0) invert(1);
}
 .af-top-tab ul li a p{
    margin:0px;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:10px;
}
 .af-top-tab ul li a.active{
    border-bottom:3px solid #ffcd00;
}
 .wallet_bal{
    color:#cd9c41;
}
 .sidepanel{
    margin:0;
    padding:0;
    width:195px;
    float:left;
    border-bottom:none;
}
 .sidepanel ul{
    background:none;
    list-style-type:none;
    padding:0px;
    margin:0px;
}
 .sidepanel ul li{
    margin-bottom:1px;
}
 .sidepanel ul li a{
    display:flex;
    text-align:center;
    text-decoration:none;
    font-size:13px;
    margin:0px;
    border-radius:5px;
    line-height:initial;
    align-items:center;
    justify-content:left;
    padding-left:20px;
    word-break:break-all;
    padding:10px;
    background-image:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
    color:#858585;
    box-shadow:0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
}
 .sidepanel ul li.active a{
    background:linear-gradient(to bottom, rgba(198,168,70,1) 0%, rgba(111,80,13,1) 100%);
    color:#fff;
}
 .sidepanel_icon_white{
    display:none;
}
 .sidepanel ul li.active a .sidepanel_icon_white{
    display:block;
}
 .sidepanel ul li.active a .sidepanel_icon_color{
    display:none;
}
 .sidepanel ul li a img{
    margin-right:5px;
    width:24px;
}
 .sidepanel_content{
    display:block;
    margin-left:210px;
    min-height:600px;
    border-radius:10px;
    color:#ffffff;
}
 .sidepanel_header{
    padding:20px;
    color:#000000;
    border-bottom:1px solid #c4c4c4;
}
 [data-toggle="collapse"] .fa:before{
    content:"\f139";
}
 [data-toggle="collapse"].collapsed .fa:before{
    content:"\f13a";
}
 .af-wrap{
    display:
    block;
    margin:0px auto;
    width:880px;
}
 .transaction-status .card-header{
    background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
}
 .transaction-status .card{
    border:none;
    background:#00000080;
}
 .btn-link i{
    position:absolute;
    right:0px;
    display:flex;
    align-items:center;
    font-size:18px;
}
 .transaction-status .card-header h5{
    position:relative;
}
 .transaction-status .btn-link{
    color:#fff;
    border:none;
    background:none;
    padding:5px 0px;
    font-weight:bold;
}
 .transaction-status .btn-link:hover{
    color:#ffcd00;
    text-decoration:none;
}
 .tranc-table tr td{
    background:#d9d9d9;
    color:#000;
    padding:5px 10px;
    text-align:center;
}
 .tranc-table tr th{
    background:#0c103d;
    color:#fff;
    padding:5px 10px;
    text-align:center;
}
 .transaction-status{
    margin-bottom:20px;
}
 .btn-wallt{
    background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
}
 .wallt-ttl{
    padding:10px;
    font-size:16px;
    font-weight:bold;
}
 .btn-bln{
    color:#ffffff;
    padding:10px;
    font-size:16px;
    background:#00000080;
}
 .bln-ttl{
    font-weight:bold;
    font-size:18px;
}
 .card.bln-box{
    border:1px solid rgb(4 72 119);
    border-radius:0px;
    background:none;
}
 .login_bar span i{
    margin:0px 7px;
}
 .bln-box .card-header{
    background:#0c103d;
    border:1px solid #0c103d;
    border-radius:0px;
}
 .bln-box .btn-link{
    border:none;
    background:none;
    padding:10px 0px;
    color:#fff;
    font-weight:bold;
}
 #wbln-1 .card-body{
    padding:0px;
}
 .af-tab-dwn-mn ul{
    display:flex;
    justify-content:flex-start;
    padding:0px;
    margin:0px;
}
 .af-tab-dwn-mn ul li{
    list-style:none;
    display:flex;
    margin-right:5px;
    align-items:center;
}
 .af-tab-dwn-mn ul li a img{
    height:30px;
    margin-right:10px;
}
 .af-tab-dwn{
    padding:0px;
}
 .af-tab-dwn-mn ul li a{
    background:#fff;
    padding:10px 30px;
    color:#000;
    display:flex;
    align-items:center;
    font-weight:bold;
    border-bottom:3px solid #ffcd0000;
    text-transform:uppercase;
}
 .af-tab-dwn-mn ul li a.active{
    border-bottom:3px solid #ffcd00;
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    color:#fff;
}
 .bank_select{
    display:flex;
    justify-content:left;
    width:500px;
    font-size:12px;
}
 .bank_select_inner{
    display:flex;
    color:#858585;
    text-align:center;
    align-items:center;
    margin-right:10px;
}
 .bank_select_img{
    border:1px solid #858585;
    border-radius:5px;
    padding:0px;
    margin:8px;
    margin-left:0;
}
 .nav-pills.afterlogin_bank .nav-link.active,.nav-pills.afterlogin_bank .show > .nav-link{
    color:#fff;
    background-color:#ffffff00;
    background-position:1% 56%;
    background-repeat:no-repeat;
    padding:0;
}
 .nav-pills.afterlogin_bank .nav-link{
    padding:0;
}
 .nav-pills.afterlogin_bank .nav-link.active .bank_select_inner{
    color:#cd9c41;
}
 .nav-pills.afterlogin_bank .nav-link.active .bank_select_inner .bank_select_img{
    border:1px solid #ecc659;
}
 .ori_img{
    display:none;
}
 .nav-pills.afterlogin_bank .nav-link.active .ori_img{
    display:block;
}
 .nav-pills.afterlogin_bank .nav-link.active .grey_img{
    display:none;
}
 .af-in-content{
    color:#fff;
    display:
    flex;
    margin-top:8px;
    padding:20px;
    min-height: 532px;
    width:100%;
    background:#00000080;
}
 .form-in{
    display:flex;
    margin-bottom:20px;
    font-size:16px;
}
 .setting_text{
    font-size:16px;
    width:100%;
}
 .afterlogin{
    display:
    flex;
    justify-content: left;
}
 .afterlogin a{
    margin-bottom:16px;
    border:1px solid #000;
    background:#0c103d;
    width:31%;
    display:block;
    text-align:center;
}
 .afterlogin a.active{
    border:1px solid #ffcd00;
    background:#314060 !important;
}
 .inputDeposit{
    height:38px;
    padding:5px 10px;
}
 .depositBtn{
    border:none;
    background:#314060;
    color:#fff;
    padding:10px;
    border:1px solid #fff;
}
 .submit_btn{
    color:#fff;
    font-size:18px;
    padding:10px 20px;
    border:
    none;
    width:197px;
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    box-shadow:
    inset 0px 0px 5px #fff;
    border-radius:20px;
}
 .submit_btn:hover{
    background:#314060;
}
 .btn-all-af{
    padding-left:10px;
    margin-top: 20px;
}
 .af-content .row{
    margin-bottom:20px;
}
 .bank_details_copy i{
    color:#ec0000;
}
 .bank_details_copy{
    font-size:14px;
}
 .form-style-m{
    height:38px;
    padding:5px 10px;
    width:100%;
}
 .form-style-lb{
    font-size:16px;
}
 .form-item{
    display:
    flex;
    margin-bottom:20px;
    /* width:100%; */
    /* align-items:center; */
}
 .form-style-lb{
    width:30%;
}
 .af-in-content-all{
    width:100%;
}
 .btn-all-af-2{
    display:flex;
    justify-content:flex-end;
}
 .af-in-content-all h4{
    font-weight:bold;
    margin-bottom:30px;
}

 .owl-nav button{
    position:absolute;
    top:50%;
    background-color:#000;
    color:#fff;
    margin:0;
    transition:all 0.3s ease-in-out;
}
 .owl-nav button.owl-prev{
    left:0;
}
 .owl-nav button.owl-next{
    right:0;
}
 .owl-dots{
    text-align:center;
    padding-top:15px;
    display:none;
}
 .owl-dots button.owl-dot{
    width:15px;
    height:15px;
    border-radius:50%;
    display:inline-block;
    background:#ccc;
    margin:0 3px;
}
 .owl-dots button.owl-dot.active{
    background-color:#000;
}
 .owl-dots button.owl-dot:focus{
    outline:none;
}
 .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255, 255, 255, 0.38) !important;
    width:50px;
    height:50px;
    border-radius:25px;
}
 .owl-nav button:focus{
    outline:none;
}
 .owl-nav button span{
    font-size:50px;
    line-height:25px;
}
 .owl-nav button{
    background:none;
}
 .owl-slider{
    margin-top:20px;
    display:block;
}
/******Deposit******/
.payment-sel ul li{
    list-style:
    none;
    /* margin-right:10px; */
    /* margin-bottom: 10px; */
    display: flex;
    align-items: center;
}
 .payment-sel ul{
    display: grid;
    /* flex-wrap: wrap; */
    padding:0px;
    margin:0px;
    margin-bottom: 30px;
    /* align-items: center; */
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 5px;
}
 .payment-sel ul li a{
    background: #c5c5c5;
    /* padding: 5px 10px; */
    color:#fff;
    /* font-size:16px; */
    border-bottom:3px solid #ffcd00;
    width: 100%;
    display: flex;
    text-align: center;
    height: 45px;
}
.payment-sel ul li a img{
   width: 88px;
   margin: auto;
   text-align: center;
}
 .payment-sel ul li a.active, .payment-sel ul li a:hover{
    background: #ffcd00;
    border-bottom:3px solid #ffcd00;
}
 .step-bar{
    background:url("../images/common/step-bg.png") no-repeat center top;
    display: none;
}
 .step-in ul{
    display:flex;
    justify-content:space-between;
    margin:0px;
    padding:0px;
    padding-top:10px;
    align-items:center;
    margin:0px;
}
 .step-in ul li{
    display:flex;
    align-items:center;
}
 .step-text{
    padding-left:20px;
}
 .step-text h4{
    color:#fff;
    font-weight:bold;
    font-size:22px;
    background:-webkit-linear-gradient(#ffee00, #b78327);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(2px 2px #333);
}
 .lby-box ul{
    display: flex;
    flex-wrap:wrap;
    padding:0px;
    justify-content: center;
}
 .lby-box ul li{
    list-style:none;
    width: 25%;
    position: relative;
}
 .index-info{
    display:flex;
    justify-content:space-between;
    position:relative;
}
 .in-info ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    margin:0px;
    padding:0px;
    gap:35px;
}
 .in-info ul li{
    list-style:none;
}
 .embed-container{
    position:relative;
    width:100%;
    overflow:hidden;
    padding-top:56.25%;
    height:100%;
}
 .embed-container iframe{
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    border:none;
    position:absolute;
    padding:8px;
}
 .rebate-in{
}
 .referral_qr img{
    display:block;
    margin:0px auto;
    height:115px;
}
 .rabate-date{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-top:30px;
}
 .referral_qr{
    margin-top:26px;
}
 .rabate-date .form-group{
    margin:0px 4px;
}
 .btn-check{
    background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    color:#fff;
    border-radius:50px;
    padding:4px 20px;
    border:none;
}
 .af-table tr th{
    background:#0c103d;
    color:#fff;
    padding:5px 10px;
    text-align:center;
    border:1px solid #668da7;
}
 .af-table tr td{
    padding:5px 10px;
    border:1px solid #668da7;
    text-align:center;
    color:#fff;
}
 .privatemsgTable{
    margin-top:30px;
}
 .table-detail tr th{
    background:linear-gradient(to bottom, rgba(197,156,84,1) 0%, rgba(105,72,14,1) 100%);
    padding:7px;
    text-align:center;
    border:1px solid #856123;
}
 .table-detail tr td{
    text-align:center;
    border:1px solid #856123;
    padding:5px;
}
 table.table-detail{
    width:500px;
    margin:0px auto;
}
 .inx-prod{
    display:flex;
    justify-content:space-between;
}
 .inx-prod ul li img{
    height:210px;
}
 .depositTitle{
    color:#fff;
}
 .rabate-date input.form-control{
    margin:0px;
}
 .rabate-date .form-control{
    border-radius:5px;
}
 .rabate-date.input-group-append button{
    border:none;
}
 button.btn-dt{
    border:none;
}
 .main-wallet{
    padding:0px;
}
 .main-wallet{
    text-align:center;
    color:#000;
    background:#000;
}
 .main-wallet:hover{
    background:#000;
    color:#ffe895;
}
 .prov-name{
    margin-left:0px;
    font-size:13px;
    float:left;
    padding-top:3px;
    font-weight:bold;
    width:50%;
    text-align:left;
    background:#232323;
    padding:5px;
    border-right:1px solid #abe5ff;
}
 .am-prov{
    float:right;
    display:flex;
    position:relative;
    width:50%;
    text-align:center;
    justify-content:center;
}
 .btn-in{
    padding:5px 0px;
    font-size:12px;
    color:#5ed087;
    margin-left:8px;
    border:none;
    background:none;
}
 .prov-out{
    margin-left:8px;
}
 .btn-out{
    padding:5px 0px;
    font-size:12px;
    color:#ec4e4e;
    border:none;
    background:none;
}
 .am-prov .prov-in{
    width:auto;
    color:#fff;
}
 .prov-am{
    font-size:13px;
    line-height:0px;
    width:50%;
}
 .main-wallet ul li:hover{
    background:#ffffff29;
}
 .main-wallet ul li:first-child{
    border-bottom:1px solid #0ea678;
    background:linear-gradient(to bottom, rgba(16,183,243,1) 0%, rgba(12,112,170,1) 33%, rgba(8,93,143,1) 100%);
    color:#fff;
    padding:5px;
    border:none;
}
 .main-wallet ul li{
    display:flex;
    list-style:none;
    width:100%;
    cursor:pointer;
    border-top:1px solid #abe5ff;
    border-bottom:none;
}
 .main-wallet ul{
    margin:0px;
    padding:0px;
    color:#fff;
    border:1px solid #abe5ff;
}
 .modal-bln .modal-body{
    padding:0px;
}
 .close-X{
    text-align:
    center;
    display:
    block;
    /* width:100%; */
    color:#ffffff;
    opacity:1;
    text-shadow:
    none;
}
 .btn-vefy{
    background:#3f4579;
    padding:14px;
    color:#fff;
    font-size:10px;
}
 .modal-bln{
    margin:0px;
}
 #balance-modal .close-x{
    position:absolute;
    right:-13px;
    top:-15px;
    z-index:10;
    border:1px solid #0c6da5;
    background:#000;
    border-radius:50%;
    color:#fff;
    font-size:16px;
    width:30px;
    height:30px;
}
 .main-wallet ul li:first-child .prov-name{
    background:none;
    border:none;
}
 .main-wallet ul li:first-child .am-prov{
    align-items:center;
    display:flex;
    align-items:center;
}
 .blog-wrapper{
    max-width:1000px;
    margin:0 auto;
    background:#0000009c;
    padding:30px;
    margin-bottom:20px;
    color:#fff;
    margin-top:20px;
}
 .blog-title-box{
    background:linear-gradient(to right, rgba(255,252,150,1) 0%, rgba(233,191,55,1) 100%);
    padding:5px;
}
 .blog-title-box i{
    font-size:28px;
    color:#000000;
    margin-left:10px;
    margin-right:10px;
}
 .blog-boxer{
    display:grid;
    grid-template-columns:40% 60%;
    cursor:pointer;
    transition:all 0.5s;
    position:relative;
    max-width:100%;
    height:auto;
    align-content:center;
    margin:25px 0;
    grid-gap:10px;
}
 .blog-boxer h4{
    color:#ffffff;
    font-weight:600;
    font-size:26px;
}
 .blog-time-title{
    color:#f7ffc3;
}
 .blog-time-title p i{
    margin-right:10px;
}
 .blog-content{
    color:#cacaca;
    margin-bottom:15px;
    padding-left:30px;
    padding-right:30px;
}
 .blog-boxer .moreinfo_btn{
    display:flex;
    align-items:center;
    width:37%;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    border-radius:15px;
    color:#fff;
    background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    box-shadow:inset 0px 0px 5px #fff;
    justify-content:center;
}
 .blog-boxer .moreinfo_btn:hover{
    color:#fff;
    background:#c22323;
}
 .blog-boxer_inner{
    display:grid;
    padding-bottom:10px;
}
 .blog-boxer .moreinfo_btn i{
    background:#000;
    color:#efce4d;
    border-radius:50%;
    margin-left:10px;
    width:15px;
    height:15px;
    padding:2px;
    padding-left:5px;
}
 .seperate-line{
    height:5px;
    width:100%;
    margin:0 auto;
    background:#edca48;
    border-radius:10px;
}
 .blog-content p{
    font-weight:700;
}
 .blg-content{
    padding:10px;
}
 .btn-logo img:hover{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
 .btn-logo img{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
}
 .lby-box ul li img:hover{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
 .lby-box ul li img{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
}
 .in-info ul li img{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
}
 .in-info ul li img:hover{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
 .bnr-indx img{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
}
 .bnr-indx img:hover{
    transition:all .6s ease-in-out;
    -webkit-transition:all .6s ease-in-out;
    -moz-transition:all .6s ease-in-out;
    -ms-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
 .pm-boxer img:hover{
    filter:drop-shadow(2px 4px 6px #8ec01d);
}
 .m-desktop-show{
    display:block;
}
 .m-mobile-show{
    display:none;
}
 .btn-plynow{
    color: #fff;
    position:absolute;
    bottom:13%;
    left:10%;
    padding:5px 20px;
    border-radius:15px;
    font-weight:bold;
    text-transform:uppercase;
    -webkit-transition:all .6s ease-in-out;
    background: linear-gradient(to bottom, rgba(149,197,65,1) 0%, rgba(103,163,60,1) 100%);
    text-shadow: 1px 1px 2px #00000082;
    box-shadow: inset 0px 0px 5px 1px #fff;
}
 .btn-plynow:hover {
     color: #fff;
}
 .hot_icon{
     top: 5%;
     position: absolute;
     right: 5%;
}
 .btn-logo .btn-plynow{
    left:6%;
    font-size:20px;
}
 .lby-box ul li:hover .btn-plynow,.lby-box ul li:hover .hot_icon {
     -webkit-transition: all .6s ease-in-out;
     transform: scale(1.1);
}
 .bg-event {
     background: #0000003d;
     margin-bottom: 30px;
     padding: 30px;
     margin-top: 30px;
}
 .indx-6 ul {
     list-style: none;
     padding: 0px;
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .indx-6 ul li {
     margin-bottom: 15px;
     position: relative;
}
 .bnr-indx2 {
     position: relative;
}
 .btn-plynow2 {
     background: linear-gradient(to bottom, rgba(99,0,0,1) 0%, rgba(198,0,0,1) 51%, rgba(123,0,0,1) 100%);
     padding: 5px 10px;
     border-radius: 30px;
     box-shadow: 1px 1px 1px #000;
     position: absolute;
     width: 110px;
     font-weight: bold;
     text-shadow: 1px 1px 1px #000;
     text-align: center;
     right: 30px;
     bottom: 25px;
     -webkit-transition: all .6s ease-in-out;
}
 .btn-plynow2:hover {
     background: linear-gradient(to bottom, rgba(123,0,0,1) 0%, rgba(198,0,0,1) 49%, rgba(99,0,0,1) 100%);
     color: #fff;
     transform: scale(1.1);
}
 .bnr-indx:hover .btn-plynow {
     transform: scale(1.1);
}
 .tour-bg{
     background: url("../images/common/tournament/bg.jpg") no-repeat center top;
}
 .top-tour {
    display: flex;
    margin: 0px auto;
    justify-content: center;
}
 .tour-ttl {
    font-size: 100px;
    font-weight: bold;
    text-align: center;
    text-shadow: -3px 4px 20px #124895, -3px 4px 20px #124895, -3px 4px 20px #124895;
    margin: 20px 0px;
}
 .tour-all {
    display: flex;
    justify-content: space-between;
}
 .tnr-1 {
    position: relative;
    width: 500px;
    height: 515px;
}
 .tour-1{
    background: url("../images/common/tournament/base-min.png") no-repeat center top;
    width: 358px;
    height: 479px;
    margin-top: 100px;
    background-size: contain;
    order: 1;
}
 .tour-3 {
    background: url(../images/common/tournament/base-min.png) no-repeat center top;
     width: 358px;
     height: 469px;
    margin-top: 100px;
    padding: 20px;
    order: 3;
}
 img.trn-1 {
    position: absolute;
    width: 529px;
}
 img.trn-2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: 37%;
    width: 20%;
}
 .tour-2 {
    width: 500px;
    position: relative;
}
 img.trn-1 {
    position: absolute;
    width: 529px;
    z-index: 1;
}
 img.trn-2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: 37%;
    width: 20%;
}
 .tour-2 {
    width: 500px;
    position: relative;
    order: 2;
}
 .ttl-spin {
    background: -webkit-linear-gradient(#ffee00, #b78327);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     filter: drop-shadow(2px 2px #333);
    font-size: 29px;
    text-align: center;
    font-weight: bold;
}
 .tourin-1 {
    padding: 20px;
}
 .box-spin {
    background: #252525;
    box-shadow: inset 0px 0px 8px 0px #000;
    font-size: 20px;
    font-weight: bold;
    border-radius: 30px;
    text-align: center;
    margin-bottom: 20px;
    padding: 5px;
}
 .ttl-spin2 {
    background: -webkit-linear-gradient(#ffee00, #b78327);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     filter: drop-shadow(2px 2px #333);
     font-size: 20px;
     text-align: center;
     font-weight: bold;
}
 .ttl-spin-bg {
    background: -webkit-linear-gradient(#ffee00, #b78327);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     filter: drop-shadow(2px 2px #333);
     font-size: 34px;
     text-align: center;
     font-weight: bold;
}
 select.btn-tour {
    background: none;
    border: none;
    color: #fff;
    text-align: center;
}
 .btn-trn {
    background: linear-gradient(to bottom, rgba(26,76,176,1) 0%, rgba(18,47,94,1) 100%);
    border: 1px solid #2d71f2;
    color: #fff;
    text-shadow: 1px 1px 5px #abcae8;
    padding: 14px 30px;
    border-radius: 30px;
    margin: 0px auto;
    display: block;
    font-size: 20px;
}
 .btn-trn:hover {
    background: linear-gradient(to bottom, rgba(18,47,94,1) 0%, rgba(26,76,176,1) 100%);
}
 select.btn-tour option {
    background: #252525;
}
 .table-winn tr th {
    background: -webkit-linear-gradient(#ffee00, #b78327);
    padding: 8px;
    text-align: center;
    color: #000;
}
 .table-winn table {
    width: 100%;
    border-collapse: collapse;
     border-radius: 1em;
     overflow: hidden;
    background: #252525;
    margin-top: 10px;
}
 img.img-girl {
    position: absolute;
    bottom: -65px;
    height: 343px;
    right: -115px;
    z-index: 2;
}
 .tour-wrap {
    margin-bottom: 4.9%;
}
 .table-winn tr td {
    padding: 8px;
    text-align: center;
}
 img.trn-3 {
    position: absolute;
     left: 0;
     right: 0;
     margin: 0px auto;
     bottom: 10%;
     width: 79%;
}
 .slots-sec{
    padding:30px 0 45px;
}
 ul.nav.provider-menu{
    display:flex;
    align-items:flex-end;
    text-align:center;
    background:#353638;
}
 ul.nav.provider-menu li{
    width:120px;
    font-size:11px;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:flex-end;
}
 ul.nav.provider-menu li a{
    padding:15px 10px;
    display:block;
    color:#ffffff;
}
 ul.nav.provider-menu li a img{
    margin-bottom:5px
}
 ul.nav.provider-menu li.active, ul.nav.provider-menu li:hover{
    background:#8925f4;
}
 ul.nav.provider-menu li.active a, ul.nav.provider-menu li:hover a{
    color:#ffffff;
}
 ul.nav.provider-menu li.active img, ul.nav.provider-menu li:hover img{
}
 ul.nav.filter-list{
    background:#0f0f0f;
    margin-top:8px;
}
 ul.nav.filter-list li{
    min-width:120px;
    text-align:center;
}
 ul.nav.filter-list li a{
    color:#ffffff;
    display:block;
    padding:8px 2px;
    text-transform:uppercase;
    font-size:13px;
}
 ul.nav.filter-list li.active a, ul.nav.filter-list li:hover a{
    color:#fff;
    background:#8925f4;
}
 .thumbnail-slots{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    grid-gap:10px;
    padding:15px 0;
}
 .flex-column{
    flex-direction:inherit !important;
}
 .swiper-wrapper .nav{
    display:initial;
}
 .swiper-wrapper.nav{
    display:flex;
    flex-wrap:inherit !important;
}
 .swiper-slide.active img{
     filter: brightness(0) invert(1);
    /* box-shadow: 0px 0px 4px 2px #96c621;
     */
}
 .thumbnail-slots p {
     text-align: center;
     padding: 10px 0px;
}
 .swiper-slide img{
    display:block;
    margin:0px auto;
    max-width:100%;
    padding:10px 0px;
    padding-bottom:30px;
}
 .swiper-slide{
    text-align:center;
    cursor:pointer;
}
 .swiper{
    width:100%;
    padding: 0px;
    /* background: #012136;
     */
    border: 1px solid #0f9fdc;
}
 .swiper-button-prev{
    left:0px;
    background: #012f4d;
    position:absolute;
    top: 22%;
    width:35px;
    height: 100px;
    color:#ffffff;
    padding:10px;
}
 .swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    box-sizing:content-box;
}
 .swiper-button-next:after, .swiper-button-prev:after{
    font-size:25px;
    font-weight:bold;
}
 .swiper-button-next{
    right:0px;
    background: #012f4d;
    position:absolute;
    top: 22%;
    width:35px;
    height: 100px;
    color:#ffffff;
    padding:10px;
}
 .swiper-slide p{
    font-weight:bold;
    position:absolute;
    color:#fff;
    bottom:5px;
    width:100%;
    text-align:center;
    margin:0px;
    text-transform:uppercase;
    font-size: 12px;
}
 .slot-lb .swiper-slide{
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    /* border-top: 1px solid #0f9fdc;
     */
    border-bottom: 1px solid #0f9fdc;
}
 .swiper-slide.active{
     background: #0f9fdc;
}
 .provider-menu-wrap{
    max-width: 1140px;
    margin: 0px auto;
}
 .swiper-slide:hover img, .swiper-slide.active img{
}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity:0.5;
}
 .search-bar {
     background: #012136;
     margin: 0px 0px 0px 0px;
     padding: 10px;
}
 .search-in {
     display: flex;
     position: relative;
}
 input.input-search {
     width: 100%;
     padding: 10px;
     border-radius: 10px;
     background: #012f4d;
     border: none;
     color: #0f9fdc;
}
 .ico-search {
     position: absolute;
     right: 15px;
     top: 10px;
}
 .swiper-slide:nth-child(n+13) {
     border-bottom: none;
}
 .bln-ico {
     color: #f0ce62;
}
 .form-wrap{
    display:flex;
    align-items:center;
    border:1px solid #a60417;
    border-radius:5px;
    margin-bottom:10px;
    padding:5px;
    background:#210609;
}
 .inp-txt{
    width:210px;
    padding-left:15px;
}
 .inp-box input{
    margin:0px;
    width:100%;
    height:40px;
    background:none;
    border:none;
    color:#fff;
}
 .inp-box{
    width:100%;
    display:flex;
}
 .reg-box img{
    margin-bottom:10px;
}
 .reg-box2{
    margin:20px 0px;
    position:relative;
}
 .btn-sub{
    display:flex;
    justify-content:center;
    margin-top:25px;
}
 .btn-sub .jms-link{
    height:38px;
    font-size:16px;
}
 .wrap-reg{
    margin-top:25px;
    position:relative;
    min-height: 420px;
}
 select.form-nm{
    background:#210609;
    color:#fff;
    border:none;
    padding:0px 0px;
    margin-right:10px;
    width: 30%;
}
 select.form-nm:focus{
    border:none;
    outline:none;
}
 .reg-step ul li:hover .ttl-reg, .reg-step ul li.active .ttl-reg{
    color:#000;
}
 .reg-step ul li:hover .ttl-nm, .reg-step ul li.active .ttl-nm{
    color:#000 !important;
}
 .jms-link{
    border:
    none;
    font-size:14px;
    padding:10px 35px;
    border-radius: 50px;
    color: #fff !important;
    transition:400ms;
    font-weight:
    bold;
    background: linear-gradient(to bottom, #013b7b 0%, #013b7b 100%);
    box-shadow: inset 0px 0px 5px #fff;
}
 .jms-link:hover{
    color:#000000;
    outline:none;
    transform:scale(0.97);
}
 .value.tel-num{
    display:flex;
    gap: 10px;
}
 input.tel-input{
    margin-left:15px;
}
 .phone-verify{
    max-width:300px;
    margin:auto;
    /* background:#464646;
     */
    padding-top: 50px;
}
 input.num-verify{
    height:45px;
    width:45px;
    margin:0 5px;
    font-size:24px;
    text-align:center;
    padding:5px;
    border:1px solid #cacaca;
    border-radius:5px;
}
 .code-field{
    text-align:center;
}
 .field-label{
    font-size:17px;
    font-weight:800;
    margin-bottom:10px;
}
 .code-issue{
    padding:10px 0;
    text-align:center;
    font-size:14px;
}
 .congrazt-title{
    font-size:24px;
    font-weight:800;
}
 .congrazt-title-2{
    font-size:18px;
    font-weight:700;
}
 .tick-success{
    font-size:130px;
    line-height:1;
    color:#a6041e;
    padding:10px 0;
}
 .reg-contact{
    position:absolute;
    margin:0px auto;
    left:0;
    right:0;
    display:flex;
    bottom:0px;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}
 button.btn-wha{
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    box-shadow: inset 0px 0px 5px #fff;
}
 button.btn-tel{
    background: #c22323;
    box-shadow: inset 0px 0px 5px #fff;
}
 .in-contact button {
     width: 150px;
     color: #fff;
     border: none;
     padding: 10px;
     border-radius: 19px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .in-contact {
     display: flex;
     gap: 20px;
     margin-bottom: 20px;
}
 .in-contact button i {
     margin-right: 12px;
}
 button.jms-link2 {
     background: #c22323;
     box-shadow: inset 0px 0px 5px #fff;
     border: none;
     font-size: 14px;
     padding: 10px 35px;
     border-radius: 50px;
     color: #fff !important;
     transition: 400ms;
     font-weight: bold;
}
 .jms-link2:hover {
     color: #000000;
     outline: none;
     transform: scale(0.97);
}
.reg-contact{
    position:absolute;
    margin:0px auto;
    left:0;
    right:0;
    display:flex;
    bottom:0px;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}
 button.btn-wha{
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    box-shadow: inset 0px 0px 5px #fff;
}
 button.btn-tel{
    background: #c22323;
    box-shadow: inset 0px 0px 5px #fff;
}
 .in-contact button {
     width: 150px;
     color: #fff;
     border: none;
     padding: 10px;
     border-radius: 19px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .in-contact {
     display: flex;
     gap: 20px;
     margin-bottom: 20px;
}
 .in-contact button i {
     margin-right: 12px;
}
 button.jms-link2 {
     background: #ffb20b;
     box-shadow: inset 0px 0px 5px #fff;
     border: none;
     font-size: 14px;
     padding: 10px 35px;
     border-radius: 50px;
     color: #fff !important;
     transition: 400ms;
     font-weight: bold;
}
 .jms-link2:hover {
     color: #000000;
     outline: none;
     transform: scale(0.97);
}
 .reg-f-wrap h5{
    color: #ffcd00;
    font-weight:bold;
    font-size:35px;
    text-align:center;
    margin-bottom:30px;
    padding-top: 50px;
}
 .reg-f-wrap p{
    text-align:center;
    font-size:22px;
    margin:0px;
}
 .btn-reg-wrap{
    display:flex;
    justify-content:center;
    margin-top:20px;
    gap:10px;
}
 .btn-claim{
    border:
    none;
    background: #ffb20b;
    padding:10px 20px;
    font-size:18px;
    color:#fff;
    border-radius:30px;
    box-shadow: inset 0px 0px 5px #fff;
}
 .reg-contact{
    position:absolute;
    margin:0px auto;
    left:0;
    right:0;
    display:flex;
    bottom:0px;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}
 button.btn-wha{
    background:#6bc069;
}
 @media (max-width:991px){
    .container{
        width:100%;
    }
     .provider-menu-wrap{
        width:100%;
        position: relative;
        /* margin-top: 10px;
         */
    }
     .thumbnail-slots{
        grid-template-columns:repeat(3,1fr);
        padding: 0px;
    }
     .swiper-slide{
    }
     .swiper-slide p{
        font-size:8px;
        position:absolute;
        bottom: 5px;
    }
}
 .download_inn{
    display:flex;
    justify-content:space-between;
    background:#fcb811e6;
    border-radius:3px;
    margin:10px 0px;
    align-items:center;
}
 .refer-in{
    display:flex;
    align-items:center;
    width:100%;
    padding:10px;
    gap:20px;
}
 .close_banner{
    font-size:32px;
    line-height:1;
    border:none;
    background-color:unset !important;
    color:#0000005c;
    margin-right:15px;
    cursor:pointer;
}
 .refer-in .dropdown{
    display:flex;
    background-color:#fff;
    height:100%;
    width:18%;
    border-radius:4px;
    border:dashed 2px #aaaead;
    padding:5px 12px;
    min-width: 280px;
    margin-left:1%;
    align-items:center;
}
 .btn-afbtni{
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items:center;
    border:none;
    text-align:center;
    background: none !important;
}
 .refer-txt p{
    margin:0px;
    width:100%;
    font-weight:bold;
}
 .share-ico{
    border:2px solid #0166d2;
    padding:5px 15px;
    border-radius:5px;
    font-weight:bold;
    color:#0166d2;
}
 .use-name{
    color:#aaaead;
    font-weight:bold;
}
 .drop-menu ul{
    padding:0px;
    margin:0px;
    list-style:none;
}
 p.txt-g{
    color:#0066d1;
}
 .ico-share img{
    height:35px;
    margin-right:10px;
}
 .drop-menu ul li{
    /* padding:5px 20px;
     */
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
}
 .drop-menu ul li:hover{
    background:#efefef;
}
 .drop-menu ul li a{
    display:flex;
    align-items:center;
    width: 100%;
    padding: 5px 10px;
    color: #0e9ed9;
}
 button.refer-btn{
    background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    color:#fff;
    border:none;
    padding:10px 20px;
    display:flex;
    margin:10px auto;
    text-transform:uppercase;
    margin-top:25px;
    border-radius:10px;
    font-weight:bold;
}
 .rfbox{
    padding-top:50px;
}
 .refer-md h5{
    text-align:center;
    font-size:28px;
}
 .btn-fr{
    text-align:center;
    display:flex;
    margin:auto;
    justify-content:center;
    margin-top:10%;
    background:#ddd !important;
    opacity:1;
    padding:10px 20px !important;
    border-radius:10px;
}
 .refer-md{
    display:flex;
    flex-direction:column;
    color: #000;
}
 .dropdown.refer-btn{
    background: beige;
    border:none;
    text-align:center;
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    color:#fff;
    border:none;
    padding:10px 20px;
    display:flex;
    margin:10px auto;
    text-transform:uppercase;
    margin-top:25px;
    border-radius:10px;
    font-weight:bold;
    justify-content:center;
    position:relative;
    max-width: 200px;
    box-shadow: inset 0px 0px 5px #fff;
}
 .refer-btn .ico-share img{
    height:19px;
}
 .refer-btn .dropdown-menu2{
    transform:translate3d(0px, 38px, 0px) !important;
    position:absolute !important;
    top:0px !important;
}
 .dropdown.refer-btn a:hover {
     color: #fff;
}
 .slot-lb .swiper-wrapper.nav {
     flex-wrap: wrap !important;
}
 .slot-lb .swiper-button-next, .slot-lb .swiper-button-prev {
    display: none !important;
}
 .main-nav li.nav-item a:hover img {
    filter: brightness(0) saturate(100%) invert(83%) sepia(51%) saturate(2737%) hue-rotate(360deg) brightness(103%) contrast(103%);
}
 .downloadTab .flex-column {
     flex-direction: column !important;
}
 .reg-bg{
    background: #030f1f url("../images/common/login page.jpg") top center no-repeat;
}
 .reg-af {
     overflow: hidden;
     height: 100%;
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 html {
     height: 100%;
}

 .t-footer {
     position: fixed;
     width: 100%;
     bottom: 0;
     z-index: 99;
     display: none;
}
 .latest-wrapper {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: 35px;
     padding-top: 10px;
     margin-bottom: 0px;
     padding: 20px;
    /* background-color: #f2f2f2;
     */
     margin-top: 20px;
}
 .video-box {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     grid-gap: 20px;
}
 .match-box {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     grid-gap: 20px;
}
 .hot-title {
     display: flex;
     align-items: center;
     font-size: 16px;
     margin: 7px 0;
     font-weight: 700;
}
 ul.carousel-indicators.vdemo {
     position: absolute;
     top: -25px;
     right: 0;
     left: auto;
     margin: 0;
}
 ul.carousel-indicators.vdemo li {
     border-radius: 50%;
     height: 9px;
     width: 9px;
     background-color: transparent;
     border: 1px solid #949494;
     opacity: 1;
     background-clip: unset;
}
 ul.carousel-indicators.vdemo li.active {
     background-color: #0069d7;
     border: 1px solid #0069d7;
}
 .small-banner_wrap {
     position: relative;
}
 .play_btn {
     background: #fdb813;
     color: #000;
     font-weight: 800;
     text-transform: uppercase;
     border: none;
     border-radius: 6px;
     width: auto;
     height: 26px;
     font-size: 10px;
     margin-right: 5px;
     border: 1px solid #ffca2e;
     min-width: 100px;
     position: absolute;
     right: 16px;
     bottom: 50px;
}
 .bottom-element{
     display: flex;
     align-items: center;
     justify-content: center;
}
.license-wrap {
    display: grid;
    grid-template-columns: auto auto auto 25% auto;
    padding: 15px 5px 20px;
    width: 100%;
}
.gtitle {
    margin-bottom: 15px;
    font-size: 13px;
}
.social-logo img {
    height: 35px;
    margin-right: 15px;
}
 .footer_intro,.footer_intro_02{
     max-width: 100%;
     margin: auto;
     text-align: left;
     font-size: 13px;
     padding: 0px 0 0 0;
}
 .footer_intro h2,.footer_intro_02 h2,.footer_intro_02 h4,.footer_intro_02 h5{
     font-size: 19px;
     margin: 20px 0 0px 0;
     font-weight: 700;
     color: #fff;
}
 .footer_intro_02{
     max-width: 100%;
     margin: auto;
     text-align: left;
     font-size: 13px;
     padding: 0px 0 10px 0;
     color: #84cfff;
}
 .footer_content_more_trigger{
     max-width: 600px;
     margin: auto;
     text-align: center;
     padding-bottom: 20px;
     padding-top: 20px;
}
 .footer_content_more_trigger span {
     cursor: pointer;
     border-bottom: 1px solid #ffb20b;
     font-size: 13px;
     color: #ffb20b;
}
 .footer_seo_wrap{
     border-top: dashed;
     border-width: 1px;
     border-color: var(--neutral-3);
}
 .footer_intro span, .footer_intro p, .footer_intro_02 span, .footer_intro_02 p, .footer_intro ol li, .footer_intro_02 ol li{
     color: #84cfff;
}
.methods{
    display: flex;
}

.pm-boxer {
    display: grid;
    grid-template-columns: 45% 55%;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    align-content: center;
    margin: 10px 0;
    grid-gap: 10px;
}
.pm-boxer_inner{
    display: grid;
    border-bottom: 1px dotted;
    padding-bottom: 10px;
}
.pm-boxer_inner_sec{
    display: flex;
    align-items: flex-end;
}

/*4d*/
.lottery-sec {
    background: url("../images/common/4d/others.png")no-repeat top center;
    background-size: cover;
    padding: 0px 0 40px;
}
.lottery-sec .slots_banner_wrap img {
     width: 1000px; 
    margin: auto;
}
.lottery-sec .slots_btn {
    background: #fdb813;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    width: auto;
    height: 32px;
    font-size: 12px;
    margin-right: 5px;
    border: 1px solid #ffca2e;
    min-width: 130px;
    position: unset;
    right: 22px;
    bottom: 22px;
}
/*4d*/
.fourDBg{
    background: url(../images/common/4d/fourdbg.jpg) no-repeat;
    background-size: auto, 100%;
    background-position: top;
}
.dBannerMain{
    position: relative;
}
.dBtn{
    position: absolute;
    right: -3px;
    bottom: 14px;
}
.bannerBtnBlue{
    background: url(../images/common/4d/bannerBlue.png) no-repeat;
    height: 40px;
    width: 152px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    background-size: 100% 100%;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
.bannerBtnYellow{
    background: url(../images/common/4d/bannerYellow.png) no-repeat;
    height: 40px;
    width: 152px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    background-size: 100% 100%;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.grid-fourD {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;margin-top: 10px;color: #fff;max-width: 1280px;margin: 20px auto;}

.grid-fourD-div1 {grid-area: 1 / 1 / 2 / 2;}
.grid-fourD-div2 { grid-area: 1 / 2 / 2 / 5; }
.grid-fourD-div3 { grid-area: 1 / 5 / 2 / 6; }
.grid-fourD-div4 { grid-area: 2 / 1 / 3 / 2; }
.grid-fourD-div5 { grid-area: 2 / 2 / 3 / 3; }
.grid-fourD-div6 { grid-area: 2 / 3 / 3 / 4; }
.grid-fourD-div7 { grid-area: 2 / 4 / 3 / 5; }
.grid-fourD-div8 { grid-area: 2 / 5 / 3 / 6; }

.fourD-item {
    float: left;
    width: 100%;
    background-color: #2f2f2f;
    padding: 8px;
    margin-bottom: 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .fourD-item02 .fd-top {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .fourD-item02 .fd-top-left {
        float: left;
        width: 70px;
        padding-left:10px;
        padding-top:5px;
    }
    .fourD-titleBG{
        background-color: #1c1c1c;
    }

        .fourD-item .fd-title-01 {
            padding-top: 2px;
            padding-left: 3px;
            font-size: 13px;
            font-weight: bold;
            color: #000;
        }

        .fourD-item .fd-title-02 {
            float: left;
            padding-left: 3px;
            width: 95px;
            font-size: 11px;
            font-weight: bold;
            color: #000;
        }

        .fourD-item .fd-title-03 {
            float: left;
            font-size: 11px;
            color: #000;
        }

        .fd-title-01w {
            font-size: 13px;
            color: #fff;
            text-transform: uppercase;
        }

        .fourD-item .fd-title-02w {
            float: left;
            padding-left: 3px;
            width: 120px;
            font-size: 13px;
            color: #fff;
        }

        .fourD-item .fd-title-03w {
            float: right;
            font-size: 13px;
            color: #fff;
            text-align: right;
        }

    .fourD-item02 .fd-top-right {
        float: right;
        display: inline-block;
        padding-top: 10px;
        padding-right: 10px;
    }

    .fourD-item .fd-row-01, .fourD-item .fd-row-02 {
        margin-top: 7px;
    }

    .fourD-item .fd-row-bg {
        /*background: #7c7b7b;*/
    }
    .fd-bg {
    background: url(../images/common/4d/4d-img.png)center no-repeat;
    border-radius: 12px;
    position: relative;
    height: 299px;
    display: flex;
    }

    .fd-co {
        width: 511px;
        position: relative;
    }

    .fd-date {
        padding: 42px 11px 11px 11px;
    }

    .fd-btn {
        bottom: 11px;
        left: 53px;
        position: absolute;
        display: flex;
    }
.date-time{
    background-color: #3b3941;
    border-radius: 20px;
    padding: 7px;
    text-align: center;
}
.btn-draw{
    width: 140px;
    color: #645104;
    background-image: linear-gradient(to right, #fff799 , #ffcb2e);
    border-radius: 34px;
    text-transform: uppercase;
    font-size: 13px;
    height: 38px;
    font-weight: 700;
}
.btn-clr{
    background: url(../images/common/4d/drawNumBg.png)center no-repeat;
    background-size: 100%;
    width: 58px;
    text-align: center;
    font-size: 39px;
    color: #000;
}
.drwn-nm{
    display: inline-flex;
    height: 70px;
}
.firstRow{
    border-right: 2px solid #2f2f2f;
}
.lotto-guide strong {
    font-size: 18px;
}

.lotto-guide {
    font-size: 16px;
    color: #000;
}

.lotto-guide img {
    margin-top: 15px;
}
.lotto_input{
background-color: #3b3941;
    color: #ddd;
    border: none;
    border-radius: 100px;
}
.lotto_input::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.form-control:focus.lotto_input {
    color: #fff;
    background-color: #3b3941;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.slots_banner_wrap{
    position: relative;
    text-align: center;
}
.slots_banner_wrap img{
    /* width: 1000px; */
    margin: auto;
}
.lotto_btn_wrap{
    
position: absolute;
    
margin: 0 auto;
    
left: 0;
    
right: 0;
    
display: flex;
    
justify-content: center;
    
bottom: 118px;
}
.slots_btn {
    background: #fdb813;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    width: auto;
    height: 32px;
    font-size: 12px;
    margin-right: 5px;
    border: 1px solid #ffca2e;
    min-width: 130px;
    position: absolute;
    right: 22px;
    bottom: 22px;
}
.payout_btn {
    background: #013b7b;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    width: auto;
    height: 32px;
    font-size: 12px;
    margin-right: 5px;
    border: 1px solid #013b7b;
    min-width: 130px;
    /* position: absolute; */
    right: 22px;
    bottom: 94px;
}
.betting_btn {
    background: #0251a8;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    width: auto;
    height: 32px;
    font-size: 12px;
    margin-right: 5px;
    border: 1px solid #0251a8;
    min-width: 130px;
    /* position: absolute; */
    right: 22px;
    bottom: 58px;
}
.lotto_result{

position: absolute;

bottom: 25px;

left: 0;

right: 0;

max-width: 500px;

margin: auto;
}
.lotto_result_tit{
    
color: #013b7a;
    
font-size: 20px;
    
font-weight: 700;
}
.modal-payout .modal-header {
    border-bottom: 1px solid #d5b048;
    display: block;
    background: linear-gradient(to bottom, rgba(249,228,123,1) 0%, rgba(215,152,50,1) 68%, rgba(236,206,123,1) 100%);
}
.modal-payout .modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
.modal-payout .modal-header .close {
    padding: 10px;
    color: #000000;
    font-weight: 400;
    text-shadow: none;
}
.modal-payout .modal-content{
    background-color: #ffffff;
    border: 1px solid #013b7b;
}
.modal-payout .modal-table2 table tr td {
    border: 1px solid #555555;
    padding: 5px 15px;
    vertical-align: top;
    text-align: center;
}
.modal-payout .trTitle {
    background: #4288d6;
    color: #FFF;
}
.modal-payout .fd-btn {
        bottom: 11px;
        left: 33px;
        position: absolute;
        display: flex;
}
.modal-payout .drwn-nm{
    display: inline-flex;
    height: 70px;
    margin-left:20px;
}

.close-X {
    color: #ffffff;
    margin: 14px;
    opacity: 1;
    text-shadow: none;
}

.modal-payout .modal-body {padding: 0px;}

.modal-payout .modal-body h3 {
    background: #013b7b;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.payout-container {
    padding: 15px;
    /* color: #fff; */
}
table.payoutTable {
    text-align: center;
}

table.payoutTable th, table.payoutTable td {
    padding: 4px;
}

table.payoutTable th {
    text-align: inherit;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #f5b152;
    background: #c87f1a;
}

table.payoutTable td {
    border: 1px solid #555555;
    font-size: 14px;
    color: #000;
    /* background: #864e00; */
}

table.payoutTable td img {
    margin-left: 10px;
}
.prize-text {
    font-size: 16px;
    margin-bottom: 5px;
}

.modal-payout {
    max-width: 580px;
}
.forecast-table {
    margin-bottom: 30px;
}
.mobile_lottoresult{
   display: none;
}


.form-layout-new .gr-title,.form-layout-new .grlist{
   color: #fff;
}
.form-layout-new  table.promo-table tr td{
   color: #fff;
}
.join_btn_eff.login_mobile{
   display: none;
}
.login_mobile{
   display: none;
}
.banner_notice_tit{
    height: 50px;
}
#banner_notice .modal-content.promo{
    padding: 0 0 0px 0;
}
.banner_notice_btn_wrap{
    padding: 15px;
    justify-content: space-around;
    display: flex;
}
.banner_notice_btn_wrap .login_btn,.banner_notice_btn_wrap .join_btn{
   min-width: 100px;
}
#banner_notice .modal-dialog.promo.balance_w{
    max-width: 500px!important;
}
#worldcup_modal .pm-title-wrapper {
    font-size: 16px;
    font-weight: 700;
    background: #002b5a;
    color: #ffffff;
    padding: 9px 20px;
}
#worldcup_modal .modal-content.promo {
    border: none;
    background: #002b5a;
    color: #fff;
    border-radius: 20px;
    border: 1px solid #fadc90;
    overflow: hidden;
    padding: 20px;
}
.worldcup_modal_tit{
   
text-align: center;
   
font-size: 14px;
   
font-weight: 500;
   
max-width: 385px;
   
margin: auto;
}
.worldcup_modal_tit_main{
   
text-align: center;
   
font-size: 23px;
   
font-weight: bold;
   
max-width: 500px;
   
margin: auto;
}
.worldciup_con ul.worldcup_winning{
    padding: 0;
    list-style: none;
}
.worldcup_winning strong{
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
}
.worldciup_con{
   margin-top: 20px;
}
.worldciup_con ul{
   padding: 0 19px;
}
.tnc_promo {
    padding: 20px 0;
}
.upload_rep {
    border: none;
    padding-left: 0;
}
.vericode {
    position: absolute;
    top: 5px;
    right: 7px;
}
#fpVeriCode {
    width: 60px;
    height: 26px;
}
.timezone{
   padding-right: 15px;
}
.hm-content-sub{
   margin-top: 152px;
}
.slider-wrap{
   margin-top: 152px;
}
.afterlogin_bg{
   margin-top: 152px;
}
.download_back{
   display: flex;
   align-items: center;
   margin: 0 10px 10px 10px;
}
.download_back i{
   margin-right: 5px;
}
.match-box .casino-index{
   display: none;
}
span.unread-dot {
    background: #f00;
    color: #fff;
    font-size: 7px;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    right: -6px;
    top: -10px;
    font-size: 12px;
}
.match-frame{
   /* background-color: #fff; */
}
.prov-am .deposit_btn{
   background: linear-gradient(to bottom, #ffb20b 0%, #ffb20b 102%);
   border: 1px solid #ffeabd;
}
.join_btn_a {
   position: relative;
   display: inline-block;
   padding: 6px 10px;
   /* margin: 40px 0; */
   color: #ffcd00;
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.5s;
   letter-spacing: 1px;
   overflow: hidden;
   margin-right: 50px;
   font-weight: 700;
   border-radius: 5px;
   box-shadow: 0 0 5px #ffcd00, 0 0 25px #ffcd00, 0 0 50px #ffcd00, 0 0 0px #ffcd00;
}
.join_btn_a:hover{
   box-shadow: 0 0 5px #ffcd00, 0 0 25px #ffcd00, 0 0 50px #ffcd00, 0 0 200px #ffcd00;
   color: #fff;
}
.join_btn_a span{
    position: absolute;
    display: block;
}
.join_btn_a span:nth-child(1){
   top: 0;
   left: 0;
   width: 100%;
   height: 2px;
   background: linear-gradient(90deg,transparent,#ffcd00);
   animation: animate1 1s linear infinite;
}
.join_btn_a span:nth-child(2){top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg,transparent,#ffcd00);animation: animate2 1s linear infinite;animation-delay: 0.25s;}
.join_btn_a span:nth-child(3){bottom: 0;right: 0;width: 100%;height: 2px;background: linear-gradient(270deg,transparent,#ffcd00);animation: animate3 1s linear infinite;animation-delay: 0.50s;}
.join_btn_a span:nth-child(4){bottom: -100%;left: 0;width: 2px;height: 100%;background: linear-gradient(360deg,transparent,#ffcd00);animation: animate4 1s linear infinite;animation-delay: 0.75s;}

.login_btn_a {
   position: relative;
   display: inline-block;
   padding: 6px 10px;
   /* margin: 40px 0; */
   color: #ffffff;
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.5s;
   letter-spacing: 1px;
   overflow: hidden;
   margin-right: 50px;
   font-weight: 700;
   border-radius: 5px;
   box-shadow: 0 0 5px #a7ddff, 0 0 25px #a7ddff, 0 0 50px #a7ddff, 0 0 0px #a7ddff;
}
.login_btn_a:hover{
   box-shadow: 0 0 5px #a7ddff, 0 0 25px #a7ddff, 0 0 50px #a7ddff, 0 0 200px #a7ddff;
   color: #fff;
}
.login_btn_a span{
    position: absolute;
    display: block;
}
.login_btn_a span:nth-child(1){
   top: 0;
   left: 0;
   width: 100%;
   height: 2px;
   background: linear-gradient(90deg,transparent,#a7ddff);
   animation: animate01 1s linear infinite;
}
.login_btn_a span:nth-child(2){top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg,transparent,#a7ddff);animation: animate02 1s linear infinite;animation-delay: 0.25s;}
.login_btn_a span:nth-child(3){bottom: 0;right: 0;width: 100%;height: 2px;background: linear-gradient(270deg,transparent,#a7ddff);animation: animate03 1s linear infinite;animation-delay: 0.50s;}
.login_btn_a span:nth-child(4){bottom: -100%;left: 0;width: 2px;height: 100%;background: linear-gradient(360deg,transparent,#a7ddff);animation: animate04 1s linear infinite;animation-delay: 0.75s;}
@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
@keyframes animate2{
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}
@keyframes animate3{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}
@keyframes animate4{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}
@keyframes animate01{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
@keyframes animate02{
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}
@keyframes animate03{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}
@keyframes animate04{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}
.join_btn_eff{
   background-color: transparent;
   border: none;
   display: flex;
   align-items: center;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}



 @media not all and (min-width:1023.5px){
    section.header-menu{
        margin:0px;
    }
}
 @media (max-width:767px){
    .container{
        width:100%;
        padding:0px;
    }
     .sml-slide{
        width:100%;
    }
     .sml-slide img{
        display:block;
        margin:0px auto;
    }
     .indx-top{
        display:flex;
        justify-content:space-between;
        flex-direction:column;
    }
     .index-content ul{
        margin-top:15px;
    }
     .inx-bnr-btn{
        right:2%;
    }
     .btn-ply{
        width:100px;
        margin:0px;
    }
     .joinnow .modal-dialog{
        width:100%;
        margin:0px;
        height:100%;
        max-width:100%;
    }
     .joinnow{
    }
     .joinnow .close-x{
        right:10px;
    }
     .join-cnt{
        display:flex;
        flex-direction:column;
    }
     .inc-item-res .indx-3 ul{
        flex-direction:column;
        display:flex;
    }
     .bnr-overly{
        height:40px;
    }
     .m-mobile-show{
        display:block;
    }
     .m-desktop-show{
        display:none;
    }
     .about-sec-in{
        padding-top:70px;
        flex-direction:column;
    }
     .info-menu-wrapper{
        display:flex;
        width:100%;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:center;
        margin-bottom:15px;
    }
     .info-menu-wrapper a{
    }
     .about-sec-in .col-2{
        width:100%;
        max-width:100%;
    }
     .about-sec-in .col-10{
        width:100%;
        max-width:100%;
        padding:0px !important;
    }
     .login-page{
        width:100%;
        margin-top: 8px;
        border-top:1px solid #000;
        padding: 5px 15px;
    }
     .input-area{
        flex-direction:column;
        align-items:baseline;
    }
     .btn-submit{
        margin:0px;
        width:100%;
    }
     .field-input{
        margin:0px;
    }
     span.logi-text{
        width:100%;
        margin:0px;
        text-align:center;
    }
     .for-wrap{
        margin:0px;
    }
     .step-in ul{
        flex-direction:column;
        padding:0px;
    }
     .step-bar{
        background:none;
        display:none;
    }
     #slide_right {
        display: none;
    }
     .step-in ul li{
        width:100%;
        justify-content:center;
        margin-bottom:10px;
        background:#0167a6;
    }
     .btn-logo img{
        width:auto;
    }
     .filter-menu-bar{
        margin:0px;
        gap:8px;
    }
     .promo-content{
        margin-top:10px;
    }
     .inc-item-res .indx-3 ul li{
        width:47%;
    }
     .inc-item-res .indx-3 ul{
        flex-direction:
        row;
        flex-wrap:
        wrap;
        padding-left: 10px;
        width: 100%;
        margin: auto;
    }
     .rabate-date{
        flex-direction:column;
        align-items:baseline;
    }
     .rabate-date .form-group{
        margin-bottom:15px;
        width:100%;
    }
     .rabate-date .form-control{
        height:38px;
        border-radius:0px;
    }
     .btn-check{
        color:#fff;
        font-size:18px;
        padding:10px 20px;
        border:none;
        width:197px;
        background:linear-gradient(to bottom, #0062c9 0%, #003679 102%);
        box-shadow:inset 0px 0px 5px #fff;
        border-radius:20px;
    }
     .blog-boxer .moreinfo_btn{
        width:100%;
    }
     .footer-wrapper {
         background-color: #000;
         padding-bottom: 80px;
    }
     .footer-wrapper-top{
         background-color: #030f1f;
         padding-bottom: 20px;
         padding-top: 20px;
    }
     .footer-wrapper-top .layout-footer .footer-top{
         padding-top: 0;
    }
     .t-footer {
         position: fixed;
         width: 100%;
         bottom: 0;
         z-index: 99;
         display: block;
    }
     .menu-btm {
         position: fixed;
         max-width: 991px;
         margin: auto;
         width: 100%;
         bottom: 0;
         left: 0;
         right: 0;
         background: url( "../images/common/mobile/ftr-menu-bar.png")no-repeat top center;
         background-size: 100%;
    }
     .menu-wrapper {
         display: grid;
         grid-template-columns: repeat(5,1fr);
         text-align: center;
         padding: 11px 0 1px;
         position: relative;
    }
     .menu-wrapper a {
         color: #999999;
         font-size: 9px;
         text-transform: uppercase;
         font-weight: 600;
         padding: 5px 0px;
    }
     .menu-wrapper a.menuft img {
         max-width: 31%;
         display: block;
         margin: auto;
         margin-bottom: 2px;
         filter: brightness(0) invert(1);
    }
     .aff-qr {
         background: #0772b3;
         padding: 3.5%;
         width: 15%;
         border-radius: 100%;
         position: absolute;
         left: -1px;
         right: 0;
         bottom: 26px;
         margin: auto;
         z-index: 9;
    }
     .menu-wrapper a {
         color: #ffffff;
         font-size: 9px;
         text-transform: uppercase;
         font-weight: 600;
         padding: 5px 0px;
    }
     .btn-reg-wrap {
         flex-direction: column;
    }
     .wrap-reg {
         min-height: 500px;
    }
     .form-layout-new {
         padding: 10px;
    }
     .reg-box2 {
         margin-top: 50px;
    }
     .input-area label {
         width: 100%;
         display: flex;
         gap: 10px;
    }
     .latest-wrapper {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         grid-gap: 0;
         padding-top: 10px;
         margin-bottom: 30px;
         padding: 0px;
        /* background-color: #f2f2f2;
         */
         margin-top: 20px;
    }
     .video-box {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         grid-gap: 35px;
         order: 1;
    }
    .license-wrap {
    display: grid;
        grid-template-columns: auto auto;
        padding: 15px 5px 20px;
        width: 100%;
    }
    .pm-boxer {
       display: block;
   }
}
 @media (max-width:500px){
     .tnr-1 {
         max-width: 360px;
         width: 100%;
         margin: 0px auto;
         min-height: 369px;
         height: auto;
         display: flex;
         align-items: center;
    }
     .tour-2 {
        max-width: 500px;
        width: 100%;
        margin: 0px auto;
        order: 1;
    }
     img.trn-3 {
         width: 80%;
         top: 13%;
    }
     .tour-3 {
        margin: 0px auto;
        margin-top: 16px;
        order: 3;
    }
}

 @media (max-width:1146px){
     .tour-all {
        flex-direction: column;
    }
     img.trn-1 {
        width: 100%;
    }
     .tnr-1 {
        max-width: 500px;
        width: 100%;
        margin: 0px auto;
        min-height: 512px;
        height: auto;
        display: flex;
        align-items: center;
    }
     img.img-girl {
        position: relative;
        right: 0px;
        display: none;
    }
     .tour-ttl {
        font-size: 9vw;
    }
     .tour-1 {
        order: 2;
        margin: 0px auto;
         margin-top: 16px;
    }
     .tour-2 {
        max-width: 500px;
        width: 100%;
        margin: 0px auto;
    }
     .tour-3 {
         margin: 0px auto;
    }
}
 @media (max-width:1023.5px){
    .login_btn{
        width: auto;
        padding:5px 10px;
        font-size: 12px;
    }
     .lang-box.languageToggle{
        padding-right:20px;
    }
     .login_bar .lang-box.languageToggle{
        display:none;
    }
     button.join_btn{
        width: auto;
        padding:5px 10px;
        font-size: 12px;
    }
     .log-group{
        display:none;
    }
     .btmtools{
        display:none;
    }
     .slider-wrap{
        margin-top:56px;
    }
     .indx-2{
        display:none;
    }
     .indx-3{
        display:none;
    }
     .indx-5{
    }
    /*********************************** swipe-box ***************************************/
    .owl-slider{
        display:none;
    }
     .mobile-box{
        display:block;
    }
     .swipe-box{
        max-width:1024px;
        margin:0 auto;
        overflow:hidden
    }
     .swipe-list{
        list-style:none;
        margin:0;
        padding:0 0 15px 0;
        overflow:auto;
        white-space:nowrap;
    }
     .swipe-list li{
        vertical-align:top;
        margin-right:5px;
        display:inline-block;
    }
     .swipe-list li:first-child{
    }
     .swipe-list li a{
        overflow:hidden;
        display:block;
        margin-bottom:8px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -ms-border-radius:4px;
        border-radius:4px;
    }
     .swipe-list li a img{
        width:100%
    }
     .swipe-list li h5{
        font-size:13px;
        color:#fff;
        margin-top:0;
        margin-bottom:0;
        white-space:normal
    }
     .swipe-list li p{
        margin-bottom:0;
        font-size:12px;
        color:#ffffff;
        padding-top:10px;
        line-height:20px;
        text-align:center;
    }
     .swipe-list.swipe-list-slots li{
        width:auto;
    }
     .swipe-list.swipe-list-slots li a{
        width:265px;
    }
     .swipe-list.swipe-list-slots h5{
        max-width:88px
    }
     .swipe-list.swipe-list-casino li{
        width:104px
    }
     .swipe-list.swipe-list-casino li a{
        max-width:104px;
        height:116px
    }
     .swipe-list.swipe-list-casino h5{
        max-width:104px
    }
     .swipe-list.swipe-list-promos li a{
        max-width:256px;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -ms-border-radius:0;
        border-radius:0
    }
     .swipe-list.swipe-list-promos h5{
        font-size:0.875rem;
        max-width:256px;
        margin-bottom:0
    }
     #canvas{
        margin-bottom:80px;
        margin-top:15px;
    }
     .game-rows ul li a p{
        margin:0px;
        padding:0px;
        margin-top:0px;
        line-height:15px;
    }
     .slot-thuim{
        margin:0px !important;
    }
     .slot-thuim li a{
        width:115px !important;
    }
     .tr-btn{
        display:block;
    }
     .tr-btn .button3d{
        height:40px;
    }
     .tr-btn ul{
        grid-template-columns:repeat(3,1fr);
    }
     .button3d-container{
        padding:5px 14px;
        background-color:#050720;
        display:flex;
    }
     .prov-img ul{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:0px 10px;
    }
     .inx-bnr img{
        display:block;
        margin:0px auto;
    }
     .desktop-show{
        display:none !important;
    }
     .mobile-show{
        display:block !important;
    }
     .inx-bnr-btn{
        right:7%;
    }
    /********Mobile side menu*********/
    .icon-home{
        background:url("../images/common/mobile/slide menu icons/icon-home.svg") !important;
    }
     .icon-register{
        background:url("../images/common/mobile/slide menu icons/icon-join.svg") !important;
    }
     .icon-login{
        background:url("../images/common/mobile/slide menu icons/icon-login.svg") !important;
    }
     .icon-sports{
        background:url("../images/common/mobile/icon-sports.png") !important;
    }
     .icon-livecasino{
        background:url("../images/common/mobile/slide menu icons/icon-casino.svg") !important;
    }
     .icon-games{
        background:url("../images/common/mobile/slide menu icons/icon-slots.svg") !important;
        height:25px;
        width:25px;
    }
     .icon-fish{
        background:url("../images/common/mobile/slide menu icons/icon-fish.svg") !important;
        height:25px;
        width:25px;
    }
     .icon-lotto{
        background:url("../images/common/mobile/slide menu icons/icon-lotto.svg") !important;
        height:25px;
        width:25px;
    }
     .icon-other{
        background:url("../images/common/mobile/slide menu icons/icon-others.svg") !important;
        height:25px;
        width:25px;
    }
     .icon-download{
        background:url("../images/common/mobile/slide menu icons/icon-download.svg") !important;
    }
     .icon-contactus{
        background:url("../images/common/mobile/slide menu icons/icon-contact.svg") !important;
    }
     .icon-helpcenter{
        background:url("../images/common/mobile/slide menu icons/icon-help.svg") !important;
    }
     .icon-promotions{
        background:url("../images/common/mobile/slide menu icons/icon-promo.svg") !important;
    }
     .icon-tour{
        background:url("../images/common/mobile/slide menu icons/icon-tour.svg") !important;
        height: 25px;
        width:25px;
    }
     .icon-event{
        background:url( "../images/common/mobile/slide menu icons/icon-event.svg") !important;
        height: 25px;
        width:25px;
        filter: brightness(0) invert(1);
    }
     .icon-sv{
        background:url("../images/common/mobile/slide menu icons/icon-711.svg") !important;
        height: 25px;
        width:25px;
        filter: brightness(0) invert(1);
    }
     .icon-poker{
        background:url("../images/common/mobile/slide menu icons/icon-poker.svg") !important;
        height: 25px;
        width:25px;
        filter: brightness(0) invert(1);
    }
     .icon-esports{
        background:url("../images/common/mobile/slide menu icons/icon-esport.svg") !important;
        height:25px;
        width:25px;
    }
     .icon-rebates{
        background:url("../images/common/icon-rebate.svg") !important;
        height:25px;
        width:25px;
        filter: brightness(0) invert(1);
    }
     .layout-side-menu .side-menu-elements .side-menu-element .side-menu-icon .icon-side-menu{
        background:url("../images/common/icon-menu-af.svg") no-repeat;
    }
     .side-menu-icon label{
        margin:0px;
    }
    .side-menu-icon img{
      width: 27px;
    }
     .menu-tab{
        width: 100%;
        background:#050720;
        display:block;
        z-index: 1;
    }
     .inc-item-res .indx-3{
        display:block;
    }
     .hm-content .menu-tab{
        margin-top:56px;
    }
    .menu-tab.inn_page_menu{
      position: fixed;
      margin-top: 56px;
    }
     .esport-bg{
        background-position-x:37%;
    }
     .fish-bg{
        background-position-x:40%;
    }
     .in-btn{
        bottom:5%;
        left:0px;
    }
     .btn-logo img{
        height:220px;
        margin-bottom:10px;
    }
     .in-btn .btn-ply{
        font-size:18px;
        width:200px;
    }
     .lotto-bg{
        background-position-x:44%;
    }
     .filter-menu-bar{
        grid-template-columns:repeat(3,1fr);
        vertical-align:middle;
        text-align:center;
    }
     .pmbox{
        display:
        flex;
        align-items:
        center;
        justify-content:
        center;
        flex-wrap:
        wrap;
        padding:5px 0px;
        margin:0px;
        font-size: 11px;
    }
     .promo-content{
        display:grid;
        grid-gap:0px;
        grid-template-columns:repeat(1,1fr);
        gap:25px 35px;
    }
     .about-sec-in{
        padding-top:65px;
    }
     .login-page{
        width:100%;
        margin-top:56px;
    }
     .for-tab{
        width:100%;
        margin-top: 56px;
    }
     .for-tab ul li a{
        width:100%;
        font-size:14px;
    }
     .for-tab ul{
        display:flex;
        justify-content:center;
    }
     .for-wrap{
        margin:0px;
    }
     span.app-ico img{
        height:20px;
        margin-right:10px;
    }
     .ios-img{
        filter:brightness(0.5) invert(1);
    }
     table.access-table tr td{
        background:#000;
        padding:5px 10px;
        font-size:12px;
        border:1px solid #0eb5fa;
    }
     .access-info-wrapper{
        margin-top:10px;
    }
     .downloand-img .inc-item-res .indx-3 ul li{
        margin:0px;
    }
     .downloand-img{
        margin-top: 0px;
    }
     .transaction-status{
        display:none;
    }
     .sidepanel{
        display:none;
    }
     .sidepanel_content{
        margin:0px;
    }
     .container-fluid{
        max-width:100%;
    }
     .af-in-content-all row{
        display:flex;
        flex-direction:column;
    }
     .col-4, .col-8, .col-3, .col-9{
        width:100%;
        max-width:100%;
    }
     .af-in-content-all .row{
        display:flex;
        flex-direction:column;
    }
     .af-in-content-all{
        width:100%;
    }
     .af-tab-dwn-mn ul li a{
        display:flex;
        flex-direction:column;
    }
     .af-wrap{
        width:100%;
    }
     .af-top-tab ul li a{
        width:auto;
    }
     section.afterlogin_bg{
        margin-top:63px;
    }
     .after-top{
        display:none;
    }
     .af-tab-dwn-mn ul li{
        margin:0px;
    }
     .af-tab-dwn-mn ul{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:5px;
    }
     .af-tab-dwn-mn ul li a{
        padding:10px 0px;
        width:100%;
        font-size:11px;
        text-align:center;
    }
     .bank_select{
        width:100%;
    }
     .setting_text{
        margin-bottom:15px;
    }
     .depositBtn{
        width:25%;
    }
     .form-style-m{
        height:38px;
        padding:5px 10px;
    }
     .form-style-lb{
        font-size:16px;
        width:100%;
    }
     .form-item{
        margin-bottom:20px;
        display:
        flex;
        flex-direction:
        column;
        /* align-items:
        flex-start; */
    }
     .btn-all-af{
        padding:0px;
    }
     .btn-all-af-2{
        width:100%;
        display:block;
    }
     .submit_btn{
        width:100%;
    }
     .af-tab-dwn-mn ul li a img{
        margin:0px;
    }
     .user-name{
        display:none;
    }
     .deposit_btn{
        display:none;
    }
    .prov-am .deposit_btn{
      display: block;
    }
   .prov-am {
       font-size: 13px;
       line-height: 0px;
       width: 62%;
   }
     .logout_btn{
        display:none;
    }
     .btmtools_after{
        display:none;
    }
     #menu-side .card{
        border:none;
    }
     .accordion>.card>.card-header{
        border-radius:0;
        background:#000;
        border:none;
        padding:0px;
        position:relative;
    }
     .card-header.hide-ico:after {
        display: none;
    }
     .accordion .card-header:after{
        font-family:'FontAwesome';
        content:"\f077";
        position:absolute;
        right:9%;
        top:30%;
    }
     .accordion .card-header.collapsed:after{
        content:"\f078";
    }
     .menu-sd .card-header{
    }
     .menu-sd .side-menu-icon .icon-wallet{
        height:25px;
        width:25px;
    }
     .menu-sd .card-title{
        display:flex;
        position:relative;
        align-items:center;
        padding:10px;
        margin:0px;
        padding-left:25px;
        font-size:16px;
    }
     .card-header.no-icon:after {
         display: none !important;
    }
     .icon-wallet{
        background:url("../images/common/icon-cashier-white.svg");
    }
     .icon-history{
        background:url("../images/common/mobile/slide menu icons/icon-history.svg");
        height:25px;
        width:25px;
    }
     .icon-profile{
        background:url("../images/common/icon-profile-white.svg");
        height:25px;
        width:25px;
    }
     .menu-sd .side-menu-icon{
        padding-right:8px;
    }
     .menu-sd .card-body{
        background:#000;
    }
     .menu-sd .side-menu-icon{
        padding-right:8px;
    }
     .menu-sd .card-body{
        background:#000;
        padding:5px;
    }
     .drop-mn ul li a{
        padding:7px 0px;
        display:flex;
        font-size:16px;
    }
     .drop-mn ul li{
        list-style:none;
    }
     .user-dtl{
        padding-left:25px;
    }
     .user-nm{
        font-size:16px;
    }
     span.usernm{
        color:#ffcd00;
    }
     .inc-item-all{
        padding:15px;
    }
     .contact_dotted{
        border-right:none;
        flex-direction:row;
        justify-content:flex-start;
        width:auto;
        border-bottom:1px dotted #fff;
        margin-bottom:10px;
        padding-bottom:10px;
        padding-left:25px;
    }
     .contact-us-header_inner{
        flex-direction:column;
        margin-bottom:20px;
    }
     .contact_dotted img{
        height:51px;
    }
     span.img-cont{
        margin:0px;
        margin-right:20px;
    }
     .contact_dotted i{
        font-size:55px;
        margin-right:20px;
    }
     .contact_dotted span{
        margin-bottom:0px;
    }
     .index-info{
        flex-direction:column;
    }
     .in-info ul{
        gap:10px;
    }
     .lby-box ul{
        grid-template-columns:repeat(2,1fr);
        display: grid;
    }
     .lby-box ul li {
         width: 100%;
    }
     .hot_icon{
         width: 40px;
    }
     .step-bar{
        background:#0167a5;
    }
     .al-btn{
        height:270px;
    }
     .btn-logo{
        padding:13px;
    }
     #filter-box{
        padding:10px;
    }
     .login_bar span i{
        display:none;
    }
     .blog-boxer{
        display:flex;
        flex-direction:column;
        margin-top:25px;
        margin-bottom:0px;
    }
     .blog-wrapper{
        margin-top:56px;
    }
     .btn-plynow {
         padding: 2px 8px;
         font-size: 10px;
         bottom: 10%;
         left: 7%;
    }
     .bg-event {
         padding: 15px;
         margin: 0px !important;
    }
     .indx-6 ul {
         margin: 0px;
    }
     .btn-plynow2 {
         font-size: 12px;
         right: 2%;
         bottom: 5%;
         width: 80px;
         padding: 5px;
    }
     img.trn-3 {
        width: 80%;
        top: 13%;
    }
     img.trn-2 {
        top: 40%;
    }
     .tour-wrap {
         margin-bottom: 4.9%;
         margin-top: 55px;
    }
     .tour-2 {
        max-width: 500px;
        width: 100%;
        margin: 0px auto;
    }
     .swiper{
        padding: 0px 4px !important;
        border: none;
    }
     .provider-menu-wrap .tab-content {
         padding: 10px;
    }
     .slots-sec {
         padding: 0px;
    }
     .refer-in {
         flex-direction: column-reverse;
         align-items: center;
         justify-content: center;
    }
     .close_banner {
         display: none;
    }
     .refer-txt p {
         text-align: center;
    }
     .dropdown.refer-btn {
        border-radius: 30px;
        width: 100%;
        display: flex;
        align-items: center;
        margin: inherit;
        margin-top: 15px;
    }
     .slot-lb .swiper-wrapper.nav {
         flex-wrap: inherit !important;
    }
     .slot-lb .swiper-button-next, .slot-lb .swiper-button-prev {
         display: flex !important;
    }
     .swiper-button-next {
         right: 0px;
         background: none;
         position: absolute;
         top: 35px;
         width: 35px;
         height: auto;
         color: #ffffff;
         padding: 10px;
    }
     .swiper-button-prev {
         left: 0px;
         background: none;
         position: absolute;
         top: 35px;
         width: 35px;
         height: auto;
         color: #ffffff;
         padding: 10px;
    }
     .swiper-slide{
        border: none;
    }
     .slot-lb .swiper-slide {
         border: none;
    }
     .provider-menu--wrap {
         position: relative;
         margin: 0px 35px;
    }
     .swiper-slide img {
         padding: 5px;
         margin: 10px;
         padding-bottom: 0px;
         background: #030f1f url("../images/common/bg.jpg") no-repeat center top;
         margin-bottom: 20px;
         padding-top: 0px;
         background-size: 100% 100%;
         border-radius: 5px;
         margin-top: 7px;
    }
     .swiper-slide.active img {
         filter: none;
         box-shadow: 0px 0px 4px 2px #96c621;
    }
     .swiper-slide.active{
        background:none;
    }
     .btn-afbtn i {
         display: block !important;
    }
     .tab-box i {
         font-size: 34px;
    }
     .resg-box {
        width: 100%;
    }
    .grid-fourD{
      display: none;
    }
   .payout_btn {
       background: #013b7b;
       color: #fff;
       font-weight: 800;
       text-transform: uppercase;
       border: none;
       border-radius: 6px;
       width: auto;
       height: 32px;
       font-size: 12px;
       margin-right: 5px;
       border: 1px solid #013b7b;
       min-width: 265px;
        position: unset; 
       right: 22px;
       bottom: 94px;
   }
   .lotto_btn_wrap {
        position: unset; 
       margin: 0 auto;
       left: 0;
       right: 0;
       display: grid;
       justify-content: center;
       bottom: 118px;
       grid-gap: 10px;
   }
   .lotto_result {
      position: unset;
      bottom: 25px;
      left: 0;
      right: 0;
      max-width: 350px;
      margin: auto;
      margin-top: 20px;
   }
   .mobile_lottoresult{
      display: block;
      padding: 0 10px;
      margin-top: 10px;
   }
   .lotto.slider-wrap{
      display: block;
   }

   .worldcup_wrap {
       margin-top: 195px;
       text-align: right;
       max-width: 500px;
       margin-left: auto;
       margin-left: auto;
       margin-right: auto;
       padding: 10px;
   }
   .worldcup-sec {
       background: url(../images/common/worldcup/wc.png)no-repeat top center;
       background-size: cover;
       padding: 0px 0 40px;
       min-height: 741px;
       position: relative;
       margin-top: 0;
   }
   .worldcup-sec.hm-content-sub{
      margin-top: 125px;
   }
   .worldcup_flot{
      
   position: absolute;
         
   width: 100px;
         
   bottom: 0;
   }
   .aff_top{
      padding-top: 56px;
   }
   .login_mobile{
      display: block;
   }
   .join_btn_eff.login_mobile{
      display: flex;
   }
   .login_web{
      display: none;
   }
   .payment-sel ul {
       display: grid;
       /* flex-wrap: wrap; */
       padding: 0px;
       margin: 0px;
       margin-bottom: 15px;
       /* align-items: center; */
       grid-template-columns: repeat(3, 1fr);
   }
   .casino-index{
      order: 1;
   }
   .download_mobile_wrap{
      padding: 0 10px;
   }
   .login-page.guarantee_bg{
      margin-top: 0;
   }
   .hm-content-sub{
      margin-top: 0px;
   }
/*   .slider-wrap{
      margin-top: 0px;
   }*/
   .afterlogin_bg{
      margin-top: 0;
   }
   .match-box .casino-index{
      display: block;
      order: 0;
   }
   .video-box .casino-index{
      display: none;
   }
   .download_small{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 10px;
      margin: 15px 10px 0 10px;
   }
   .hm-content-sub-inn{
      margin-top: 120px;
   }
   .blnce .modal-dialog{
      margin: 1.5rem;
   }

}