@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

body {	
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;    
	background: #101213;
	color: #333333;	
}

a,a:hover {
    text-decoration: none;
}

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

::selection {
    color: white; 
    background: #ff7675;
}

::-webkit-selection {
    color: white; 
    background: #ff7675;
}

::-moz-selection {
    color: white; 
    background: #ff7675;
}

.main {
    overflow: hidden;
}

.container {
    width: 100%;
}

/*-- header_area start ---*/
.header_area {
   background-color: #101213;
   padding: 16px 38px;  
}

.header_part {
    padding-top: 18px;
    padding-right: 26px;
    padding-left: 10px;
    padding-bottom: 16px;
    border-radius: 18px;
    background: #151718;
    display: flex;    
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.header_left {
    display: flex;
    gap: 31px;
    align-items: center;
    position: relative;   
    z-index: 999;
}

.headerbarlogoPT {
    display: flex;
    align-items: center;
    gap: 18px;
}


.headerbar_box {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 7px 7px 8px 7px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 0.5px solid #303030;
    background: linear-gradient(180deg, #151718 0%, #323232 100%);
    cursor: pointer;
}

.headerbar_box img {
    width: 29.999px;
    height: 28.999px;
    display: block;  
}

.header_logo img {
    width: 108px;
    height: 37px;
}


.header_right {
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
    gap: 8px;
}


.headerLTbtns {
    border-radius: 9px;
    background: #1D1D1D;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 3px 16px 3px 3px; 
}

.headerCasino-btn a {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    padding: 9px 12px 9px 12px;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(180deg, #FF0046 0%, #FF4A62 100%);
    height: 41px;
    justify-content: center;
    gap: 8px;
}

.headerCasino-btn a img {
    width: 15px;
    height: 15px;
}

.headerSports-btn a {
    font-family: "Poppins", sans-serif;
    color: #5C5E5F;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    align-items: center;
    display: flex;
    gap: 3px;
    transition: 0.3s all ease;
}

.headerSports-btn a:hover {
    color: #fff;
}

.headerSports-btn a:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);
}

.headerSports-btn a img {
    width: 15px;
    height: 15px;
}

.headerRTbtns {
    border-radius: 9px;
    background: #1D1D1D;
    display: flex;
    align-items: center;
    gap: 19px;
    padding: 3px 34px 3px 3px; 
}

.headerregister-btn a {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    padding: 9px 16px 9px 16px;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(180deg, #FF0046 0%, #FF4A62 100%);
    height: 41px;
    justify-content: center;
}

.headerlogin-btn a {
    font-family: "Poppins", sans-serif;
    color: #5C5E5F;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    transition: 0.3s all ease;
}

.headerlogin-btn a:hover {
    color: #fff;
}

.hdellipse {
    max-width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;    
}

.header_profilebox {
    border-radius: 9px;
    background: #1D1D1D;
    display: flex;    
    align-items: center;
    gap: 8px;
    padding: 3px;
    padding-left: 6px;
}

.hdr_profilebOxLeft {
    display: flex;
    align-items: center;
    gap: 6px;
}

.hdr_profilebOx_image {
   width: 37px;
   height: 37px;
   border-radius: 6px;
   overflow: hidden;
}

.hdr_profilebOx_image img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
}

.hdr_profilebOx_text p {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin: 0;   
}


.progress-title{
    color:#fff;
    margin-bottom:10px;
    font-size:14px;
}

.striped-bar{
    width: 100%;
    height: 5px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 7px;
}

.striped-bar div{
    width:75%;
    height:100%;
    background:repeating-linear-gradient(
        45deg,
        #0188ff,
        #0188ff 10px,
        #85bfff 10px,
        #85bfff 20px
    );
    animation:move 1s linear infinite;
}

@keyframes move{
    0%{
        background-position:0 0;
    }
    100%{
        background-position:40px 0;
    }
}

.hdr_profilebOxRight {
    width: 47px;
    height: 47px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #151718 -48.49%, #323232 142.81%), linear-gradient(0deg, #151718 0%, #151718 100%), #222;
}

.hdr_profilebOxRight img {
    display: block;
    max-width: 100%;
}


.headersupporticon {
    width: 47px;
    height: 47px;
    border-radius: 9px;
    border: 0.5px solid #303030;
    background: linear-gradient(180deg, #151718 -48.49%, #323232 142.81%), #1D1D1D;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headersupporticon img {
    width: 29.001px;
    height: 29.001px;
    display: block; 
}

.hdtcustom-custom-select{
  position:relative;
  width: 110px;
}

.hdtcustom-select-box{
    padding: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 9px;
    border: 0.5px solid #303030;
    background: linear-gradient(181deg, #151718 0.55%, #323232 221.52%), #1D1D1D;
    height: 47px;
}

.hdtcustom-selected-content{
  display:flex;
  align-items:center;
  gap:8px;
}

.hdtcustom-selected-content img{
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.hdtcustom-selected-content span{
  color:#fff;
  font-size:16px;
  font-weight:600;
}


.hdtcustom-arrow{
  width:15px;
  transition:0.3s;
}


.hdtcustom-options{
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  width:100%;
  background:#151718;
  border:1px solid #2a2d30;
  border-radius:8px;
  list-style:none;
  padding:0;
  margin:0;
  display:none;
  z-index:999;
  overflow:hidden;
}

.hdtcustom-options li{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  cursor:pointer;
  transition:0.2s;
}

.hdtcustom-options li:hover{
  background:#222526;
}

.hdtcustom-options img{
  width:22px;
  height:16px;
  object-fit:cover;
  border-radius:2px;
}

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

.hdtcustom-custom-select.active .hdtcustom-options{
  display:block;
}

.hdtcustom-custom-select.active .hdtcustom-arrow{
  transform:rotate(180deg);
}

/*-- innerdshbt_area start ---*/
.innerdshbt_area {
   background-color: #101213;
   padding: 0px 38px;  
}

.innerdshbt_part {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}

.innerdshbt_left {
    width: 20%;
}

.innerdshbt_inner {
    width: 60%;
}

.innerdshbt_right {
    width: 20%;
}

.innerdshbt_nEwright {
    width: 80%;
}

.innerdshbt_Navbox {
    border-radius: 8px;
    background: #151718;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
}

.closeicon {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: #F06;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-right: 2px;
    margin-bottom: 3px;
}

.closeicon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(155deg) brightness(102%) contrast(101%);
    height: 16px;
    width: 16px;
    position: relative;
    left: 0px;
}


.searchgames_box {
    border-radius: 9px;
    background: #101213;
    padding: 3px;
    box-sizing: border-box;
}

.SearchPT {
    position: relative;
}

.SearchPT input {
    color: #ff0066;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    background: #151718;
    padding: 8px 8px 8px 35px;
    display: block;
    border: none;
    outline: none;
    width: 100%;
}

.SearchPT input::placeholder {
    color: #5D5F60;
    font-size: 15px;
    font-weight: 500; 
}

.SearchPT img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: 10px;
}

.bsvcpo_part {
    padding-top: 3px;
    display: flex;
    gap: 3px;
}

.bsvcpo_box {
    background: #151718;
    border-radius: 6px;
    width: 100%;
    height: 80px;
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.bsvcpo_box h3 {
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 99;
}

.bsvcpo_box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;    
}

.bsvcpo_box2 h3 {
    line-height: 10px;
}

/* nav start */
.nav_part {
    width: 100%;
    margin-top: 14px;
}

.tab_itembg {
    border-radius: 9px;
    background: #101213;
    padding: 3px;
    padding-bottom: 1px;
}

.tab_itembg.active {
    margin-bottom: 10px;
}

.tab_item {
    color: #5D5F60;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 0.5px solid #303030;
    background: linear-gradient(278deg, #151718 17.96%, #323232 140.9%), #151718;
    position: relative;
}

.tab_item p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  position: relative;
  z-index: 99;
}

.tab_item span {
  position: relative;
  z-index: 99;   
}

.tab_item p img {
  width: 18px;
}

.tab_item span img {
  width: 14px;
  transition: transform 0.3s ease;
}

.tab_item.active {
  background: #1f2224;
  border: 1px solid #0f1112;
}

.tab_item.active p {
    color: #fff;
}

.tab_item.active p img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(84%) saturate(7240%) hue-rotate(339deg) brightness(102%) contrast(104%);   
}

.tab_itembgACt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
}

.tab_item.active .tab_itembgACt {
    opacity: 1;
}

.tab_item.active span img {
    transform: rotate(180deg);
    position: relative;
    top: 3px;
    filter: brightness(0) saturate(100%) invert(34%) sepia(5%) saturate(193%) hue-rotate(155deg) brightness(94%) contrast(83%);
}

.tab_contain {
  max-height: 0;
  overflow: hidden;
  background: #0f1112;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.tab_contain ul {
  list-style: none;
  margin: 0;
}

.tab_contain ul li {
    display: block;
    margin-bottom: 2px;
}

.tab_contain ul li a {
    color: #5D5F60;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
}

.tab_contain ul li a:hover {
    color: #fff;
}

.tab_contain ul li a span {
    width: 20px;
    display: block;
}

.tab_contain ul li a img {
    max-width: 100%;
}

.tab_contain ul li a:hover img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(84%) saturate(7240%) hue-rotate(339deg) brightness(102%) contrast(104%);    
}


.nav_vipclub {
    border-radius: 9px;
    background: #101213;
    padding: 3px;
}

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

.nav_vipclub ul li {
    display: block;
}

.nav_vipclub ul li a {
    color: #5D5F60;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 0.5px solid #303030;
    background: linear-gradient(278deg, #151718 17.96%, #323232 140.9%), #151718;
    gap: 10px;
}

.nav_vipclub ul li a img {
    width: 18px;    
}

.nEwGPmainnav_part .tab_contain ul li.active a img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(84%) saturate(7240%) hue-rotate(339deg) brightness(102%) contrast(104%);    
}

.nEwGPmainnav_part .tab_contain ul li a:hover {
    color: #fff;
    background: url(img/smbg1.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #151718;
}

.nEwGPmainnav_part .tab_contain ul li.active a {
    color: #fff;
    background: url(img/smbg1.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #151718;
}


.nEwGPmainnav_part .tab_item.active .tab_itembgACt {
    opacity: 0;
}


.nEwGPmainnav_part .tab_item {
    color: #5D5F60;
    border-radius: 6px;
    border: 0.5px solid #303030;
    background: linear-gradient(278deg, #151718 17.96%, #323232 140.9%), #151718;
    position: relative;
}

.nEwGPmainnav_part .tab_item.active p {
    color: #5D5F60;
}

.nEwGPmainnav_part .tab_item.active p img {
filter: brightness(0) saturate(100%) invert(36%) sepia(6%) saturate(141%) hue-rotate(156deg) brightness(100%) contrast(91%);
}

/* nav end */
.NavbetsPT {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 5px;
}

.Navbets_box {
    border-radius: 6px;
    background: #1a1c1c;
    padding: 10px 12px;
    width: 100%;
}

.Navbets_box p {
    color: #565859;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.Navbets_box p img {
    width: 15.75px;
    height: 17.369px;
    display: block;
}

.Navbets_hrdt {
    width: 41px;
    height: 41px;
    border-radius: 8px;
    background: #1a1c1c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Navbets_hrdt img {
    width: 21px;
    height: 21px;
    display: block;   
}

.Sports_navlist1 {
    padding-left: 4px;
    padding-bottom: 16px;
}


.SoccerUEL {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 19px;
    border-bottom: 1px solid #1D1F20;
}

.SoccerUEL_image img {
    width: 30px;
    height: 30px;
    display: block;
}

.SoccerUEL_text p {
    color: #565859;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    margin: 0;
}

.SoccerUEL_text h5 {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    padding-top: 5px;
}

.BecomeVIP_box {
    border-radius: 10px;
    background: #1F2A00;
    width: 100%;
    height: 162px;
    overflow: hidden;
    position: relative;
    margin-top: 8px;
    padding-top: 13px;
    padding-left: 15px;
    padding-bottom: 16px;
}

.BecomeVIP_box span {
    position: relative;
    z-index: 9999;
}

.BecomeVIP_box h4 {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 5px;    
}

.BecomeVIP_box h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    background: linear-gradient(159deg, #FFF -8.47%, #DCFF9A 104.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;    
}

.BecomeVIP_box a {
    color: #192400;
    font-size: 10px;
    font-weight: 800;
    line-height: 20px;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 11px;
    align-items: center;
    background: #FFF;
    margin-top: 46px;   
}

.BecomeVIP_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;    
}


.cryptobtn {
    padding-top: 1px;
}

.cryptobtn a {
    color: #565859;
    font-size: 15px;
    font-weight: 500;
    border-radius: 7px;
    background: #131516;
    width: 100%;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease;
}

.cryptobtn a:hover {
    color: #fff;
    background-color: #ff0066;
}


.payment_part {
    padding-top: 5px;
    padding-bottom: 20px;
}

.payment_part ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

.payment_part ul li {
    display: inline-block;
    padding: 0 3px;
}

.payment_part ul li a img {
    max-width: 100%;
    display: block;
}

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

.lastnav ul li {
    padding-top: 2px;
    display: block;
}

.lastnav ul li a {
    color: #565859;
    font-size: 15px;
    font-weight: 500;
    border-radius: 7px;
    background: #131516;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px;
    height: 39px;
}

.lastnav ul li a img {
    width: 16px;
    height: 16px;
    display: block;
}


.lastnav ul li a:hover {
    color: #ff0066;
}

.lastnav ul li a:hover img {
filter: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(4652%) hue-rotate(328deg) brightness(105%) contrast(113%);   
}



.TPgame_part {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 20px;
    justify-content: space-around;
    grid-row-gap: 13px;
    padding: 12px 0;
}


.TPgame_box {
    border-radius: 12px;
    background: linear-gradient(223deg, #151718 24.88%, #323232 177.09%), #151718;
    padding: 5px;
    padding-right: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.TPgameBx_img {
    width: 51px;
    height: 50px;
    border-radius: 7px;
    overflow: hidden;
    display: block;
}

.TPgameBx_img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.TPgameBx_text h3 {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
}

.TPgameBx_text p {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    padding-top: 6px;   
}

.TPgameBx_text p img {
    width: 12px;
    height: 12px;
    display: block;   
}

.banner_registerjoin_part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.banner_registerjoinLT {
    width: 65%;
}

.banner_registerjoinRT {
    width: 35%;
}


.banner_register_box {
    position: relative;
    border-radius: 12px;
    background: #151718;
    width: 100%;
    height: 276px;
    overflow: hidden;
    padding: 36px 35px;
}

.banner_registerinner {
    position: relative;
    z-index: 9;
}

.banner_register_box p {
    color: #7E7D7D;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 9px;
}

.banner_register_box h1 {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 41px;
    font-weight: 700;
    line-height: 35px;
    margin: 0;   
}

.banner_registerlast {
    padding-top: 23px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.banner_registerlast h6 {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 89%;
    margin: 0;
}


.banner_registerbtn a {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 89%;
    width: 96px;
    height: 36px;
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    background: url(img/bntbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    justify-content: center;
}


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

.banner_registerlast ul li {
    display: inline-block;
}

.banner_registerlast ul li a {
    width: 38px;
    height: 38px;
    border-radius: 5px;
    background: #3c1c25;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_registerlast ul li a img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(7%) saturate(752%) hue-rotate(307deg) brightness(104%) contrast(101%);
    max-width: 100%;
    display: block;
} 

.bannerRtR {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.banner_join_box {
    position: relative;
    border-radius: 12px;
    background: #151718;
    width: 100%;
    height: 276px;
    overflow: hidden;
    padding: 30px 20px;
}

.banner_joininner {
    position: relative;
    z-index: 9;
}

.banner_join_box h2 {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 34px;
    font-weight: 700;
    line-height: 31px;
    margin: 0;
    padding-bottom: 16px;
}

.banner_join_box p {
    color: #7E7D7D;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.banner_joinlast {
    padding-top: 13px;
}


.banner_joinbtn a {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 89%;
    width: 96px;
    height: 36px;
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    background: url(img/bntbg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    justify-content: center;
}

.bannerjoinimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}


.bannerjoinimg2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.slider6 {
   position: relative; 
}

.slider6 .owl-dots {
    background: #2f2b30;
    display: inline-flex;
    padding: 5px 7px;
    border-radius: 30px;
    position: absolute;
    bottom: 13px;
    left: 37px;
}
.slider6.owl-carousel button.owl-dot {
    background: #8d8b8d !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 5px !important;
    height: 5px !important;
    border-radius: 7px;
    margin: 0 2px;
}

.slider6.owl-carousel button.owl-dot.active {
    background: #fff !important;
    width: 20px !important;
}

/*--- search_ProvidersPT start --*/
.search_ProvidersPT {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 0px;
}

.search_providersLT {
    width: 70%;
}

.search_providersRT {
    width: 30%;
}


.innersearchPT {
    position: relative;
}

.innersearchPT input {
    color: #ff0066;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    background: #151718;
    padding: 8px 8px 8px 35px;
    display: block;
    border: none;
    outline: none;
    width: 100%;
    height: 45px;
}

.innersearchPT input::placeholder {
    color: #5D5F60;
    font-size: 13px;
    font-weight: 500; 
}

.innersearchPT img {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    left: 15px;
}


.pvdrs_selectbox_part{
    border-radius: 6px;
    background: #151718;
    padding: 8px;
    display: flex;
    border: none;
    outline: none;
    width: 100%;
    height: 45px;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.pvdrs_selectbox_part p{
    color: #565859;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pvdrs_selectbox_part p img{
    width: 24px;
    height: 24px;
    display: block;
}

.pvdrs_custom-select{
    position:relative;
    width: 100%;
}

.pvdrs_select-selected{
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pvdrs_arrow{
    width: 22px;
    transition:.3s;
}

.pvdrs_select-items{
    position:absolute;
    top:calc(100% + 5px);
    left:0;
    width:100%;
    background:#151718;
    border:1px solid #2a2d30;
    border-radius:6px;
    list-style:none;
    display:none;
    overflow:hidden;
    z-index:100;
}

.pvdrs_select-items li{
    font-size: 13px;
    padding:10px 15px;
    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.pvdrs_select-items li:hover{
    background:#222526;
}

.pvdrs_custom-select.active .pvdrs_select-items{
    display:block;
}

.pvdrs_custom-select.active .pvdrs_arrow{
    transform:rotate(180deg);
}

#category{
    color: #fff;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    background: #ffffff00;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(img/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 22px;
    padding: 0px;
}

#category option {
    color: #ff0066;
    background: #151718;
    margin-top: 1px;
    padding: 3px;
    border: none;
}

#category:focus{
    border-color: #000;
}

/*--- ossfp-area start ---*/
.ossfp-area {
   padding: 0;
}

.ossfp_innerhead_left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ossfp_innerhead_LTleft span {
    display: flex;
    gap: 9px;
    align-items: center;
}

.ossfp_innerhead_LTleft img {
    height: 28px;
    display: block;
}

.ossfp_innerhead_LTleft h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.ossfp_innerhead_LTleft h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}


.ossfp_btn a {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    width: 86px;
    height: 32px;
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    background: url(img/ossfpbtnbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    justify-content: center;
}

.ossfp_inner_part2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 20px;
}

.innerPT_image22 {
    height: 96px;
}


.ossfp_innerPT_image img {
    width: 100%;
    height: 100%;
    display: block;
}


.ossfp_mainhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 0;
}


.customPrevBtn1 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customPrevBtn1 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}


.customPrevBtn1:hover {
    background: #F06;    
}

.customPrevBtn1:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customNextBtn1 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customNextBtn1 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}

.customNextBtn1:hover {
    background: #F06;    
}

.customNextBtn1:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.ossfp_innerhead_right .owl-nav {
    display: flex;
    gap: 5px;
}

.providers_part {
    padding-top: 38px;
}

.customPrevBtn2 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customPrevBtn2 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}


.customPrevBtn2:hover {
    background: #F06;    
}

.customPrevBtn2:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customNextBtn2 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customNextBtn2 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}

.customNextBtn2:hover {
    background: #F06;    
}

.customNextBtn2:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customPrevBtn3 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customPrevBtn3 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}


.customPrevBtn3:hover {
    background: #F06;    
}

.customPrevBtn3:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customNextBtn3 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customNextBtn3 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}

.customNextBtn3:hover {
    background: #F06;    
}

.customNextBtn3:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customPrevBtn4 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customPrevBtn4 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}


.customPrevBtn4:hover {
    background: #F06;    
}

.customPrevBtn4:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customNextBtn4 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.customNextBtn4 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}

.customNextBtn4:hover {
    background: #F06;    
}

.customNextBtn4:hover img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customPrevBtn5 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}


.customPrevBtn5 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}


.customPrevBtn5:hover {
    background: #F06;    
}

.customPrevBtn5:hover img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

.customNextBtn5 {
    background-color: #282b2e;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.customNextBtn5 img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(12%) saturate(120%) hue-rotate(184deg) brightness(93%) contrast(92%);
    height: 10px;
    display: block;
}

.customNextBtn5:hover {
    background: #F06;    
}

.customNextBtn5:hover img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(64%) hue-rotate(207deg) brightness(119%) contrast(100%);   
}

/*--- abmbhrwr_area start --*/
.abmbhrwr_tabPT {
    width: 100%;
    padding-top: 50px;
}

.abmbhrwr_maintabitem {
    display: inline-flex;
    gap: 0px;
    flex-wrap: wrap;
    margin-bottom: 27px;
    border-radius: 10px;
    background: linear-gradient(57deg, #151718 17.93%, #323232 165.27%), rgba(220, 227, 244, 0.12);
    padding: 4px;
}


.abmbhrwr_tabitem {
    padding: 10px 14px;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    transition: .3s;
}

.abmbhrwr_tabitem p {
    color: rgba(229, 232, 241, 0.72);
    text-align: center;
    font-size: 13.9px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.abmbhrwr_tabitem p span {
    width: 24px;
    display: block;
}

.abmbhrwr_tabitem p span img {
    max-width: 100%;
    display: block;
}

.abmbhrwr_tabitem.active {
    background-image: url('img/btnbg3.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.abmbhrwr_tabitem.active p {
    color: #fff;
}

.abmbhrwr_tabitem.active img {
filter: brightness(0) saturate(100%) invert(12%) sepia(70%) saturate(6024%) hue-rotate(336deg) brightness(119%) contrast(113%);   
}

.abmbhrwr_tabcontain {
    display: none;
    padding-top: 27px;
}

.abmbhrwr_tabcontain.active {
    display: block;
}


.abmbhrwr_tabitem img{
    width:20px;
    height:20px;
}

.gubmp_head {
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-left: 16px;
    padding-bottom: 23px;
    width: 100%; 
}

.gubmp_hditem1 {
    width: 20%;
}

.gubmp_hdText p {
    color: rgba(229, 232, 241, 0.56);
    font-size: 11.6px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;   
}

.gubmp_cTNPT {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #151718;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 16.48px;
    margin-bottom: 2px;
    width: 100%;
}

.gubmp_cTNitem1 {
    width: 20%;
}

.gubmp_cTNitem2 {
    width: 20%;
}

.gubmp_cTNitem3 {
    width: 20%;
}

.gubmp_cTNitem4 {
    width: 20%;
}

.gubmp_cTNitem5 {
    width: 20%;
}


.gubmp_cTNitem1 p {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gubmp_cTNitem1 p span {
    width: 24px;
    display: block;
}

.gubmp_cTNitem1 p span img {
    max-width: 100%;
    display: block;
}

.gubmp_cTNitem2 p {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gubmp_cTNitem2 p span {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: rgba(220, 227, 244, 0.20);
    box-shadow: 0 0 0 1px rgba(220, 227, 244, 0.16) inset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gubmp_cTNitem2 p span img {
    max-width: 100%;
    display: block;
}



.gubmp_cTNitem3 p {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gubmp_cTNitem3 p img {
    width: 24px;
    height: 24px;
    display: block;
}

.gubmp_cTNitem4 p {
    color: rgba(229, 232, 241, 0.56);
    font-size: 10.5px;
    font-weight: 500;
    line-height: 16px;
    padding: 2.8px 5.8px 2.8px 6px;
    border-radius: 6px;
    background: rgba(220, 227, 244, 0.12);
    display: inline-block;  
}

.cTNitem4active p {
 color: #6ADF4D;
 border-radius: 6px;
  background: rgba(65, 203, 79, 0.16);  
}


.gubmp_cTNitem5 p {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gubmp_cTNitem5 p img {
    width: 24px;
    height: 24px;
    display: block;
}


.jnlivechat_box {
    width: 100%;
    height: 94px;
    border-radius: 6px;
    background: #161A22;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 9px;
    padding-bottom: 12px;
    position: relative;
    overflow: hidden;
}

.jnlivechat_box h3 {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    position: relative;
    z-index: 9;
}

.jnlivechat_box a {
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    width: 55px;
    height: 24px;
    border-radius: 4px;
    background: #F06;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9px;
    position: relative;
    z-index: 9; 
}

.jnlivechat_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;   
}


.head_Wallet {
    position: relative;
}


.head_WalletPT {
    border-radius: 9px;
    background: #1D1D1D;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 2px;
    padding-left: 10px;
    position: relative;
}

.Walletbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;   
}

.head_Walletleft {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    z-index: 9;
}

.head_Walletleft p {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 21px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 11px;
}

.head_Walletleft p img {
    width: 25px;
    height: 25px;
    display: block;   
}


.head_Walletarrowdown img {
    width: 14px;
    cursor: pointer;
}


.walleticon {
    width: 43px;
    height: 43px;
    border-radius: 8px;
    background: linear-gradient(180deg, #FF0046 0%, #FF4A62 100%), #1D1D1D;
    display: flex;
    align-items: center;
    justify-content: center; 
    position: relative;
    z-index: 9;  
}


.walleticon img {
    width: 27px;
    height: 20px;
    transform: rotate(-5.729deg);
    display: block;
}


.dropdownWallet_box {
    width: 341px;
    border-radius: 12px;
    border: 1px solid rgba(169, 175, 181, 0.12);
    background: #141517;
    box-shadow: 0 8px 12px 4px rgba(0, 0, 0, 0.12);
    padding: 20px;
    position: absolute;
    top: 59px;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 9999;
    display: none;
}

.dropdownWallet_head {
    padding-bottom: 16px;
}

.dropdownWallet_head h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;   
}

.dropdownWallet_part {
    display: flex;
    align-items: start;
    gap: 15px;
}

.dropdownWalletLT {
    width: 50%;
}

.dropdownWalletRT {
    width: 50%;
}

.dropdownWalletLTtext p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; 
    letter-spacing: -0.04px;
    margin: 0;
    padding-bottom: 4px;
}

.dropdownWalletLTtext h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;      
}



.Wallet_BonusACT {
    border-radius: 8px;
    background: #1A1B1E;
    padding: 12px 16px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin: 16px 0;
}

.Wallet_BonusACTLT p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-bottom: 4px;
}

.Wallet_BonusACTLT h4 {
    color: #F4F5F6;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.56px;
    margin: 0;   
}

.Wallet_BonusACTRT img {
    height: 19px;
    display: block;
    padding-top: 5px;
}

.dropdownWallet_btn {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: #BBEB00;
    padding: 12px 0;
    text-transform: capitalize;
    cursor: pointer;
    transition: 0.3s all ease;  
}

.dropdownWallet_btn:hover {
    background: #fff;
}


.Walletcustom-custom-select{
    position:relative;
    width: 100%;
}


.Walletcustom-select-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 17px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    height: 44px;
}


.Walletcustom-selected-content{
    display:flex;
    align-items:center;
    gap:8px;
}

.Walletcustom-selected-content img{
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.Walletcustom-selected-content span{
    color:#fff;
    font-size:14px;
    font-weight: 400;
}


.Walletcustom-arrow{
    height: 20px;
}


.Walletcustom-options{
    position:absolute;
    top:calc(100% + 5px);
    left:0;
    width:100%;
    background:#151718;
    border:1px solid #2a2d30;
    border-radius:8px;
    list-style:none;
    padding:0;
    margin:0;
    display:none;
    overflow:hidden;
    z-index:999;
}

.Walletcustom-options li{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    cursor:pointer;
    transition:.2s;
}

.Walletcustom-options li:hover{
    background:#222526;
}

.Walletcustom-options img{
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.Walletcustom-options span{
    color:#fff;
    font-size:14px;
}


.Walletcustom-custom-select.active .Walletcustom-options{
    display:block;
}

/*--- gepmt_part start---*/
.gepmt_part {
    display: none;
}

.gepmt_head {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 0.8px solid rgba(169, 175, 181, 0.12);
    padding: 8px 12px;
    gap: 10px;
}

.gepmt_headitemleft {
    width: 55%;
}

.gepmt_headitemright {
    width: 45%;
}


.gepmt_headitem p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;  
}

.innergepmt_cNt {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    gap: 10px;    
}

.innergepmtcNt_left {
    width: 55%;
}

.innergepmtcNt_right {
    width: 45%;
}

.innergepmtcNt_left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.innergepmtcNt_image {
    width: 30px;
    height: 40.31px;
    border-radius: 8px;
    overflow: hidden;
}

.innergepmtcNt_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.innergepmtcNt_text p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
}

.innergepmtcNt_text h3 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0; 
    padding-top: 4.4px;  
}



.innergepmtcNt_right p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.04px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.innergepmtcNt_right p img {
    width: 16px;
    height: 16px;
    display: block;   
}

.innergepmt_cNtbg {
   background: #141517;
}

.innergepmtcNtCL p {
   color: #83D900;    
}




/* livechat start */
.innerlivechat_head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 15px 0;
}


.innerlivechat_headLT {
    display: flex;
    align-items: center;
    gap: 10px;
}

.innerlivechat_headLT h3 {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.innerlivechat_headLT h3 img {
    width: 32px;
    height: 32px;
    display: block;   
}

.livechatview {
    border-radius: 4px;
    background: #151912;
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.livechatview span {
    width: 12px;
    height: 12px;
    display: block;
    background-color: #99E508;
    border-radius: 50%;
    border: 2px solid #242f11;   
}

.livechatview p {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin: 0;   
}

.custom-select{
  position:relative;
}

.select-box{
    background: #131b2d;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#selectedFlag {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
}

.arrow {
  width:12px;
  height:12px;
}

.options{
  list-style:none;
  padding:0;
  margin:6px 0 0;
  position:absolute;
  width:100%;
  background:#1f2224;
  border-radius:8px;
  display:none;
  max-height:220px;
  overflow-y:auto;
  z-index:999;
}

.options li{
  padding:10px;
  display:flex;
  justify-content:center;
  cursor:pointer;
}

.options li:hover{
  background:#2a2d30;
}

.options img{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
}

.innerlivechat {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.innerlivechat_img img {
    width: 35px;
    height: 35px;
    border: 1px solid #99e508;
    border-radius: 50%;
    padding: 3px;
    object-fit: cover;
}


.innerlivechatCL1 img {
    border: 1px solid #0084ff;
}


.innerlivechatCL2 img {
    border: 1px solid #e46f08;
}

.innerlivechatCL3 img {
    border: 1px solid #c636ea;
}

.innerlivechat_box {
    border-radius: 4px;
    background: #181a20;
    padding: 7px 8.7px;
    width: 100%;
}

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

.innerlivechatboXTP_text h3 {
    color: #5D6680;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.innerlivechatboXTP_text h3 span {
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    background: #F06;
    width: 45px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;   
}

.innerlivechatboXTPCL h3 span {
    border-radius: 3px;
    background: linear-gradient(180deg, #67C5FF 0%, #009DFF 100%);    
}

.innerlivechatboXTP_image img {
    width: 16px;
    height: 16px;
    display: block;
}

.innerlivechatboXtext {
    padding-top: 10px;
}

.innerlivechatboXtext p {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin: 0;
}

.innerlivechatboXtext p a {
    color: #F06;
    font-weight: 700;
}

.textCL1 p a {
    color: #009DFF;
}

.Logmassage_part {
    padding: 13px 16px;
    border-radius: 6px;
    border: 0.5px solid rgba(16, 18, 19, 0.00);
    background: linear-gradient(0deg, #151718 37.84%, #323232 227.03%), #212B40;
    box-sizing: border-box;   
}

.Logmassage_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.Logmassage_boxLT input {
    color: #979797;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    background: none;
    border: none;
    outline: none; 
}

.Logmassage_boxLT input::placeholder {
    color: #979797;
    font-size: 14px;
    font-weight: 400; 
}


.Logmassage_boxRT {
   display: flex;
   align-items: center;
   gap: 10px;
}

.Logmassage_icon img {
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
}

/*-- footer_area start ---*/
.footer_area {
   background-color: #101213;
   padding: 51px 38px;  
}

.footer_logoLGpt {
    border-top: 1px solid #A9AFB51F;
    padding: 30px 0;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.footer_logo img {
    width: 129px;
    height: 45px;
    display: block;
}


.footer_logoLGbtn a {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    background: rgba(169, 175, 181, 0.12);
    display: flex;
    width: 96.56px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
}

.footer_logoLGbtn a img {
    width: 16px;
    height: 16px;
    display: block;   
}

.footer_NvsptPt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 220px;
    padding-bottom: 30px;
}

.footer_navPT {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
}

.footer_navitem h3 {
    color: #F4F5F6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.12px;
    padding-bottom: 16px;
    margin: 0;
}

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

.footer_navitem ul li {
    display: block;
    padding-bottom: 12px;
}

.footer_navitem ul li a {
    color: #969DA4;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    transition: 0.3s all ease;
}

.footer_navitem ul li a:hover {
    color: #FF0048;
}



.footer_supportbox {
    width: 343px;
    height: 176px;
    border-radius: 12px;
    background: #1A1B1E; 
    padding: 16px;  
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}


.footer_supportbox h3 {
    color: #F4F5F6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.12px;
    display: flex;
    align-items: center;
    gap: 7.23px;
    padding-bottom: 13px;
}

.footer_supportbox h3 span {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: #FF0048;
    width: 42.59px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_supportbox p {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;
}

.supportbox-btn span {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: flex;
    width: 84.81px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.12);
    margin-top: 34px;
    cursor: pointer;
}

.supportbox-btn span:hover {
    background: #FF0048; 
}

.footer_supportbox img {
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;   
}

.footer_innerPT {
    border-top: 1px solid #A9AFB51F;
    border-bottom: 1px solid #A9AFB51F;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.footerINRPT {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footerINRcmp1 {
    display: flex;
    align-items: center;
}

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

.footerINRcmp1 ul li {
    display: inline-block;
    padding-right: 8px;
}

.footerINRcmp1 ul li a img {
   width: 32px;
   height: 32px;
   display: block;
}

.footerINRcmp1 span {
    color: #969DA4;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    width: 32px;
    height: 32px;
    display: flex;
    border-radius: 999px;
    background: #1A1B1E;
    align-items: center;
    justify-content: center;    
}

.footerline {
   width: 1px;
   height: 24px;
   background: #A9AFB51F;
   display: block;
}


.footerINRcmp2 {
    display: flex;
    align-items: center;
}

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

.footerINRcmp2 ul li {
    display: inline-block;
    padding-right: 8px;
}

.footerINRcmp2 ul li a img {
   width: 32px;
   height: 32px;
   display: block;
}

.footerINRbtn a {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    width: 98.23px;
    height: 32px;
    display: flex;
    border-radius: 999px;
    background: #1F2123;
    align-items: center;
    justify-content: center;   
}

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

.footer_social ul li {
    display: inline-block;
    padding-left: 8px;
}

.footer_social ul li a {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 6px;
    border: 1px solid rgba(169, 175, 181, 0.12);
    background: #141517;
    display: flex;
    align-items: center;
    padding: 8px 13px;
    gap: 8px;
    justify-content: center;
}

.footer_social ul li a img {
   height: 16px;
   display: block;
}



.footerlast_part {
    padding-top: 40px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}


.footerlast_logo ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   padding-bottom: 30px;
}

.footerlast_logo ul li {
    display: inline-block;
}

.footerlast_logo ul li a img {
    max-width: 100%;
    display: block;
}

.footerlast_text p {
    color: #79818B;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    max-width: 1001.775px;
    margin: 0;
}

.footerlast_text h6 {
    color: #79818B;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    margin: 0;
    padding-top: 20px;    
}

.footerlast_right {
    padding-bottom: 20px;
}

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

.footerlast_right ul li {
    display: inline-block;
    padding-left: 2px;
}

.footerlast_right ul li a img {
    max-width: 100%;
    display: block;
}

/* support popup start */
.supportPopup_popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.7);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index: 9999999;
}

.supportPopup_popup-overlay.active{
    opacity:1;
    visibility:visible;
}

.supportPopup_popup-box {
    width: 400px;
    background: #141517;
    border-radius: 12px;
    padding: 0px;
    transform: scale(.8);
    transition: .3s;
    position: relative;
}

.supportPopup_popup-overlay.active .supportPopup_popup-box{
    transform:scale(1);
}

.supportPopup_close-popup{
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 18px;
    cursor: pointer;
    color: #121414;
    background: #FFFFFFA3;
    width: 16.667px;
    height: 16.667px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    border-radius: 50%;
}


.support_popup_banner {
    width: 100%;
    height: 150.7px;
    border-radius: 12px;
    overflow: hidden;
}

.support_popup_banner img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
}

.support_popup_head {
    padding-top: 28px;
    padding-left: 20px;
    padding-right: 20px;
}

.support_popup_head h2 {
    color: #F4F5F6;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.8px;
    margin: 0;
    padding-bottom: 13px;
}

.support_popup_head p {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    max-width: 331.589px;
    margin: 0;   
}



.support_popupitemPT {
    padding: 16px 24px;
    padding-bottom: 4px;
}


.support_popupitemBox {
    border-radius: 8px;
    background: #1A1B1E;
    padding-top: 10px;
    padding-left: 8px;
    padding-bottom: 10px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.support_PPPimBxLeft {
    display: flex;
    align-items: center;
    gap: 12px;
}


.support_PPPimBxLTIimg img {
    width: 40px;
    height: 40px;
    display: block;
}

.support_PPPimBxLTItext h4 {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
}

.support_PPPimBxLTItext p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-top: 1px;   
}

.support_PPPimBxRTicon1 img {
    width: 20px;
    height: 20px;
}


.support_coppyicon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s all ease;
}

.support_coppyicon img {
    width: 20px;
    height: 20px;
}


.support_coppyicon:hover {
    background: #FF0066;
}

.slider1 .owl-dots {
    display: none;
}

.slider2 .owl-dots {
    display: none;
}

.slider3 .owl-dots {
    display: none;
}

.slider4 .owl-dots {
    display: none;
}

.slider5 .owl-dots {
    display: none;
}

.textp2 {
    display: none;
}

.bannerjoinimg2 {
    display: none;
}


/*-- mobilemenu_area start ---*/
.mobilemenu_area {
   background-color: #141517;
   padding: 0px;
   display: none; 
}


.mobilemenu_part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    background: #141517;
}

.mobilemenu_item {
    position: relative;
    height: 70px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    text-align: center;
    border-right: 0.8px solid rgba(169, 175, 181, 0.12);
    border-top: 0.8px solid rgba(169, 175, 181, 0.12);
    transition: 0.3s all ease;
}

.mobilemenu_item span img {
    width: 20px;
    height: 20px;
    display: inline-block;   
}

.mobilemenu_item span p {
    color: #9FA5AC;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    margin: 0;
    padding-top: 5px;    
}

.mobilemenu_item:hover img {
    filter: brightness(0) saturate(100%) invert(82%) sepia(44%) saturate(2426%) hue-rotate(21deg) brightness(104%) contrast(101%);    
}

.mobilemenu_item:hover p {
    color: #BBEB00;
}

.mobilemenu_circal {
    position: absolute;
    top: -23px;
    width: 100%;
    left: 0;
    height: 32px;
}

.mobilemenu_item:hover .mobilemenu_circal {
 filter: brightness(0) saturate(100%) invert(7%) sepia(2%) saturate(2397%) hue-rotate(182deg) brightness(88%) contrast(96%);   
}

.banner_registerinner1 h1 {
    font-size: 55px;
    line-height: 50px;    
}


.mbprofilebOx {
    display: none;
}


/*--- gmSpVdr_area start---*/
.gmSpVdr_area {
   padding: 0;
}

.gmSpVdr_back {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
}

.gmSpVdr_backicon {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #151718;
    transition: 0.3s all ease;
}

.gmSpVdr_backicon:hover {
    background: #F06;    
}

.gmSpVdr_backicon:hover img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(93deg) brightness(116%) contrast(101%);
}

.gmSpVdr_backicon img {
    max-width: 100%;
    display: block;
}

.gmSpVdr_backtext p {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.2px;
    margin: 0;    
}

.gmSpVdr_backRT {
    display: none;
}


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


.gmSpVdr_backRTleft a {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 4px;
    background: rgba(169, 175, 181, 0.12);
    padding: 8px 12px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gmSpVdr_backRTleft a img {
    max-width: 100%;
    display: block;
}

.gmSpVdr_backRTright ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 8px;
}

.gmSpVdr_backRTright ul li {
    display: inline-block;
}

.gmSpVdr_backRTright ul li span {
    width: 36px;
    height: 36px;
    display: flex;
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.12);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.rlsbacktext p {
    font-size: 19px;  
}

.gmSpVdr_searchselect_part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.gmSpVdr_searchselectLT {
    width: 50%;
}

.gmSpVdr_searchselectRT {
    width: 50%;
}


.gmSpVdr_search {
    position: relative;
}

.gmSpVdr_search input {
    color: #5D5F60;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    background: #151718;
    padding: 14px 16px 14px 44px;
    display: block;
    border: none;
    outline: none;
    width: 100%;
    height: 45px;   
}

.gmSpVdr_search input::placeholder {
    color: #5D5F60;
    font-size: 14px;
    font-weight: 500; 
}

.gmSpVdr_search img {
    height: 20px;
    position: absolute;
    top: 12px;
    left: 16px;
}

.gmSpVdr_select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 17px;
}

/* gmSpVdr select 1 */
.gmSpVdr_select1 {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #151718;
    padding: 4px 17px;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    width: 100%;
}

.gmSpVdr_selecticon img {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
}

.gmSpVdr_customSlt1{
    position:relative;
    width: 100%;
}

.gmSpVdr_customSlt1_selected{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.gmSpVdr_customSlt1_arrow{
    height: 18px;
    transition: .3s;
}

.gmSpVdr_customSlt1_items{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    width:100%;

    background:#151718;
    border:1px solid #2a2d30;
    border-radius:8px;

    list-style:none;
    padding:0;
    margin:0;

    display:none;
    overflow:hidden;
    z-index:999;
}

.gmSpVdr_customSlt1_items li{
    padding:12px 15px;
    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.gmSpVdr_customSlt1_items li:hover{
    background:#222526;
}

.gmSpVdr_customSlt1.active .gmSpVdr_customSlt1_items{
    display:block;
}

.gmSpVdr_customSlt1.active .gmSpVdr_customSlt1_arrow{
    transform: rotate(180deg);
}

.gmSpVdr_select2 {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #151718;
    padding: 4px 17px;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    width: 100%;
}


.gmSpVdr_customSlt2{
    position:relative;
    width: 100%;
    
}

.gmSpVdr_customSlt2_selected{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

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

.gmSpVdr_customSlt2_arrow{
    width: 20px;
    height: 20px;
    transition:0.3s ease;
}


.gmSpVdr_customSlt2_items{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    width:100%;
    background:#151718;
    border:1px solid #2a2d30;
    border-radius:8px;
    list-style:none;
    padding:0;
    margin:0;
    display:none;
    overflow:hidden;
    z-index:999;
}

.gmSpVdr_customSlt2_items li{
    padding:12px 15px;
    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.gmSpVdr_customSlt2_items li:hover{
    background:#222526;
}

.gmSpVdr_customSlt2.active .gmSpVdr_customSlt2_items{
    display:block;
}

.gmSpVdr_customSlt2.active .gmSpVdr_customSlt2_arrow{
    transform:rotate(180deg);
}


.gmSpVdr_imgContinPT {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 8px;
    justify-content: space-around;
    grid-row-gap: 17px;
    padding-top: 19px;
    padding-bottom: 30px;
}

.gmSpVdr_image img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 8px;
}


.loadingCTN_area {
    padding-top: 15px;
}

.loadingCTN_part {
    position: relative;
    overflow: hidden;
    border-radius: 29px;
    background: #151718;
    width: 100%;
    height: 481px;
    padding-top: 33px;
    padding-bottom: 16px;
    padding-left: 30px;
    padding-right: 30px;
}

.loadingCTN_head {
    position: relative;
    z-index: 9;
}

.loadingCTN_head h2 {
    font-family: "Bebas Neue", sans-serif;
    color: #FFF;
    font-size: 78px;
    font-weight: 400;
    margin: 0;
    text-align: center;
    line-height: 70px;
}

.loadingbarPT {
    position: absolute;
    bottom: 16px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 9;
    left: 0;
}


.pb10 {
    width: 500px;
    height: 8px;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.pb10 div {
    width: 0%;
    height: 100%;
    background: linear-gradient(270deg, #44005B 27.78%, #13001A 124.71%);
    animation: load 3s forwards;
    border-radius: 26px;
    position: absolute;
    left: -1px;
}




@keyframes load {
 to{width: 25%}
}

.loadingbarinner p {
    font-family: "Poppins", sans-serif;
    color: #FFDAFA;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    text-align: center;
    padding-top: 16px;    
}

.loadingCTNimg1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.loadingCTNimg2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    display: none;
}



.minesloadingbar .pb10 div {
   background: linear-gradient(270deg, #00055B 27.78%, #13001A 124.71%);
}

.pokerloadingbar .pb10 div {
   background: linear-gradient(270deg, #383838 27.78%, #13001A 124.71%);
}

.diceloadingbar .pb10 div {
    background: linear-gradient(270deg, #5B004A 27.78%, #13001A 124.71%);
}

.kenoloadingbar .pb10 div {
   background: linear-gradient(270deg, #055B00 27.78%, #13001A 124.71%);
}

.wheelloadingbar .pb10 div {
    background: linear-gradient(270deg, #07F 27.78%, #13001A 124.71%);
}

.plinkoloadingbar .pb10 div {
    background: linear-gradient(270deg, #FFCB5B 27.78%, #13001A 124.71%);
}


.pokerloadingbar p {
    color: #fff;
}

.kenoloadingbar p {
   color: #00743e;
}

.wheelloadingbar p {
   color: #93d6ff;
}

.plinkoloadingbar p {
   color: #744400;
}


/*--- gmSpVdr_viewarea start --*/
.gmSpVdr_viewarea {
    padding-top: 552px;
}

.gmSpVdr_view p {
    color: #565859;
    text-align: center;
    font-size: 13.7px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
    margin: 0;
}

.gmSpVdr_view a {
    color: #FFF;
    text-align: center;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
    border-radius: 10px;
    background: #151718;
    display: flex;
    width: 107.5px;
    height: 48px;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 13px;
    transition: 0.3s all ease; 
}

.gmSpVdr_view a:hover {
    background: #F06;    
}


.providers_imgContinPT {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 8px;
    justify-content: space-around;
    grid-row-gap: 28px;
    
}


/*--- loGInrEGisTer_area start --*/
.loGInrEGisTer_area {
    padding: 0px 0;
}

.loGInrEGisTer_part {
    width: 800px;
    height: 100%;
    padding: 3px;  
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.loGInrEGisTer_left {
    width: 45%;
    height: 100%;
}

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

.loGInrEGisTer_Right {
    width: 55%;
}

.loGInrEGisTerLT_box {
    width: 100%;
    height: 700px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    padding-top: 66px;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.loGInrEGisTerLT_head {
    position: relative;
    z-index: 9;
}

.loGInrEGisTerLT_head p {
     color: #7E7D7D;
    text-align: center;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 16px;   
}

.loGInrEGisTerLT_head h2 {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    text-align: center;
    font-size: 41px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    margin: 0;   
}

.loGInrEGisTerimg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}


.loGInrEGisTerimg2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}


.loGInrEGisTerRT {
    width: 100%;
    height: 100%;
    padding: 24px;
    box-sizing: border-box;
}

.loGInrEGisTerRT_head {
   padding-bottom: 26px;
}

.loGInrEGisTerRT_head h3 {
    color: #F4F5F6;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.8px;
    margin: 0;   
}

.loGInrEGisTerRT_olIv {
    position: relative;
    margin-top: 24px;
}

.loGInrEGisTerRT_olIv span {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #2E3135;
}

.loGInrEGisTerRT_olIv p {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: block;
    margin: auto;
    background-color: #141517;
    width: 106px;
    text-align: center;
    margin-top: -11px;    
} 

.loGInrEGisTerRT_last ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
    padding-bottom: 16px;
    padding-top: 20px;
}

.loGInrEGisTerRT_last ul li {
    display: inline-block;
}

.loGInrEGisTerRT_last ul li a {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(169, 175, 181, 0.12);
}

.loGInrEGisTerRT_last ul li a img {
    width: 20px;
    height: 20px;
    display: block;
}


.loGInrEGisTerRT_last p {
    color: #9FA5AC;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;

}

.loGInrEGisTerRT_last p a {
    color: #FF0048;
    font-weight: 600;
}

.nEwloGInrEGisTer .switchBar{
    display: flex;
    background: #26272a;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 3px;
    border-radius: 8px;
}

.nEwloGInrEGisTer .switchBtn {
    flex: 1;
    text-align: center;
    padding: 14px;
    cursor: pointer;
    color: #9FA5AC;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 6px;
}

.nEwloGInrEGisTer .switchBtn img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(122%) hue-rotate(172deg) brightness(86%) contrast(84%);
}

.nEwloGInrEGisTer .switchBtn.active {
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.16);
    color:#fff;
}

.nEwloGInrEGisTer .switchBtn.active img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(314%) hue-rotate(266deg) brightness(119%) contrast(100%);
}

.nEwloGInrEGisTer .box{
    display:none;
    height: 390px;
    position: relative;
}

.nEwloGInrEGisTer .box.active{
    display:block;
}

.loGInrEGisTerFm {
    position: relative;
    margin-bottom: 16px;
}

.loGInrEGisTerFm input {
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 50px;
    outline: none;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    padding: 8px 50px;
}

.loGInrEGisTerFm input::placeholder {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 500;
}

.loGInrEGisTerIn1 {
    filter: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(122%) hue-rotate(172deg) brightness(86%) contrast(84%);
    position: absolute;
    left: 20px;
    top: 15px;
    width: 20px;
    height: 20px;   
}

.nEwloGInrEGisTer button{
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: #FF0048;
    padding: 12px 0;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
}

.nEwloGInrEGisTer .phoneRow{
    display: flex;
    margin-bottom: 26px;
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 50px;
    outline: none;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    padding: 4px 8px;
    align-items: center;
}


.loGInrEGisTerFm1 {
    width: 100%;
}

.loGInrEGisTerFm1 input {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    background: none;
    border: none;
    outline: none;
}


.loGInrEGisTerFm1 input::placeholder {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 500;
}

.nEwloGInrEGisTer .flagSelect{
    position:relative;
    width: 85px;
    background:#24272d;
    cursor:pointer;
}

.nEwloGInrEGisTer .flagSelected{
    display: flex;
    align-items: center;
    gap: 4px;
    color: #9FA5AC;
    font-size: 13px;
    justify-content: center;
}

.nEwloGInrEGisTer .flagSelect img{
    width: 19px;
    object-fit: contain;
}

.nEwloGInrEGisTer .flagOptions{
    position:absolute;
    top:100%;
    left:0;
    width:180px;
    background:#1c1f24;
    border-radius:8px;
    display:none;
    z-index:10;
}

.nEwloGInrEGisTer .flagOption{
    display:flex;
    gap:10px;
    padding:10px;
    color:#fff;
    cursor:pointer;
}

.nEwloGInrEGisTer .flagOption:hover{
    background:#ff0066;
}


.nEwloGInrEGisTer .otp{
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.nEwloGInrEGisTer .otp input{
    color: #fff;
    font-size: 14px;
    width: 46px;
    height: 46px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    padding: 12px 2px;
}

.nEwloGInrEGisTer .text {
    color: #969DA4;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 9px;
}

.nEwloGInrEGisTer .text2 p {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;
    padding-bottom: 6px;   
}

.nEwloGInrEGisTer .number {
    color:#aaa;
    font-size:14px;
    margin-bottom:10px;
}

.nEwloGInrEGisTer .number{
    color:#fff;
    font-weight:bold;
}

.nEwloGInrEGisTer .timer {
    color: #890b30;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px; 
}


.loGInrEGisTerFmTeXt p {
    margin: 0;
    line-height: 20px;
}

.loGInrEGisTerFmTeXt p a {
    color: #FF0048;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.12px;   
}

.eyeicon {
    position: absolute;
    top: 15px;
    width: 20px;
    height: 20px;
    right: 20px;
    cursor: pointer;   
}


.promocodePT {
   padding-bottom: 22px;
   padding-top: 6px;
}

.promocodePT p {
    color: #969DA4;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0;
}

.promocodePT p img {
    width: 32px;
    height: 32px;
    display: block;  
}

.loGInform_part2 {
    display: none;
}

.loGInrEGisTerFmTeXt2 {
    position: absolute;
    bottom: 53px;
    display: none;
}

.customCheckBox{
    display: flex;
    gap: 0px;
}

.customCheckBox_input{
    display:none;
}

.customCheckBox_box{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid rgba(169, 175, 181, 0.12);
    opacity: 0.5;
    background: #FF0048;
}

.customCheckBox_box::after{
    content:"";
    position:absolute;
    width:5px;
    height:10px;
    border: solid #000;
    border-width:0 2px 2px 0;
    top:1px;
    left:5px;
    transform:rotate(45deg);
    opacity:0;
}


.customCheckBox_input:checked + .customCheckBox_box::after{
    opacity:1;
}

.customCheckBox_text{
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
}

.customCheckBox_text a {
    color: #fff;
    font-size: 14px;
    text-decoration:none;
    display: inline-block;
    padding-top: 3px;
}

.nEwloGInrEGisTer .registerphoneRow {
    margin-bottom: 7px;
}

.registerform_part2 {
    display: none;
}

.customCheckBox2 {
    margin-top: 50px;
}


.registertext {
    padding-top: 21px;
}

.bonusType {
    width: 100%;
    position: relative;
    display: none;
}

.bonusType_select{
    position:relative;
}

.bonusType_input{
    color: #9FA5AC;
    font-size: 14px;
    width: 100%;
    height: 50px;
    outline: none;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    padding: 8px 50px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    transition:.3s;
}


.bonusType_input option{
    background:#1B1E22;
    color:#fff;
}

.bonusType_arrow{
    position:absolute;
    top:50%;
    right:16px;
    transform:translateY(-50%);
    pointer-events:none;
    display:flex;
    align-items:center;
}

.bonusType_arrow svg{
    transition:.3s;
}

.bonusType_input:focus + .bonusType_arrow svg{
    transform:rotate(180deg);
}

.bonusicon {
    position: absolute;
    left: 20px;
    top: 15px;
    width: 20px;
    height: 20px;    
}

/* Popup */
.loginPOPUP,
.registerPOPUP{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);

    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999999;
}

.loginPOPUP.active,
.registerPOPUP.active{
    opacity:1;
    visibility:visible;
}

/* Box */
.loginPOPUP_box,
.registerPOPUP_box{
    border-radius: 16px;
    background: #141517;
    position: relative;
    transform: translateY(25px);
    transition: .3s;
}

.loginPOPUP.active .loginPOPUP_box,
.registerPOPUP.active .registerPOPUP_box{
    transform:translateY(0);
}

/* Close */
.loginPOPUP_close,
.registerPOPUP_close{
    color: #a9a9aa;
    position: absolute;
    top: 30px;
    right: 24px;
    width: 28px;
    height: 28px;
    border: none;
    cursor: pointer;
    font-size: 20px;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.16);
    z-index: 9;
}

.loginPOPUP_close:hover,
.registerPOPUP_close:hover{
    background: #F06;
    color: #fff;
}


.slider7 {
   position: relative;

}

.slider7 .owl-dots {
    background: #9c9b9d6b;
    display: inline-flex;
    padding: 5px 7px;
    border-radius: 30px;
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.slider7.owl-carousel button.owl-dot {
    background: #8d8b8d !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 5px !important;
    height: 5px !important;
    border-radius: 7px;
    margin: 0 2px;
}

.slider7.owl-carousel button.owl-dot.active {
    background: #fff !important;
    width: 20px !important;
}

/*--- personalprofile start---*/
.personalprofile {
   padding: 0;
}

.personalprofile_part {
    padding-left: 15px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 125px;
}

.prSNLprofile_back {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 24px;
    padding-top: 10px;
}

.prSNLprofile_backicon {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.12);
    transition: 0.3s all ease;
}

.prSNLprofile_backicon:hover {
    background: #F06;    
}

.prSNLprofile_backicon:hover img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(93deg) brightness(116%) contrast(101%);
}

.prSNLprofile_backicon img {
    max-width: 100%;
    display: block;
}

.prSNLprofile_backtext h2 {
    color: #F4F5F6;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.8px;
    margin: 0;  
}

.personalprofile_box {
    border-radius: 12px;
    background: #1A1B1E;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}


.profile_imagetextPT {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile_image {
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

.profile_image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.profile_text h3 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;
    padding-bottom: 4px;
}

.profile_text p {
    color: #969DA4;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    display: flex;
    align-items: center;
    gap: 4px;    
}

.profile_text p img {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer; 
}

.editpen_part {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.editpen_part img {
    width: 16px;
    height: 16px;
    display: block;
}

.profile_Logout {
   padding-top: 32px;
}

.profile_Logout a {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    padding: 12px 16px;
    display: inline-block;
    transition: 0.3s all ease;
}

.profile_Logout a:hover {
    background: #FF0048;
}


.PersonalProfile_tab{
    width: 100%;
}

.PersonalProfile_tabHead{
    display: inline-flex;
    gap: 0px;
    padding: 5px;
    margin-bottom: 32px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
}

.PersonalProfile_tabBtn{
    cursor: pointer;
    transition: .3s;
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    background: #222527;
    border: none;
    padding: 10px 16px;
    border-radius: 6px;
}

.PersonalProfile_tabBtn.active{
    color:#fff;
    background: rgba(169, 175, 181, 0.16);
}

.PersonalProfile_tabContent{
    display:none;
    animation:fade .3s ease;
}

.PersonalProfile_tabContent.active{
    display:block;
}

@keyframes fade{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.personaldata_head {
    padding-bottom: 16px;
}

.personaldata_head h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}


.personaldata_box {
    background: #222527;
    border-radius: 12px;
}

.personaldata_formPT {
    border-radius: 12px;
    background: #1A1B1E;
    padding: 16px;    
    box-sizing: border-box;
}

.inner_personaldata {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    align-items: center;
    justify-content: space-around;
    grid-row-gap: 16px;
    padding-bottom: 16px;
}


.inner_personaldata_item input {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.12px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    padding: 12px 17px;
    width: 100%;
    height: 44px;
    border: none;
    outline: none;
}

.inner_personaldata_item input::placeholder {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;    
}

.inner_personaldata_item button {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.12px;
    padding: 12px 17px;
    width: 100%;
    height: 44px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 8px;
    background: #FF0048;
}

.mandatoryfieldPT {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;   
}

.mandatoryfieldPT img {
    width: 20px;
    height: 20px;
    display: block;
}

.mandatoryfieldPT p {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
}

.CNTInformation_part {
    padding-top: 32px;
}

.CNTInformation_head {
    padding-bottom: 16px;
}

.CNTInformation_head h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}

.CNTInfo_EmaiLbox {
    border-radius: 12px;
    background: linear-gradient(0deg, #1A1B1E 0%, #1A1B1E 100%), linear-gradient(0deg, #1F2123 0%, #1F2123 100%), rgba(169, 175, 181, 0.12);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 8px;
}

.CNTInfoEML_imagetext {
   display: flex;
   align-items: center;
   gap: 12px;
}

.CNTInfoEML_image img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
}

.CNTInfoEML_text p {
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-bottom: 3px;
}

.CNTInfoEML_text h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;
}

.CNTInfo_confirm p {
    color: #FF0048;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.CNTInfo_confirm p img {
    width: 20px;
    height: 20px;
    display: block;   
}



.mainCNTInfoPNE {
    background: #222527;
    border-radius: 12px;   
}

.CNTInfo_PhoneLbox {
    border-radius: 12px;
    background: linear-gradient(0deg, #1A1B1E 0%, #1A1B1E 100%), linear-gradient(0deg, #1F2123 0%, #1F2123 100%), rgba(169, 175, 181, 0.12);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}


.CNTInfoPNE_imagetext {
   display: flex;
   align-items: center;
   gap: 12px;
}

.CNTInfoPNE_image img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
}

.CNTInfoPNE_text p {
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-bottom: 3px;
}

.CNTInfoPNE_text button {
    color: #F4F5F6;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: rgba(169, 175, 181, 0.12);
    border: none;
    outline: none;
    padding: 3px 8px;
    display: inline-block;
    margin-top: 3px;   
}

.CNTInfo_Add button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 6px;
    background: #FF0048;
    border: none;
    padding: 8px 12px;
    display: inline-block;
    cursor: pointer;    
}

.CNTInfo_AddboX {
    padding: 16px;
    box-sizing: border-box;
    display: none;
}



.CNTInfo_AddPT p {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;    
}

.CNTInfo_Addbtn {
    margin-top: 48px;
}

.CNTInfo_Addbtn button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 6px;
    background: #FF0048;
    border: none;
    padding: 8px 12px;
    display: inline-block;
    cursor: pointer;
    width: 160px;    
}


.CNTInfo_AddPT_phoneRow{
    display: flex;
    align-items: center;
    gap: 0px;
    width: 100%;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    margin-top: 12px;
}



.CNTInfo_AddPT_flagSelect{
    width: 100px;
    position:relative;
}

.CNTInfo_AddPT_flagSelected{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #fff;
    padding: 12px 14px;
    font-size: 14px;
    padding-right: 0px;
}

.CNTInfo_AddPT_flagSelected .CNTInfo_AddPT_left{
    display:flex;
    align-items:center;
    gap:8px;
}

.CNTInfo_AddPT_flagSelected img{
    width: 17px;
    height: 17px;
    object-fit: cover;
    border-radius: 50px;
}

.CNTInfo_AddPT_arrow{
    transition:.3s;
}

.CNTInfo_AddPT_flagSelect.active .CNTInfo_AddPT_arrow{
    transform:rotate(180deg);
}


.CNTInfo_AddPT_flagOptions{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    width:100%;
    background:#1b1e22;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    display:none;
    overflow:hidden;
    z-index:999;

}

.CNTInfo_AddPT_flagOption{
    display:flex;
    align-items:center;
    gap:10px;
    padding: 12px;
    cursor:pointer;
    color:#fff;
    transition:.25s;
    font-size: 14px;
}

.CNTInfo_AddPT_flagOption:hover{
    background:#2a2e34;
}

.CNTInfo_AddPT_flagOption img{
    width: 17px;
    height: 17px;
    border-radius: 50px;
    object-fit: cover;
}



.CNTInfo_AddPT_inputBox{
    flex:1;
}

.CNTInfo_AddPT_phoneInput{
    width: 100%;
    border: none;
    outline: none;
    border: none;
    color: #fff;
    font-size: 14px;
    background: none;
    padding: 12px 10px;
}

.CNTInfo_AddPT_phoneInput::placeholder{
    color:#fff;
}

.gdrPT_wrap{
    position:relative;
    width: 100%;
}

.gdrPT_box{
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: rgba(169, 175, 181, 0.12);
    padding: 12px 17px;
    width: 100%;
}


.gdrPT_box span{
    color: #9FA5AC;
}


.gdrPT_icon{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    transition:.3s;
}


.gdrPT_options{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    width:100%;
    background:#1b1e22;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    overflow:hidden;
    display:none;
    z-index:999;
}

.gdrPT_option{
    padding: 12px;
    color: #9FA5AC;
    cursor:pointer;
    transition:.2s;
}

.gdrPT_option:hover{
    background:#2a2e34;
}



.CNEDaccounts_part {
    padding-top: 32px;
}

.CNEDaccounts_head {
    padding-bottom: 16px;
}

.CNEDaccounts_head h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}

.CNEDnfo_googlebox {
    border-radius: 12px;
    background: linear-gradient(0deg, #1A1B1E 0%, #1A1B1E 100%), linear-gradient(0deg, #1F2123 0%, #1F2123 100%), rgba(169, 175, 181, 0.12);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 8px;
}

.CNEDnfo_google_imagetext {
   display: flex;
   align-items: center;
   gap: 12px;
}

.CNEDnfo_google_image img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
}

.CNEDnfo_google_text p {
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-bottom: 3px;
}

.CNEDnfo_google_text h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;
}

.CNEDnfo_google_confirm p {
    color: #FF0048;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.CNEDnfo_google_confirm p img {
    width: 20px;
    height: 20px;
    display: block;   
}

.profilecard_overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.6);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.profilecard_overlay.active{
    opacity:1;
    visibility:visible;
}

.profilecard_box{
    width: 100%;
    max-width: 400px;
    padding: 24px;
    transform: scale(.9);
    transition: .3s;
    border-radius: 16px;
    background: #141517;
}

.profilecard_overlay.active .profilecard_box{
    transform:scale(1);
}

.profilecard_title{
    color: #F4F5F6;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.8px;
    margin-bottom: 24px;
}


.profilecard_avatarRow{
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
    justify-content: center;
}

.profilecard_avatarRow img{
    width: 108px;
    height: 108px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    transition: .2s;
    border: 2px solid rgba(169, 175, 181, 0.12);
}

.profilecard_avatarRow img.active{
    border: 2px solid #FF0048;
}

.profilecard_contain {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    margin-bottom: 16px;
    padding: 8px 16px;
}

.profilecard_contain p {
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.108px;
    margin: 0;
}

.profilecard_contain input {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    width: 100%;
    border-radius: 0px;
    border: none;
    background: none;
    padding: 0px 0px;
    outline: none;
}

.profilecard_contain input::placeholder {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 400;
}

.profilecard_saveBtn {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    width: 100%;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    background: #FF0048;
    padding: 12px 5px;
}

.profilecard_closeBtn {
    position: absolute;
    top: 24px;
    right: 24px;
    border: none;
    color: #a9a9aa;
    font-size: 20px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.16);
    transition: 0.3s all ease;
}

.profilecard_closeBtn:hover {
    background: #FF0048;
    color: #fff;
}

.PFEpassword_part {
    padding-top: 0px;
}

.PFEpassword_head {
    padding-bottom: 16px;
}

.PFEpassword_head h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}

.mainPFEpassword {
    background: #222527;
    border-radius: 12px;   
}

.PFEpassword_box {
    border-radius: 12px;
    background: linear-gradient(0deg, #1A1B1E 0%, #1A1B1E 100%), linear-gradient(0deg, #1F2123 0%, #1F2123 100%), rgba(169, 175, 181, 0.12);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}


.PFEpassword_imagetext {
   display: flex;
   align-items: center;
   gap: 12px;
}

.PFEpassword_image img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
}

.PFEpassword_text p {
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-bottom: 3px;
}

.PFEpassword_text button {
    color: #F4F5F6;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: rgba(169, 175, 181, 0.12);
    border: none;
    outline: none;
    padding: 3px 8px;
    display: inline-block;
    margin-top: 3px;   
}

.PFEpasswordRT_Add button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 6px;
    background: #FF0048;
    border: none;
    padding: 8px 12px;
    display: inline-block;
    cursor: pointer;    
}

.PFEdevices_part {
    padding-top: 32px;
}

.PFEdevices_head {
    padding-bottom: 16px;
}

.PFEdevices_head h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}

.mainPFEdevices {
    background: #222527;
    border-radius: 12px;   
}

.PFEdevices_box {
    border-radius: 12px;
    background: linear-gradient(0deg, #1A1B1E 0%, #1A1B1E 100%), linear-gradient(0deg, #1F2123 0%, #1F2123 100%), rgba(169, 175, 181, 0.12);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}


.PFEdevices_imagetext {
    display: flex;
    align-items: start;
    gap: 12px;
}

.PFEdevices_image {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.12);    
}

.PFEdevices_image img {
    display: block;
    width: 20px;
    height: 20px;
}

.PFEdevices_text h4 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    text-transform: capitalize;
    margin: 0;  
}

.PFEdevices_text p {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    text-transform: capitalize;
    padding-top: 2px;
}

.PFEdevicesRT_Online button {
    color: #F4F5F6;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 999px;
    background: rgba(169, 175, 181, 0.12);
    display: flex;
    align-items: center;
    gap: 8px;  
}

.PFEdevicesRT_Online button span {
   width: 6px;
   height: 6px;
   border-radius: 9999px;
   background: #FF0048;
   display: block;
   border-radius: 50px;
}


/*--- rules_area start -----*/
.rulestab{
    padding: 0px 0;
}

.rulestab_wrapper{
    display:flex;
    gap: 19px;
    align-items: start;
}

.rulestab_content{
    flex:1;
}

.rulestab_box{
    display: none;
    border: none;
    border-radius: 12px;
    background: #1A1B1E;
    padding: 12px 21px;
}

.rulestab_box.active{
    display:block;
}

.rulestab_menu{
    width: 233px;
    padding: 3px;
    border-radius: 12px;
    background: #141517;
}

.rulestab_btn{
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    width: 100%;
    border: none;
    background: #141517;
    cursor: pointer;
    border-radius: 8px;
    text-align: left;
    padding: 12px;
    padding-left: 24px;
}

.rulestab_btn.active{
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.08);
}

.rulestab_mobileSelect{
    display:none;
    position:relative;
    margin-bottom:20px;
}

.rulestab_selected{
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 17px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
}

.rulestab_selected img{
    width: 18px;
    height: 18px;
}

.rulestab_dropdown{
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 8px;
    display: none;
    z-index: 10;
    background: #151718;
    border: 1px solid #2a2d30;
}

.rulestab_dropdown div{
    padding:12px;
    cursor:pointer;
}

.rulestab_dropdown div:hover{
    background:#f3f3f3;
}


.rules_contentitem {
    padding-bottom: 5px;
}

.rules_contentitem h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    text-transform: lowercase;
    padding-bottom: 8px;
}

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

.rules_contentitem ul li {
    display: flex;
    gap: 8px;
    align-items: start;
}

.rules_contentitem ul li h5 {
    color: #FFF;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: -0.12px;
    text-transform: lowercase;
    margin: 0;
}

.rules_contentitem ul li p {
    color: #FFF;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: -0.12px;
    text-transform: lowercase;
    margin: 0;
}

.rules_contentitem ul li p a {
     color: #FFF;
     text-decoration: underline; 
}


/*--- tournaments_area start ---*/
.tournaments_area {
   padding: 0px 0px;
}

.tournaments_head {
    padding-bottom: 32px;
}

.tournaments_head h2 {
    color: #FFF;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.92px;
    margin: 0;   
}

.tourNAmEnts_TAB{
    margin:auto;
}

.tourNAmEnts_TAB .tab_menu{
    display: inline-flex;
    gap: 0px;
    margin-bottom: 12px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    padding: 5px;
    align-items: center;
}

.tourNAmEnts_TAB .tab_btn{
    color: #9FA5AC;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.12px;
    padding: 12px 18px;
    border: none;
    cursor: pointer;
    background: #222527;
    border-radius: 6px;
    font-weight: 600;
}

.tourNAmEnts_TAB .tab_btn.active{
    background: #FF0048;
    color: #fff;
    border-radius: 6px;
}

.tourNAmEnts_TAB .tab_menu span {
    width: 1px;
    height: 24px;
    background: rgba(169, 175, 181, 0.12);
    display: block;
}


/* TAB CONTENT */
.tourNAmEnts_TAB .tab_content{
    display:none;
}

.tourNAmEnts_TAB .tab_content.active{
    display:block;
}

.tourNAmEnts_inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
    align-items: center;
    justify-content: space-around;
    grid-row-gap: 15px;
}

.tourNAmEnts_image {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 24px;
    background: #1A1B1E;
    overflow: hidden;
}

.tourNAmEnts_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}

/*--- bonus1rXht_area start ---*/
.bonus1rXht_area {
   padding: 0px;
}

.Bonusbacktext p {
    font-size: 36px;
}


.bonus1rXht_topPT {
    display: flex;
    align-items: start;
    gap: 15px;
}

.bonus1rXht_topLT {
    width: 70%;
}

.bonus1rXht_topRT {
    width: 30%;
}


.bonus1rXht_bannerbox {
    width: 100%;
    height: 359px;
    position: relative;
    border-radius: 16px;
    background: linear-gradient(0deg, #1A1B1E 0%, #1A1B1E 100%);
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.bonus1rXht_bNrdn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
    z-index: 9;
}


.mianbonus1rXht_timer p {
    color: rgba(255, 255, 255, 0.64);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-bottom: 5px;
    display: none;    
}

.bonus1rXht_timer {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.16);
    padding: 4px 8px;
    display: flex;
    gap: 2px;
}

.bonus1rXht_bNrbnt button {
    color: #0B0C0D;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: #FFF;
    padding: 12px 16px;
    border: none;
    cursor: pointer;
}

.bonus1rXht_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}


.bonus1rXht_mNprizeHD {
    padding-bottom: 8px;
}

.bonus1rXht_mNprizeHD h3 {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;   
}

.bonus1rXht_mNprizePT {
    display: grid;
    gap: 13px;
}

.bonus1rXht_mNprizebox {
    border-radius: 12px;
    background: #1A1B1E;
    padding: 17px;
    display: grid;
    gap: 14px;
    height: 96px;
    padding-top: 13px;
    padding-bottom: 23px;
}

.bonus1rXht_mNprizebox p {
    color: #79818B;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
}

.bonus1rXht_mNprizebox h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;    
}



.bonus1rXht_dOwNPT {
    display: flex;
    align-items: start;
    gap: 15px;
}

.bonus1rXht_dOwNLT {
    width: 70%;
}

.bonus1rXht_dOwNRT {
    width: 30%;
}



.trNt_conditions_hd {
   padding-bottom: 5px;
}

.trNt_conditions_hd h3 {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}

.trNt_conditions_box {
    padding: 18px 11px;
    border-radius: 12px;
    background: #1A1B1E;
    box-sizing: border-box;
    display: grid;
    gap: 17px;  
}


.trNt_conditions_text p {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.12px;  
}


.trNt_conditions_text h6 {
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.12px;  
}

.trNt_conditions_text h5 {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.12px;  
}

.bonus1rXht_pricesPT {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.bonus1rXht_pricesbox {
    border-radius: 12px;
    background: #1A1B1E;
    height: 75px;
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 5px;
    position: relative;
}

.bonus1rXht_pricesbox p {
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    display: flex;
    justify-content: center;
    gap: 4px;
    position: relative;    
    z-index: 9;
}

.bonus1rXht_pricesbox p img {
    max-width: 100%;
    display: block;
}

.bonus1rXht_pricesbox h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.68px;
    margin: 0;
    text-align: center;
    position: relative;    
    z-index: 9;   
}

.tmtbg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;    
}



.Leaderboard_headtt {
   padding-bottom: 16px;
}

.Leaderboard_headtt h3 {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.4px;   
}


.Leaderboard_box {
    border-radius: 8px;
    background: #1F2123;
}

.Leaderboard_head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 18px;
}

.Leaderboard_hd1 {
    width: 10%;
}

.Leaderboard_hd2 {
    width: 30%;
}

.Leaderboard_hd3 {
    width: 30%;
}

.Leaderboard_hd4 {
    width: 30%;
    text-align: right;
}

.Leaderboard_hd1 p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
}

.Leaderboard_hd2 p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
}

.Leaderboard_hd3 p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;

}

.Leaderboard_hd4 p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    text-align: right;
}

.Leaderboard_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: #1A1B1E;
    border-bottom: 2px solid #101213;
}

.Leaderboard_item1 {
    width: 10%;
}

.Leaderboard_item2 {
    width: 30%;
}

.Leaderboard_item3 {
    width: 30%;
}

.Leaderboard_item4 {
    width: 30%;
    text-align: right;
}

.Leaderboard_item1 p {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 9999px;
    background: #1a1b1e;
    display: flex;
    width: 26.246px;
    height: 24px;
    justify-content: center;
    align-items: center;   
}

.Ldrbdcl1 p {
    background: #D09500;   
}

.Ldrbdcl2 p {
   background: #838383; 
}

.Ldrbdcl3 p {
   background: #AD3919;
}


.Leaderboard_item2 p {
    color: #F4F5F6;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;    
}

.Leaderboard_item3 p {
    color: #F4F5F6;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;    
}

.Leaderboard_item4 p {
    color: #F4F5F6;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;    
}


.boNusrXht_TAB{
   padding: 0px;
}

.boNusrXht_TAB .boNusrXht_menu {
    display: flex;
    padding: 4px;
    margin-bottom: 18px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    justify-content: space-between;
    align-items: center;
}

.boNusrXht_TAB .boNusrXht_menu span {
    width: 1px;
    height: 24px;
    background: rgba(169, 175, 181, 0.12);
    display: block;   
}

.boNusrXht_TAB .boNusrXht_btn{
    color: #9FA5AC;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    padding: 10px 10px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    transition: .3s;
    width: 100%;
}

.boNusrXht_TAB .boNusrXht_btn.active{
   background: rgba(169, 175, 181, 0.16);
   color: #fff;
}


.boNusrXht_TAB .boNusrXht_content{
    display:none;
}

.boNusrXht_TAB .boNusrXht_content.active{
    display:block;
}



.mbbonus_view {
    display: none;
}

.boNusrXht_TAB {
    display: none;
}

/*--- bonusdeposits_area start ---*/
.bonusdeposits_area {
    padding: 0px 0;
}

.bonusdeposits_part {
    display: flex;
    gap: 15px;
}

.bonusdeposits_left {
    width: 55%;
}

.bonusdeposits_right {
    width: 45%;
}

.bonus4deposits_box {
   padding: 16px;
   border-radius: 12px;
   background: #1A1B1E;
   box-sizing: border-box;  
   position: relative;
}


.bonus4deposits_head h2 {
    color: #FFF;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.8px;
    margin: 0;
    padding-bottom: 16px;
}

.bonus4deposits_head p {
    color: #9FA5AC;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;    
}

.inner_4deposits {
    padding-top: 94px;
}

.deposits4_head {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.deposits4hd_item {
    width: 78px;
    text-align: center;
}

.deposits4hd_item span {
    color: #F4F5F6;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 6px;
}

.deposits4hd_item img {
    max-width: 100%;
    display: block;
    position: relative;
    margin: auto;
    left: -6px;  
}


.deposits4_giftpricesPT {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
    position: relative;   
}

.deposits4_giftprices {
   margin-top: 14px;
   width: 78px;  
}

.giftprices_icon {
    width: 33px;
    height: 33px;
    border-radius: 9999px;
    background: #3f4042;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: auto;
    position: relative;
    z-index: 999;
    border: 5px solid #1a1b1e;
    padding: 3px;

}

.giftprices_icon img {
   max-width: 100%;
   display: block;
}

.giftprices_text h5 {
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-top: 11px;
}

.giftprices_text p {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-top: 5px;
    text-align: center;  
}


.giftpricesline {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.16);
    width: 87%;
    height: 4px;
    position: absolute;
    top: 29px;
    left: 32px;
}

.bonus4depositsbnt_part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-top: 19px;
}

.bonus4deposits_btn1 {
    width: 100%;
}

.bonus4deposits_btn2 {
    width: 100%;
}

.bonus4deposits_btn1 button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.24);
    padding: 12px 10px;
    width: 100%;
    border: none;
    outline: none;
}

.bonus4deposits_btn2 button {
    color: #0B0C0D;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: #fff;
    padding: 12px 10px;
    width: 100%;
    border: none;
    outline: none;
}






.dOWdeposit_box {
    width: 100%;
    height: 188px;
    background: linear-gradient(70deg, #0060E8 3.64%, #388DFF 98.23%);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 16px;
    margin-top: 35px;
    position: relative;
}


.dOWdeposit_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.dOWdeposit_hdlt {
    width: 80%;
}

.dOWdeposit_hdrt {
    width: 20%;
    text-align: right;
}

.dOWdeposit_hdlt h2 {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}

.dOWdeposit_hdrticon img {
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
    margin-right: 0;
    cursor: pointer;
}


.deposit_activation {
    padding: 16px;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.deposit_activationtext p {
    color: rgba(255, 255, 255, 0.64);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
}


.deposit_activationtimer {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.16);
    padding: 4px 8px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 2px;
}


.deposit_activationRT button {
    color: #0B0C0D;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: #FFF;
    padding: 16px;
    border: none;
    outline: none;
    cursor: pointer;  
}


.biggift1 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
    display: block;    
}


.deposit_available {
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.16);
    padding: 4px 8px;
}

.deposit_available p {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.deposit_available p img {
   max-width: 100%;    
   display: block;
}

.dOWdeposit_boxCLbg {
  background: linear-gradient(70deg, #0d3e7f 3.64%, #214d88 98.23%);    
}

.dOWdeposit_boxCLbg2 {
   background: radial-gradient(138.16% 173.59% at 95.34% 100%, #FF1D8A 0%, #2E1B29 100%);
}




.Activate_promocodebox {
    border-radius: 12px;
    background: linear-gradient(0deg, #151618 0%, #151618 100%);
    padding: 16px;
    box-sizing: border-box;
    position: relative;
}


.Activate_promocode_head h2 {
    color: #FFF;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.8px;
    padding-bottom: 9px;
    margin: 0;
}

.Activate_promocode_head p {
    color: rgba(255, 255, 255, 0.64);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;   
}

.Activate_promocode_image {
     padding-bottom: 15px;   
}

.Activate_promocode_image img {
   max-width: 100%;
   display: block;
}

.Activate_promocode_btn button {
    color: #0B0C0D;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: #FFF;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
    cursor: pointer;
    border: none;
}

.Activate_promocode_btn button img {
    width: 16.459px;
    height: 13.621px;
    display: block;
}





.Cashback_box {
    width: 100%;
    height: 240px;
    box-sizing: border-box;
    padding: 16px;
    margin-top: 35px;
    position: relative;
    border-radius: 12px;
    background: #1A1B1E;
    display: none;
}


.Cashback_head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.Cashback_hdlt {
    width: 80%;
}

.Cashback_hdrt {
    width: 20%;
    text-align: right;
}

.Cashback_hdlt h2 {
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.56px;
    margin: 0;
}

.Cashback_hdlt p {
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
    padding-top: 9px; 
}

.Cashback_hdrticon img {
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
    margin-right: 0;
    cursor: pointer;
}


.Updatingsoon_part {
    padding-top: 35px;
}

.Updatingsoon_text h5 {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;
    padding-bottom: 4px;
}

.Updatingsoon_text p {
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin: 0;
}


.Updatingsoon_timer {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding: 4px 8px;
    margin-top: 8px;
    align-items: center;
    gap: 2px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.16);
    display: inline-flex;
}




.Cashbackimg {
    position: absolute;
    right: 0;
    max-width: 100%;
    display: block;
    bottom: 0;   
}

.dOWdeposit_Available {
    display: none;
    padding-top: 14px;

}

.dOWdeposit_Available h2 {
    color: #F4F5F6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.52px;  
}

.mbpromocodebox {
    display: none;
}

/*---  customgame area start ---*/
.customgame_area {
    padding: 0px 0;
}

.customgame_part {
    border-radius: 20px;
    background: #151718;
    padding: 18px;
    box-sizing: border-box;   
}

.customgame_mobilelogo {
    border-radius: 8px;
    background: rgba(221, 227, 242, 0.05);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    padding: 8px;
    display: none;
}

.customgame_head {
    display: flex;
    align-items: start;
    padding-bottom: 14px;
}

.customgame_headleft {
    width: 30%;
}

.customgame_headright {
    width: 70%;
}

.customgame_headLT {
    display: flex;
    align-items: center;
    gap: 9px;
}

.customgame_headLT img {
    width: 20.748px;
    height: 15.369px;
    display: block; 
}

.customgame_headLT p {
    font-family: "Poppins", sans-serif;
    color: #565859;
    font-size: 17px;
    font-weight: 600;
    margin: 0;    
}

.customgame_headLT p span {
    color: #fff;
}


.customgame_headlogos {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.customgame_headlogos img {
   max-width: 100%;
   display: block;
}

.customgame_headlogos span {
    color: #4E5051;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    display: inline-block;   
}


.customgame_headRTPR {
    display: flex;
    align-items: center;
}

.customgame_headRTlt {
    width: 70%;
}

.customgame_headRTrt {
    width: 30%;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: right;
}


.customgame_hdRTrticon img {
    width: 23px;
    height: 23px;
    display: block;
}

.soundSwitch{
    display:inline-block;
}

.soundSwitch input{
    display:none;
}

.soundSwitch .slider{
    width: 77px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px;
    cursor: pointer;
    transition: .3s;
    border-radius: 66px;
    background: #282B2D;
}

.soundSwitch .icon{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: .3s;
    border-radius: 66px;
    border: 0.5px solid #43474A;
    background: #33393C;

}

.soundSwitch input:checked + .slider{
    background: #33393C;
    justify-content:flex-end;
}

.customgame_innerpart {
   display: flex;
   align-items: start;
   gap: 15px;
}


.customgame_innerlt {
    width: 30%;
}

.customgame_innerrt {
    width: 70%;
}

.atwhdlbt_part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;   
}

.atwhdlbt_left {
    width: 100%;
}

.atwhdlbt_right {
    width: 100%;
}

.atwhdlbtLT {
    border-radius: 5px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 3px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    display: flex;
    gap: 3px;
}

.atwhdlbtLTtext p {
    font-family: "Poppins", sans-serif;
    color: #43474A;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.atwhdlbtLt span {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #33393C;
    display: block;   
}


.atwhdlbtLTtext2 span {
     font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    border-radius: 110px;
    background: #33393C;
    display: block;
    padding: 2px 11px;   
}

.atwhdlbtRT {
    border-radius: 5px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 3px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.atwhdlbtRTtext p {
    font-family: "Poppins", sans-serif;
    color: #43474A;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.atwhdlbtRt span {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #33393C;
    display: block;   
}

.atwhdlbtCL_innerbox {
    padding: 4px;
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    margin-top: 5px;
}

.atwhdlbtCL_inneritem1 {
    padding: 5px 8px;
    border-radius: 5px;
    background: #33393C;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.atwhdlbtCL_inneritem1lt p {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.atwhdlbtCL_inneritem1lt p span {
   color: #fff; 
} 

.atwhdlbtCL_inneritem1rt {
    display: flex;
    align-items: center;
    gap: 10px;    
}

.atwhdlbtCL_inneritem1rt span {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    cursor: pointer;
}


.atwhdlbtCL_inneritem2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
}

.atwhdlbtCL_inneritem2lt {
    padding: 5px;
    border-radius: 5px;
    background: #33393C;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.atwhdlbtCL_inneritem2rt {
    padding: 5px;
    border-radius: 5px;
    background: #33393C;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.atwhdlbtCL_inneritem2lt p {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.atwhdlbtCL_inneritem2rt p {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.atwhdlbtCL_innerbtn button {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 5px;
    background: linear-gradient(180deg, #FF0046 0%, #FF4A62 100%), #33393C;
    padding: 5px 7px;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 7px;
    margin-top: 5px;
    cursor: pointer;
}

.atwhdlbtCL_innerbtn button img {
    max-width: 100%;
    display: inline-block;
}

.star2icon {
    display: none !important;
}

.customgame_banner {
    background: #151718;
    padding-bottom: 15px;
    height: 190px;
}

.customgame_banner img {
    width: 100%;
    display: block;
}


.customMyBets_box {
    border-radius: 8px;
    border: 0.5px solid #43474A;
    background: #282B2D;
}

.customMyBets_head {
    padding: 8px;
    box-sizing: border-box;
    background: #33393c;
}

.customMyBets_head h3 {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.customMyBets_InPt {
    padding: 8px;
}

.customMyBets_inhd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
}


.customMyBets_inhdlist p {
    color: #40484C;
   font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.customMyBets_pyfbbox {
    border-radius: 6px;
    background: #33393C;
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customMyBets_pyfbbox p {
    color: #74868F;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;   
}


.customgame_CLbet2 {
    padding-top: 40px;   
}


.mbcustomgame_banner {
    background: #151718;
    display: none;
}

.mbcustomgame_banner img {
    width: 100%;
    display: block;
}



.nwatwhdlbtCL_innerbox {
    padding: 4px;
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    margin-top: 5px;
}




.nmbrbm_pfrpart {
    padding: 4px;
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    margin-top: 5px;    
}

.nmbrbm_pfrhd p {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.nmbrbm_pfrhd ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 4px;
    opacity: 0.6;
    background: #151718;
    display: flex;
    justify-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.nmbrbm_pfrhd ul li {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    border: 0.5px solid #151718;
    background: #151718;
    width: 100%;
    text-align: center;
    padding: 3px 0;   
}

.nmbrbm_pfrhd ul li.active {
    border: 0.5px solid #555B60;
    background: #383D41;
    color: #747B7E;  
}




.nmbrbm_protected {
    padding-top: 117px;
}

.nmbrbm_protected p {
    font-family: "Poppins", sans-serif;
    color: #565859;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 5px;
    padding-bottom: 5px;   
}

.nmbrbm_protected p img {
   max-width: 100%; 
   display: block;
}

.nmbrbm_protected p span {
    color: #fff;
}


.LiveBets_part {
    border-radius: 12px;
    border: 1px solid rgba(221, 227, 242, 0.07);
    background: rgba(221, 227, 242, 0.05);
    margin-top: 5px;
    overflow: hidden;
    display: none; 
}

.LiveBets_head {
    border-radius: 12px 12px 0 0;
    background: rgba(221, 227, 242, 0.05);
    padding: 12px 15px;
}

.LiveBets_head h3 {
    color: rgb(235, 240, 255);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.18px;
}



.LiveBets_tablist {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 15px;
    padding-top: 0px;
    background: rgba(221, 227, 242, 0.05);
}

.LiveBets_tabbtn {
    border-radius: 8px;
    background: rgba(221, 227, 242, 0.05);
    padding: 9px 4px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 2px;
}

.LiveBets_tabbtn h5 {
    color: #828896;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    letter-spacing: -0.09px;    
}


.LiveBets_tabbtn.active {
border-radius: 8px;
background: linear-gradient(100deg, #EBEEF6 1.51%, #BCC3D5 67.19%);
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);    
}

.LiveBets_tabbtn span {
    color: #1F2123;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.09px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.LiveBets_tabbtn span img {
    max-width: 100%;
    display: block;
}

.LiveBetsline {
     font-size: 9px !important;
    padding: 0 2px;
}

.LiveBets_tabcontainer {
    background: #17191b;
}


.LiveBets_nbumwuhd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px;
}

.LiveBets_nbumwuhdtt1 {
   width: 50%;
}

.LiveBets_nbumwuhdtt2 {
   width: 25%;
   text-align: center;  
}


.LiveBets_nbumwuhdtt3 {
    width: 25%; 
    text-align: center;
}


.LiveBets_nbumwuhdtt1 p {
    color: #828896;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.009px;   
}

.LiveBets_nbumwuhdtt2 p {
    color: #828896;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.009px;   
}

.LiveBets_nbumwuhdtt3 p {
    color: #828896;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.009px;   
}



.LiveBets_nbumwulist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px; 
}

.LiveBets_nbumwulist1 {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 50%;
}

.LiveBets_nbumwulist2 {
    width: 25%;
}

.LiveBets_nbumwulist3 {
    width: 25%;
}

.LiveBets_listtext1 p {
    color: #535760;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.09px;
    border-radius: 20px;
    background: #EBF0FF;
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
}


.LiveBets_listtext2 p {
    color: #EBF0FF;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.009px;
    padding-bottom: 4px;
    margin: 0;  
}

.LiveBets_listtext2 h5 {
    color: #828896;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.09px;
    margin: 0;    
}

.LiveBets_listtext2 h5 span {
    color: #fff;
}

.LiveBets_nbumwulist2 p {
    color: #9BA1B0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.09px; 
}

.LiveBets_nbumwulist3 p {
    color: #9BA1B0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.09px; 
}


.nbumwulistCL {
    background: rgba(221, 227, 242, 0.05);  
}

.nEwnmbrbm_protected {
    padding: 10px 13px;
    margin-top: 60px;
}

.nEwnmbrbm_protected p {
    font-family: "Poppins", sans-serif;
    color: #565859;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 5px;
    padding-bottom: 5px;   
}

.nEwnmbrbm_protected p img {
   max-width: 100%; 
   display: block;
}

.nEwnmbrbm_protected p span {
    color: #fff;
}




.HandsTotalbet_box {
    padding: 4px;
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    margin-top: 5px;   
}

.HandsTotalbet_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
}

.HandsTotalbet_head p {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.HandsTotalbet_head p span {
    color: #fff;
}

.HandsTotalbet_inner {
    background-color: #1d1f20;
    border-radius: 5px;
    padding: 5px;
}

.HandsTotalbet_inner ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.HandsTotalbet_inner ul li {
    font-family: "Poppins", sans-serif;
    color: #969798;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    background: #33393d;
    width: 100%;
    text-align: center;
    padding: 3px 0;  
}


.HandsTotalbet_inner ul li:nth-child(1) {
    color: #747B7E;
    background: rgba(40, 43, 45, 0.44);
}




.AutoHold_box {
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 5px 6px;
    box-sizing: border-box;
    height: 137px;
    margin-top: 5px;
}

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

.AutoHold_left {
    display: flex;
    align-items: center;
    gap: 6px;   
}

.AutoHold_left h3 {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.AutoHold_right img {
    max-width: 100%;
    display: block;
}

.autoSwitch_wrap{
    position: relative;
    width: 50px;
    height: 23px;
}

.autoSwitch_input{
    display:none;
}

.autoSwitch_slider{
    position:absolute;
    inset:0;
    background:#444;
    border-radius:50px;
    cursor:pointer;
    transition:.3s;
}

.autoSwitch_slider::before{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: 4px;
    top: 4px;
    background: #101213;
    border-radius: 50%;
    transition: .3s;
}

.autoSwitch_wrap.active .autoSwitch_slider{
    background: #FE3058;
}

.autoSwitch_wrap.active .autoSwitch_slider::before{
    transform:translateX(28px);
}


.mbHandsTotalbet_box {
    display: none;
}

.UnderOver_box {
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 5px 6px;
    box-sizing: border-box;
    margin-top: 5px;    
}

.UnderOver_top {
    padding-bottom: 2px;
}

.UnderOver_top img {
    width: 100%;
    display: block;
}



.UnderOver_buttons {
    border-radius: 4px;
    opacity: 0.69;
    background: #151718;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.UnderOver_btn {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 8px;
    border-radius: 4px;
    opacity: 0.69;
    background: #1b1d1f;
    padding: 8px 5px;
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 100%;
    align-items: center;
}

.UnderOver_btn.active {
    opacity: 0.69;
    background: linear-gradient(0deg, #282B2D 0%, #282B2D 100%), #151718;    
}


.AutoBeT_box {
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 18px 7px;
    padding-bottom: 13px;
    box-sizing: border-box;
    height: 137px;
    margin-top: 5px;
}

.AutoBeT_head {
    display: flex;
    align-items: center;
    gap: 8px;
}


.AutoBeT_head h3 {
    font-family: "Poppins", sans-serif;
    color: #4D555C;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}


.AutoBeT_inner {
    border-radius: 5px;
    opacity: 0.6;
    background: #151718;
    padding: 3px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}


.AutoBeT_innerleft p {
    font-family: "Poppins", sans-serif;
    color: #EAEAEA;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding-left: 5px;
}

.AutoBeT_innerright {
    display: flex;
    gap: 3px
}

.AutoBeT_innerright span {
    font-family: "Poppins", sans-serif;
    color: #EAEAEA;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    border-radius: 4px;
    background: #3B4247;
    width: 37px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}




.AutoBeT_protected {
    padding-top: 23px;
}

.AutoBeT_protected p {
    font-family: "Poppins", sans-serif;
    color: #565859;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 5px;
    padding-bottom: 5px;   
}

.AutoBeT_protected p img {
   max-width: 100%; 
   display: block;
}

.AutoBeT_protected p span {
    color: #fff;
}


.mrppwc_box {
   border-radius: 12px;
    border: 1px solid rgba(221, 227, 242, 0.07);
    background: rgba(221, 227, 242, 0.05);
    padding: 13px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    display: none;
}

.mrppwc_item h5 {
    color: #EBF0FF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.33px;
}

.mrppwc_item p {
    color: #828896;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.009px;
    padding-top: 4px;
}


.mbUnderOver_box {
    display: none;
}


.mainAutoBeT_inner h3 {
    font-family: "Poppins", sans-serif;
    color: #4D555C;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    display: none;
    align-items: center;
    gap: 8px;
}


.mainAutoBeT_inner h3 span {
    border-radius: 7px;
    border: 1px solid rgba(221, 227, 242, 0.07);
    background: rgba(221, 227, 242, 0.15);
    width: 24px;
    height: 24px;
    display: block;
}

.autoselect_box {
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 18px 7px;
    padding-bottom: 13px;
    box-sizing: border-box;
    margin-top: 5px;
}


.autoselect_head h3 {
    font-family: "Poppins", sans-serif;
    color: #4D555C;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding-bottom: 8px;
    display: flex; 
    align-items: center;
    justify-content: space-between;
}

.autoselect_head h3 img {
    max-width: 100%;
    display: none;
}

.autoselect_head ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    background: #151718;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
}

.autoselect_head ul li {
    width: 100%;
    height: 26px;
    border-radius: 4px;
    background: #3B4247;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autoselect_head ul li span {
    color: #EBF0FF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    opacity: 0;
}


.autoselect_Cleartb {
    border-radius: 5px;
    background: #33393C;
    padding: 9px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 12px;
    cursor: pointer;
}

.autoselect_Cleartb span {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;   
}

.autoselect_Cleartb img {
  width: 12px;
  height: 14px;
  display: block;  
}



.autoselectRiskbox {
    padding-top: 13px;
}

.autoselectRisk_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3px;
}

.autoselectRisk_left h3 {
    font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;      
}

.autoselectRisk_right img {
    max-width: 100%;
    display: block;
}



.autoselectRisk_slect {
    border-radius: 5px;
    background: #33393C;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    justify-content: space-between;    
}

.autoselectRisk_slect span {
   font-family: "Poppins", sans-serif;
    color: #747B7E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
}

.autoselectRisk_slect img {
    max-width: 100%;
    display: block;
}

.autoselect_innerRT {
    display: none;
}

.customgame_banner1 {
    height: inherit;
    padding-top: 29px;
    padding-bottom: 26px;  
}

.customgame_banner3 {
    height: inherit;
    padding-top: 44px;
    padding-bottom: 21px;
}



.autoselect_icon {
    border-radius: 8px;
    border: 1px solid rgba(221, 227, 242, 0.07);
    opacity: 0.3;
    background: rgba(221, 227, 242, 0.15);
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-right: 0;
}

.autoselect_icon img {
    max-width: 100%;
    display: block;

} 

.customgame_banner2 {
    height: inherit;
    padding-top: 10px;
    padding-bottom: 10px;  
}

.AutoBeT_protected1 {
    padding-top: 117px;
}

.autoselectRiskbox1 {
    padding-top: 0px;
}


.TurboMode_box {
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 5px 6px;
    box-sizing: border-box;
        display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    display: none;
}

.TurboMode_box h3 {
    font-family: "Poppins", sans-serif;
    color: #828896;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}


.TurboMode_box {
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 5px 6px;
    box-sizing: border-box;
    margin-top: 5px;
}


.Ballsperdrop_box {
    border-radius: 6px;
    border: 0.5px solid #43474A;
    background: #282B2D;
    padding: 5px 6px;
    box-sizing: border-box;
    margin-top: 5px;
    display: none;
}

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

.Ballsperdrop_head h5 {
    color: #828896;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.09px;
}

.Ballsperdrop_head p {
    color: #828896;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.09px;    
}

.Ballsperdrop_head p span {
    color: #fff;
}


.Ballsperdrop_list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    border-radius: 8px;
    background: rgba(31, 33, 35, 0.31);
    padding: 3px;
    margin-top: 12px;
}

.Ballsperdrop_list ul li {
    color: #EBF0FF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.09px;
    height: 36px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;
    border: 1px solid rgba(221, 227, 242, 0.07);
    background: rgba(221, 227, 242, 0.15);
}

.Ballsperdrop_list ul li.active {
    border-radius: 8px;
    border: 1px solid rgba(235, 240, 255, 0.50);
    background: rgba(221, 227, 242, 0.15);
}


.RiskRows_part {
    display: flex;
    align-items: start;
    gap: 8px;
    justify-content: space-between;
    padding-top: 12px;
}

.RiskRows_left {
    width: 100%;
}

.RiskRows_right {
    width: 100%;
}

.RiskRows_left p {
    color: #828896;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.09px;
    padding-bottom: 8px;    
}

.RiskRows_right p {
    color: #828896;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.09px;
    padding-bottom: 8px;    
}


.RiskRows_slbox {
    border-radius: 8px;
    background: rgba(221, 227, 242, 0.05);
    padding: 6px 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 3px;
}

.RiskRows_slbox span {
    color: #EBF0FF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.09px;
}

.RiskRows_slbox img {
    max-width: 100%;
    display: block;
}



.Presets_box {
    padding-top: 12px;
}

.Presets_box p {
    color: #828896;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.09px;
    padding-bottom: 8px;    
}


.Presets_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
}

.Presets_line {
    width: 1px;
    height: 12px;
    background: rgba(235, 240, 255, 0.12);
    display: block;
}

.Presets_btn {
    color: #828896;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.009px;
    border-radius: 8px;
    width: 100%;
    padding: 10px 1px;
}

.Presets_btn.active {
    color: #fff;
    background: rgba(221, 227, 242, 0.15);
}

/*--- Walletpopup_area start ---*/
.Walletpopup_area {
    padding: 0px 0;
}

.Walletpopup_part {
    width: 800px;
    height: 720px;
    border-radius: 16px;
    background: #141517; 
    display: flex;
    align-items: start;
    margin: auto;
    position: relative;
}

.Walletpopup_left {
    width: 45%;
    padding: 24px;
    box-sizing: border-box;
    height: 100%;
    border-right: 0.8px solid rgba(169, 175, 181, 0.12);
}

.Walletpopup_right {
    width: 55%;
    height: 100%;
}

.Walletpopup_LThead {
    padding-bottom: 16px;
}

.Walletpopup_LThead h2 {
    color: #F4F5F6;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.8px;
}

.PPwallettab{
    margin:auto;
}

.PPwallettab_menu {
    display: flex;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    padding: 4px;
    justify-content: space-between;
    gap: 0px;
    align-items: center;
}

.PPwallettab_btn{
    flex: 1;
    border: none;
    background: transparent;
    padding: 14px;
    cursor: pointer;
    transition: .3s;
    color: #9FA5AC;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

}

.PPwallettab_btn.active{
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.16);
}

.PPwallettab_menu span {
    background: rgba(169, 175, 181, 0.12);
    width: 1px;
    height: 24px;
    display: block;   
}


.lockicon11 {
    max-width: 100%;
    display: block;
}

.PPwallettabicon1 {
    max-width: 100%;
    display: none;    
}


.PPwallettab_content{
    display:none;
    animation:fade .3s ease;
}

.PPwallettab_content.active{
    display:block;
}

@keyframes fade{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}



.paymentregion_box {
    border-radius: 8px;
    background: #1A1B1E;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}


.paymentregion_left {
    padding: 12px 16px;
    width: 60%;
}

.paymentregion_right {
    width: 40%;
}

.paymentregion_text h3 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: flex;
    align-items: center;
    gap: 11px;
}

.paymentregion_text h3 img {
    max-width: 100%;
    display: block;
}

.paymentregionselect{
    position:relative;
}

.paymentregionselect .Walletcustom-select-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 17px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    height: 44px;
}

.paymentregionselect .Walletcustom-selected-content{
    display:flex;
    align-items:center;
    gap:10px;
}

.paymentregionselect .Walletcustom-selected-content img{
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.paymentregionselect .Walletcustom-arrow{
    height: 20px;
}


.paymentregionselect .Walletcustom-options{
    list-style:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#1b1d22;
    border:1px solid #333;
    border-radius:8px;
    margin-top:6px;
    display:none;
    overflow:hidden;
    z-index:10;
}

.paymentregionselect.active .Walletcustom-options{
    display:block;
}

.paymentregionselect .Walletcustom-options li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 15px;
    color:#fff;
    cursor:pointer;
    transition:.2s;
}

.paymentregionselect .Walletcustom-options li:hover{
    background:#2c3138;
}

.paymentregionselect .Walletcustom-options img{
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.Depositmethods_part {
    padding-top: 16px;
}

.Depositmethods_head {
   padding-bottom: 8px;
}

.Depositmethods_head h3 {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
}

.Depositmethods_box {
    border-radius: 8px;
    background: #1A1B1E;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    height: 470px;
}


.Depositmethods_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.3s all ease;
}

.Depositmethods_item:hover {
   background: rgba(169, 175, 181, 0.08);
}

.Depositmethods_itemLT {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Depositmethods_itemRT {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    padding-left: 0;
    box-sizing: border-box;
    border-bottom: 0.8px solid rgba(169, 175, 181, 0.12);
}

.Depositmethods_LTIMAGE img {
    width: 32px;
    height: 32px;
    display: block;
}

.Depositmethods_RTtext1 h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin-bottom: 2px;
}

.Depositmethods_RTtext1 p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
}

.Depositmethods_RTtext2 span {
    color: #F4F5F6;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: #006FFF;
    padding: 2px 7.635px 2px 8px;
    display: inline-block;
    align-items: center;   
}

.dpmhd_item {
    border-bottom: none;
}

.Depositmethods_item.active {
   background: rgba(169, 175, 181, 0.08);
}

.Depositmethods_item.active .Depositmethods_itemRT {
    border-bottom: none;
}

.PPwallettab_balance p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-bottom: 4px;
}

.PPwallettab_balance h5 {
    color: #F4F5F6;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;    
}

.PPwallettab_supportbox {
    width: 100%;
    height: 176px;
    border-radius: 12px;
    background: #1A1B1E; 
    padding: 16px;  
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.PPwallettab_supportbox h3 {
    color: #F4F5F6;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.12px;
    display: flex;
    align-items: center;
    gap: 7.23px;
    padding-bottom: 13px;
}

.PPwallettab_supportbox h3 span {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: #FF0048;
    width: 42.59px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PPwallettab_supportbox p {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin: 0;
}

.supportbox-btn1 span {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: flex;
    width: 84.81px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: rgba(169, 175, 181, 0.12);
    margin-top: 34px;
    cursor: pointer;
}

.supportbox-btn1 span:hover {
    background: #FF0048; 
}

.PPwallettab_supportbox img {
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;   
}

.TNSNhistory_part {
    padding-top: 16px;
}

.TNSNhistory_head {
    padding-bottom: 8px;
}

.TNSNhistory_head h3 {
    color: #F4F5F6;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
    padding-bottom: 18px;
}

.Todayhistorybox {
    padding-bottom: 16px;
    display: none;
}

.TNSNhistory_text p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-bottom: 8px;   
}

.TNSNhistory_box {
    border-radius: 8px;
    background: #1A1B1E;
    overflow: hidden;
}

.TNSNhistory_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s all ease;
    cursor: pointer;
}

.TNSNhistory_item:hover {
    background: rgba(169, 175, 181, 0.16);    
}

.TNSNhistory_left {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TNSNhistory_right {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 12px;
    padding-left: 0;
    box-sizing: border-box;
    border-bottom: 0.8px solid rgba(169, 175, 181, 0.12);
}


.TNSNhistory_icon {
    border-radius: 9999px;
    background: rgba(169, 175, 181, 0.08);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TNSNhistory_icon img {
    width: 20px;
    height: 20px;
    display: block;
}



.TNSNhistory_text1 h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin-bottom: 2px;
}

.TNSNhistory_text1 p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;    
}

.TNSNhistory_text2 {
    text-align: right;
}

.TNSNhistory_text2 h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    margin-bottom: 2px;
}

.TNSNhistory_text2 p {
    color: #79818B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;    
}

.TNSNhrtbr {
    border-bottom: 0px;
}


/*--- pOpUpDeposit_area start ---*/
.pOpUpDeposit_area {
    padding: 0px 0px;
    height: 100%;
   
}

.pOpUpDeposit_part {
    height: 90%;
}

.pOpUpDeposit_content1 {
    height: 100%;
    position: relative;
}


.Deposit_content1head {
    padding: 0 24px;
    padding-bottom: 16px;
}

.Deposit_content1head h6 {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-bottom: 8px;
}

.Deposit_content1hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #1A1B1E;
    padding: 12px;
    padding-left: 18px;
}

.Deposit_content1hdLT {
    display: flex;
    align-items: center;
    gap: 12px;   
}

.Deposit_content1hdLT img {
    width: 20px;
    height: 20px;
    display: block;
}

.Deposit_content1hdLT p {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
}

.Deposit_content1hdLT p span {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: rgba(169, 175, 181, 0.12);
    padding: 2px 7.642px 2px 8px;    
}


.Deposit_content1hdRT img {
    width: 20px;
    height: 20px;
    display: block;
}


.Deposit_content1box {
    padding-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
}

.Deposit_content1boxtext {
    text-align: center;
}

.Deposit_content1boxtext p {
    color: #9FA5AC;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
    padding-bottom: 12px;
}

.Deposit_content1boxtext h2 {
    color: #F4F5F6;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.68px;
    padding-bottom: 12px;   
}

.Deposit_content1boxtext button {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: #006FFF;
    padding: 8px;
    border: none;
}

.Deposit_content1img {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;    
}


.pOpUpDeposit_content2 {
    height: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    display: none;
}

.Deposit_content2part {
   padding: 0 24px;
}


.mainDepositqrcode {
    padding: 0 0px;
    padding-top: 0px;
}

.Depositqrcode_box {
    border-radius: 8px;
    background: #1A1B1E;
    padding: 16px;
    box-sizing: border-box;  
}


.Depositqrcode_head {
    padding-bottom: 24px;
}

.Depositqrcode_head p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-bottom: 4px;
}

.Depositqrcode_head h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;    
}

.Depositqrcode_image {
    padding-bottom: 24px;
}

.Depositqrcode_image img {
    width: 220px;
    height: 220px;
    display: block;
    margin: auto;
}



.Depositqrcode_btn1 button {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    padding: 12px 5px;
    border: none;
    gap: 8px;
}

.Depositqrcode_btn1 button img {
    max-width: 100%;
    display: block;
}



.Depositqrcode_btn2 button {
    color: #000000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #FF0048;
    padding: 12px 5px;
    border: none;
    gap: 8px;
    margin-top: 12px;
}

.Depositqrcode_btn2 button img {
    max-width: 100%;
    display: block;
}


.Deposit_content2list {
    padding: 16px 0;
}

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

.Deposit_content2list ul li {
    display: block;
    padding-bottom: 5px;
}

.Deposit_content2list ul li:last-child {
    padding-bottom: 0px;
}

.Deposit_content2list ul li span {
    width: 5px;
    height: 5px;
    display: block;
    background: #9FA5AC;
    border-radius: 6px;
}

.Deposit_content2list ul li p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    margin-top: -10px;
    padding-left: 14px; 
}

.Activedpbonus_box {
   border-radius: 8px;
   background: linear-gradient(89deg, rgba(146, 183, 0, 0.08) 0%, rgba(0, 235, 235, 0.08) 100%);    
}


.Activedpbonus_item1 {
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(146, 183, 0, 0.12) 0%, rgba(0, 235, 235, 0.12) 100%);
    padding: 16px;
    display: flex;   
    align-items: center;
    justify-content: space-between;
}

.Activedpbonus_item1LT {
    display: flex;
    align-items: center;
    gap: 8px;
}


.Activedpbonus_it1LTimage img {
    width: 32px;
    height: 32px;
    display: block;
}


.Activedpbonus_it1LTtext p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
}

.Activedpbonus_it1LTtext h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;    
}

.Activedpbonus_item2 {
    padding: 8px 16px;
}

.Activedpbonus_item2 p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.Activedpbonus_item2 p img {
    width: 20px;
    height: 20px;
}

.newdepositbonus_wrap{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 27px;
}

.newdepositbonus_input{
    display:none;
}

.newdepositbonus_slider{
    position:absolute;
    inset:0;
    background:#4a4a4a;
    border-radius:50px;
    cursor:pointer;
    transition:.3s ease;
}

.newdepositbonus_slider::before{
    content:"";
    position:absolute;
    width: 20px;
    height: 20px;
    left:4px;
    top:4px;
    background: #000000;
    border-radius:50%;
    transition:.3s ease;
}

.newdepositbonus_input:checked + .newdepositbonus_slider{
    background: #FF0048;
}

.newdepositbonus_input:checked + .newdepositbonus_slider::before{
    transform:translateX(23px);
}

.newdepositbonus_wrap.active .newdepositbonus_slider{
    box-shadow:0 0 8px rgba(33,196,93,.4);
}



/*--- pOpUpWithdrawal_area start ---*/
.pOpUpWithdrawal_area {
    padding: 0px 0px;
    height: 100%;
    display: none;
}

.pOpUpWithdrawal_content1 {
    padding: 0 24px;
}

.Withdrawal_content1head h6 {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-bottom: 8px;
}

.Withdrawal_content1hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #1A1B1E;
    padding: 12px;
    padding-left: 18px;
}

.Withdrawal_content1hdLT {
    display: flex;
    align-items: center;
    gap: 12px;   
}

.Withdrawal_content1hdLT img {
    width: 20px;
    height: 20px;
    display: block;
}

.Withdrawal_content1hdLT p {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
}

.Withdrawal_content1hdLT p span {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: rgba(169, 175, 181, 0.12);
    padding: 2px 7.642px 2px 8px;    
}


.Withdrawal_content1hdRT img {
    width: 20px;
    height: 20px;
    display: block;
}


.Withdrawal_atUSDT {
    padding-top: 12px;
}


.Withdrawal_atUSDT h5 {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-bottom: 8px;    
}

.Withdrawal_atUSDTbox {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    padding-left: 18px;
}

.Withdrawal_atUSDTbox img {
    width: 20px;
    height: 20px;
    display: block;
}

.Withdrawal_atUSDTbox p {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;  
}

.Withdrawal_content1hd1 {
    background: rgba(169, 175, 181, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.00); 
}



.Withdrawal_Currentbalance {
    padding-top: 12px; 
}

.Withdrawal_Currentbalance h5 {
    color: #9FA5AC;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-bottom: 8px;
}

.Withdrawal_Currentbalance h5 span {
    color: #fff;
}

.Currentbalance-box {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(169, 175, 181, 0.12);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    padding-left: 18px;
    justify-content: space-between;
}

.Currentbalance-box p {
    color: #9FA5AC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
}


.Currentbalance-box h4 {
   color: #EB001F;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px; 
}


.Withdrawal_Currentbalance h6 {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    padding-top: 8px;
}


.Withdrawal_Fundscredited {
    padding-top: 250px;
}

.Fundscredited_box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 18px;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid rgba(169, 175, 181, 0.12);
    background: #141517;
}

.Fundscredited_box p {
    color: #F4F5F6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
}

.Fundscredited_box h5 {
    color: #F4F5F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.Fundscredited_box h5 img {
    width: 20px;
    height: 20px;
    display: block;
}

.Fundscredited_btn {
   padding-top: 24px;
}

.Fundscredited_btn button {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: #7f0b1b;
    border: none;
    outline: none;
    width: 100%;
    padding: 12px 4px;
    cursor: pointer;
}


/*--- pOpUpRTHistory_area start ---*/
.pOpUpRTHistory_area {
    padding: 0px 0px;
    display: none;
}

.WalletRTside_back {
    padding: 16px 16px;
    padding-bottom: 0px;
    display: none;

}

.WalletRTside_back button {
    color: #969DA4;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
}

.WalletRTside_back button img {
    width: 16px;
    height: 16px;
}


.WalletRTside_head {
   padding: 24px;
}

.WalletRTside_head h3 {
    color: #F4F5F6;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.12px;
    margin: 0;
}


.History_content1part {
    padding-top: 254px;
}

.History_content1item img {
    width: 64px;
    height: 64px;
    display: block;
    margin: auto;
}

.History_content1item p {
    color: #F4F5F6;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.56px;
    margin: 0;
}

.pOpUpRTHistory_content2 {
    display: none;
}

.History_content2part {
    padding: 0 24px;
}

.History_Paymentbox {
    border-radius: 8px;
    background: #1A1B1E;
    padding: 16px;
    margin-bottom: 16px;
}


.History_Paymentbox p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.History_Paymentbox p img {
    max-width: 100%;
    display: block;
}

.History_Paymentbox h2 {
    color: #F4F5F6;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -1.64px;
    text-align: center;
    margin: 0;
    padding: 16px 0;
}

.History_Paymentbox button {
    color: #F4F5F6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: rgba(169, 175, 181, 0.12);
    padding: 4px 8px;
    display: flex;
    gap: 4px;
    border: none;
    margin: auto;
}

.History_Paymentbox button img {
   width: 16px;
   height: 16px;
   display: block;
}

.PaymentAddress_box {
    margin-bottom: 294px;
}

.PaymentAddress_item1 {
    padding: 12px 16px;
    border-radius: 8px 8px 2px 2px;
    background: #1A1B1E;
}

.PaymentAddress_item1 p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
}

.PaymentAddress_item1 h6 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;    
}


.PaymentAddress_item2 {
    padding: 12px 16px;
    border-radius: 2px 2px 8px 8px;
    background: #1A1B1E;
    margin-top: 5px;
}

.PaymentAddress_item2 p {
    color: #9FA5AC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.04px;
}

.PaymentAddress_item2 h6 {
    color: #F4F5F6;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;    
}


.History_content2btn button {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    padding: 12px 10px;
    display: block;
    width: 100%;
    border: none;
    cursor: pointer;
}

.maincryptodeposit_box {
    display: none;
}

.cryptodeposit_box {
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(254, 62, 154, 0.12) 0%, rgba(253, 112, 255, 0.12) 100%);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 20px;  
}

.cryptodeposit_left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cryptodeposit_left img {
   width: 20px; 
   height: 20px;
   display: block;
}

.cryptodeposit_left p {
   color: #F4F5F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px; 
}

.cryptodeposit_right img {
   width: 20px; 
   height: 20px;
   display: block;
}

.mbpOpUpDepositview {
    display: none;
}

.firstdeposit {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 9px 17px;
}

.firstdeposit p {
   color: #F4F5F6;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px; 
}

.firstdeposit span {
    color: #0B0C0D;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.04px;
    border-radius: 999px;
    background: #fff;
    padding: 2px 7.635px 2px 8px;
    display: inline-block;
    align-items: center;
}

.nCMDeposit_content1head {
    display: none;
}

.Tothetop-btn {
    padding-top: 30px;
    text-align: center;
    display: none;
}

.Tothetop-btn button {
    color: #F4F5F6;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.12px;
    border-radius: 8px;
    background: rgba(169, 175, 181, 0.12);
    border: none;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: auto;
}

.Tothetop-btn button img {
    max-width: 100%;
    display: block;
}

.walleTpoPup_overlay{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.9);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999999;
}

.walleTpoPup_overlay.active{
    opacity:1;
    visibility:visible;
}

.walleTpoPup_box{
    width: inherit;
    max-width: inherit;
    border-radius: 16px;
    padding: 0;
    position: relative;
    transition: .3s;
}

.walleTpoPup_close{
    color: #9FA5AC;
    font-size: 26px;
    position: absolute;
    right: 20px;
    top: 24px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background: none;
    border: none;
}

/*--- sportspg_area start ---*/
.sportspg_area {
    padding: 0px 0;
}

.sportLiveUpcoming {
    padding-bottom: 41px;
}


.sportLiveUpcoming_head h2 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 16px;
}

.sportLiveUpcoming_head h2 img {
    max-width: 100%;
    display: block
}

.sportLiveUpcoming_listtop {
    padding-top: 16px;
    padding-bottom: 16px;
}

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

.sportLiveUpcoming_listtop ul li {
    display: inline-block;
    padding-bottom: 8px;
}

.sportLiveUpcoming_listtop ul li span {
    color: rgba(255, 255, 255, 0.70);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 16px;
    gap: 8px;
    padding: 8px 12px 8px 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 32px;
    background: #151718;
    display: flex;
    align-items: center;
}

.sportLiveUpcoming_listtop ul li span img {
  width: 20px;
  height: 20px;
  display: block;
}

.sportLiveUpcoming_listtop ul li.active span {
    color: #fff;
    background: #272727;
}

.sportLiveUpcoming_listtop ul li.active span img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(82%) saturate(7480%) hue-rotate(339deg) brightness(98%) contrast(105%);
}

.sportspgicons_box {
    background: #151718;
    padding: 18px 32px;
    padding-left: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sportspgicons_left {
    width: 90%;
}

.sportspgicons_right {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: right;
}

.sportspgicons_allicons ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sportspgicons_allicons ul li {
    display: inline-block;
}

.sportspgiconsline {
  width: 1px;
  height: 22px;
  background-color: #8a8b8b;
  display: block;
}

.sportspgicons_allicons ul li img {
   width: 22px;
   height: 22px;
   display: block;
}

.sportspgicons_RTsearch img {
   width: 22px;
   height: 22px;
   display: block;
}

.nEwtplast {
    display: flex;
}

.smdownarrow {
    width: 16px !important;
    height: 16px !important;
    display: block!important;
}

.sportLiveUpcoming_list {
    padding-top: 0px;
    padding-bottom: 0px;
}

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

.sportLiveUpcoming_list ul li {
    display: inline-block;
    padding-bottom: 8px;
}

.sportLiveUpcoming_list ul li span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 32px;
    background: #1a1b1c;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px 8px 12px;
}

.sportLiveUpcoming_list ul li span img {
  width: 20px;
  height: 20px;
  display: block;
}

.sportLiveUpcoming_list ul li.active span {
    background: #FF0048;
}

.sportLiveUpcoming_list ul li.active span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7443%) hue-rotate(75deg) brightness(101%) contrast(94%);
}

.sportLiveUpcoming_list1 {
    padding-top: 0px;
    padding-bottom: 0px;
}

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

.sportLiveUpcoming_list1 ul li {
    display: inline-block;
    padding-bottom: 8px;
}

.sportLiveUpcoming_list1 ul li span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 32px;
    background: #1a1b1c;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px 8px 12px;
}

.sportLiveUpcoming_list1 ul li span img {
  width: 20px;
  height: 20px;
  display: block;
}

.sportLiveUpcoming_part {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    justify-content: space-around;
    grid-row-gap: 16px;
    padding-right: 180px;
    padding-top: 16px;  
}


.sportLiveUpcoming_box {
    border-radius: 8px;
    border: 1px solid #1A1B1C;
    background: #151718;
    padding: 16px;   
}

.sportLiveUpcoming_hd {
    padding-bottom: 8px;
}

.sportLiveUpcoming_hd p {
    color: rgba(255, 255, 255, 0.50);
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.36px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sportLiveUpcoming_hd p img {
    max-width: 100%;
    display: block;
}


.sportLiveUpcoming_item1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
}

.sportLiveUpcoming_item1lt p {
   color: #21A8F7;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.24px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sportLiveUpcoming_item1lt p sapn {
    display: flex;
    align-items: center;
    gap: 5px;    
}

.sportLiveUpcoming_item1lt p sapn img {
   width: 16px;
   height: 16px;
   display: block;   
}

.sportLiveUpcoming_item1rt img {
   width: 16px;
   height: 16px;
   display: block;
}

.spLUitemtext p {
    color: rgba(255, 255, 255, 0.50);   
}




.sportLiveUpcoming_item2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 6px;
}

.sportLiveUpcoming_item2lt p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    gap: 8px;
}

.sportLiveUpcoming_item2lt p img {
   width: 24px;
   height: 24px;
   display: block;
}

.sportLiveUpcoming_item2rt span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    padding: 4px 11.077px 4px 11.38px;
    width: 36px;
    display: inline-block;
    text-align: center;
}

.sportLiveUpcoming_item3 {
    padding: 12px 0;
    padding-top: 6px;
}

.sportLiveUpcoming_item3 p {
    color: #b7b8b8;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
}

.sportLive_itempt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sportLive_item {
    border-radius: 8px;
    border: 1px solid #1A1B1C;
    background: #2c2e2f80;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 8px 8px;
}

.sportLive_item p {
    color: rgba(255, 255, 255, 0.50);
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.36px;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
    width: 100%;
}

.sportLive_item p span {
    color: #fff;
}




.sportLive_itemimg {
    border-radius: 8px;
    border: 1px solid #1A1B1C;
    background: #202224;
    width: 32px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 8px 8px;
}


.sportLive_itemimg img {
    max-width: 100%;
    display: block;
}

.OddsFormat_part {
    padding: 80px 0;
    padding-top: 50px;
}

.OddsFormat_head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-bottom: 16px;
}

.OddsFormat_head h3 {
    color: #878889;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;    
}

.OddsFormat_text p {
    color: #878889;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    max-width: 610px;
    margin: auto;    
}


.euroSelect{
    width: 168px;
    position:relative;
}

.euroSelect_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    color: #fff;
    border-radius: 38px;
    background: #2C2E2F;
}

.euroSelect_text{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.euroSelect_list{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#1c1f24;
    border:1px solid #333;
    border-radius:8px;
    margin-top:6px;
    list-style:none;
    display:none;
    z-index:10;
}

.euroSelect.active .euroSelect_list{
    display:block;
}

.euroSelect_item {
    padding: 12px 15px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.euroSelect_item:hover{
    background:#2a2f36;
}



.sportLive_itembtn a {
    color: #FFF;
    text-align: center;
    font-size: 11.8px;
    font-weight: 500;
    padding: 12px 8px;
    border-radius: 8px;
    border: 1px solid rgba(220, 227, 244, 0.00);
    background: rgba(220, 227, 244, 0.12);
    display: block;
    width: 100%;
    line-height: 17px;
}



/*--- TopOutrights_area start ---*/
.TopOutrights_area {
    padding: 30px 0;
}

.TopOutrights_head {
    padding-bottom: 16px;
}

.TopOutrights_head h2 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.TopOutrights_head h2 img {
    max-width: 100%;
    display: block;
}

.TopOutrights_box {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #151718; 
    width: 409.06px;
    box-sizing: border-box;
    padding: 9px;
}


.TopOutrights_menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.TopOutrights_menu ul li {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    border-radius: 32px;
    background: #1A1B1C;
    padding: 8px 6px;
    width: 100%;
    text-align: center;
}

.TopOutrights_menu ul li.active {
    color: #14131D;
   border-radius: 32px;
    background: #FF0048; 
}

.TopOutrights_winner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 12px;
}


.TopOutrights_winnertext h3 {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.28px;
    padding-bottom: 8px;
}

.TopOutrights_winnertext h5 {
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.28px;
    padding-bottom: 5px;    
}

.TopOutrights_winnertext p {
    color: #21A8F7;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-align: center; 
}

.TopOutrights_winnerlt img {
    width: 20px;
    height: 20px;
    display: block;
}

.TopOutrights_winnerrt img {
    width: 20px;
    height: 20px;
    display: block;
}

.TopOutrights_list {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #1A1B1C;
    padding: 11px 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.TopOutrights_list p {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14.4px;
    margin: 0;
}

.TopOutrights_btn button {
    color: #8a8b8b;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    background: none;
    border: none;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 50px;
    cursor: pointer;
}

.TopOutrights_btn button img {
    max-width: 100%;
    display: block;
} 




/*--- CombosEvents_area start ---*/
.CombosEvents_area {
    padding: 30px 0;
}

.CombosEvents_part {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
    padding-right: 180px;
}

.CombosEvents_left {
    width: 50%;
}

.CombosEvents_right {
    width: 50%;
}

.CombosEvents_head {
    padding-bottom: 16px;
}

.CombosEvents_head h2 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.CombosEvents_head h2 img {
    max-width: 100%;
    display: block;
}

.CombosEvents_head ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: none;
    align-items: center;
    gap: 8px;
}

.CombosEvents_head ul li {
    border-radius: 8px;
    background: rgba(220, 227, 244, 0.12);
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.CombosEvents_head ul li img {
        width: 16px;
        height: 16px;
        display: block;
}

.CombosEvents_head ul li span {
    color: rgba(229, 232, 241, 0.72);
    font-size: 13.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;   
}




.Combos_box {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #151718;
    padding: 6px; 
    box-sizing: border-box;
}

.Combos_itempt {
    height: 290px;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;    
}

.Combos_item {
    border-radius: 6px;
    background: #1A1B1C;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 6px;
    position: relative;
    padding-right: 15px;
}

.Combos_itemhd {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 8px;
}

.Combos_itemhdlt h3 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    gap: 5px;
}

.Combos_itemhdlt h3 img {
    max-width: 100%;
    display: block;
}

.Combos_itemhdrit h3 {
    color: #8c8d8d;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;   
}

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

.Combos_item1lt p {
    color: #8c8d8d;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;   
}

.Combos_item1rt p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.Combos_line {
    border-radius: 4px 0 0 4px;
    background: #41BC2C;
    width: 4px;
    height: 80%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0;  
}



.Comboboostbox {
    border-radius: 6px;
    border: 1px solid #41BC2C;
    background: #1A1B1C;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.Comboboostbox p {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin: 0; 
}

.Comboboostbox span {
    color: #14131D;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    text-transform: uppercase;
    background: #41BC2C;
    padding: 4px;
    position: absolute;
    top: 0;
    right: 0;  
}

.CombosCLnm {
    background: #14131d;
    border-radius: 6px;
    padding: 15px 12px;
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 8px;
    margin-bottom: 8px;  
}

.CombosCLnm p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}


.CombosCLlist ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.CombosCLlist ul li {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    border-radius: 6px;
    background: #1A1B1C;
    width: 100%;
    padding: 10px 0;
}

.CombosCLlist ul li.active {
   color: #14131D;
   background: #FF0048; 
}



.CombosCLpr1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 8px;
}

.CombosCLpr1 h5 {
    color: #8c8d8d;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.CombosCLpr1 p {
    color: #5b5c5d;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;   
}

.CombosCLpr1 p span {
    color: #41BC2C;
}


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

.CombosCLpr2 h5 {
    color: #8c8d8d;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.CombosCLpr2 p {
    color: #5b5c5d;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;   
}

.CombosCLpr2 p span {
    color: #fff;
}

.CombosCLbtn button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 24px;
    opacity: 0.5;
    background: rgba(255, 255, 255, 0.20);
    width: 100%;
    border: none;
    padding: 12px 5px;
    margin-top: 16px;    
}

.CombosCLbtn img {
    display: none;
}

.Events_box {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #151718;
    padding: 6px;
    box-sizing: border-box;
}

.EventsCLnmtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;   
}

.EventsCLnmtop p {
    color: #b5b6b6;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 4px; 
}

.EventsCLnm {
    background: #14131d;
    border-radius: 6px;
    padding: 15px 12px;
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 8px;
    margin-bottom: 8px;  
}

.EventsCLnm p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}


.EventsCLlist ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.EventsCLlist ul li {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    border-radius: 6px;
    background: #1A1B1C;
    width: 100%;
    padding: 10px 0;
}

.EventsCLlist ul li.active {
   color: #14131D;
   background: #FF0048; 
}

.EventsCLpr1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 8px;
}

.EventsCLpr1 h5 {
    color: #b5b6b6;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.EventsCLpr1 p {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;   
}

.EventsCLbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.EventsCLbtn {
    padding-top: 16px;
}

.EventsCLbtn img {
    width: 20px;
    height: 20px;
}

.EventsCLbtn button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 24px;
    opacity: 0.5;
    background: rgba(255, 255, 255, 0.20);
    width: 100%;
    border: none;
    padding: 12px 5px;  
}




.Events_item1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.Events_item1LT p {
    color: rgba(255, 255, 255, 0.50);
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.36px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.Events_item1LT p img {
      max-width: 100%;
    display: block;  
}


.Events_item1RT p {
    color: #21A8F7;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.24px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;   
}

.Events_item1RT p img {
    max-width: 100%;
    display: block;  
}

.Events_item2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
}

.Events_item2LT p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    gap: 8px;
}

.Events_item2LT p img {
    width: 24px;
    height: 24px;
    display: block;   
}

.Events_item2RT span {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    padding: 4px 11.077px 4px 11.38px;
    width: 36px;
    display: inline-block;
    text-align: center;
}





.Events_vspart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 16px;
}

.Events_vsleft {
    width: 42%;
}

.Events_vsinner {
    width: 16%;
}

.Events_vsright {
    width: 42%;
}

.Events_vsinner .Events_vsitemtop img {
    width: inherit;
    height: 26px;
    display: block;
    margin: auto;
    margin-bottom: 0px;    
}


.Events_vsitem {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: #1A1B1C;
    padding: 10px 5px;
}

.Events_vsitemtop {
    height: 115px;
    display: grid;
    align-items: center;
}

.Events_vsitemtop img {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}

.Events_vsitemtop p {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}

.Events_vsitemdown {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Events_vsitemdown p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}


.MBsportspgicons_box {
    display: none;
}





/*-- sportLiveUpcoming start ---*/
.mobileUpcoming_area {
    padding-top: 24px;
    padding-bottom: 40px;
    display: none;
}

.mobileUpcoming_head {
    padding-bottom: 16px;
}

.mobileUpcoming_head h2 {
    color: #FFF;
    font-size: 19.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.mobileUpcoming_head h2 img {
    max-width: 100%;
    display: block;
    filter: brightness(0) saturate(100%) invert(58%) sepia(6%) saturate(330%) hue-rotate(188deg) brightness(90%) contrast(85%);
}


.mobileUpcoming_part {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 16px;
    justify-content: space-around;
    grid-row-gap: 16px;  
}


.mobileUpcoming_list {
    padding-top: 16px;
    padding-bottom: 16px;
}

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

.mobileUpcoming_list ul li {
    display: inline-block;
    padding-bottom: 8px;
}

.mobileUpcoming_list ul li span {
    color: rgba(229, 232, 241, 0.72);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 16px;
    gap: 8px;
    padding: 9px 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    border-radius: 18px;
    background: rgba(220, 227, 244, 0.12);
}

.mobileUpcoming_list ul li span img {
  width: 20px;
  height: 20px;
  display: block;
}

.mobileUpcoming_list ul li.active span {
    color: #fff;
     background: #FF0048;
}

.mobileUpcoming_list ul li.active span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7443%) hue-rotate(75deg) brightness(101%) contrast(94%);
}


/*-- mobilelive_area start ---*/
.mobilelive_area {
   padding-top: 25px;
   display: none;
}

.GoLive_btn {
   margin-top: 20px;
}

.GoLive_btn a {
    color: rgba(255, 255, 255, 0.70);
    text-align: center;
    font-size: 11.8px;
    font-weight: 500;
    padding: 12px 8px;
    width: 100%;
    line-height: 17px;
    border-radius: 6px;
    border: 1px solid rgba(29, 40, 50, 0.00);
    background: rgba(220, 227, 244, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.GoLive_btn a img {
    max-width: 100%;
    display: block;
}






/*-- mobilePopular_area start ---*/
.mobilePopular_area {
    padding-top: 24px;
    padding-bottom: 0px;
    display: none;
}

/*-- mobilesport_heroarea start ---*/
.mobilesport_heroarea {
    display: none;
}

.sportLiveUpcoming2_box {
    border-radius: 8px;
    border: 1px solid #1A1B1C;
    background: #151718;
    padding: 16px;
    position: relative;
    overflow: hidden; 
}

.inner_sportLiveUpcoming2 {
    position: relative;
    z-index: 9;    
}

.sportLiveUpcoming2_hd {
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.sportLiveUpcoming2_hd p {
    color: rgba(255, 255, 255, 0.50);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.36px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sportLiveUpcoming2_hd p img {
    max-width: 100%;
    display: block;
}


.sportLiveUpcoming2_hd h5 {
    color: rgba(255, 255, 255, 0.50);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.36px;
}



.sportLiveUpcoming2_item2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 0;
}

.sportLiveUpcoming2_item2lt img {
   width: 32px;
   height: 32px;
   display: block;
   border-radius: 50%;
}

.sportLiveUpcoming2_item2lt p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding-top: 7px;
}





.sportLiveUpcoming2_item2rt img {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    margin: auto;
    margin-right: 0;
}

.sportLiveUpcoming2_item2rt p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding-top: 7px;
    text-align: right;
}


.sportLiveUpcoming2_item3 {
    padding-bottom: 9px;
}

.sportLiveUpcoming2_item3 p {
    color: #b7b8b8;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    text-align: center;
}



.sportLive2_itempt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sportLive2_item {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 10px 8px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(255, 255, 255, 0.30);
}

.sportLive2_item p {
    color: rgba(255, 255, 255, 0.50);
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.36px;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
    width: 100%;
}

.sportLive2_item p span {
    color: #fff;
}


.Popularbanner1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;    
}




.Betslipbox {
    width: 375.8px;
    display: flex;
    align-items: start;
    margin: auto;
    gap: 15px;
    position: fixed;
    right: 23%;
    top: 30%;
}

.Betslipbox_left {
    width: 320px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}

.Betslipbox_left.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}




.Betslipbox_right {
   padding-top: 8px;


}

.Betslipbox_RTicon {
    border-radius: 26843500px;
    background: #FF0048;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.Betslipbox_RTicon img {
    max-width: 100%;
    display: block;
}


.Betslipbox_lttop {
    border-radius: 6px 6px 0 0;
    background: #f90046;
    padding: 12px 16px;
    padding-left: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.Betslipbox_lttopleft {
    display: flex;
    align-items: center;
    gap: 12px;
}


.Betslipbox_lticon1 img {
   width: 32px;
   height: 32px;
   display: block;
}

.Betslipbox_lttext p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    gap: 7px;
    align-items: center;
}

.Betslipbox_lttext p img {
    max-width: 100%;
    display: block;
}


.Betslipbox_lttopright {
    display: flex;
    align-items: center;
    gap: 12px;    
}

.Betslipbox_lttopright p {
    color: #FFF;
    text-align: right;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;    
}


.Betslipbox_toggleslider {
    border-radius: 60px;
    border: 1px solid #FFF;
    display: flex;
    width: 52px;
    height: 24px;
    padding: 2.6px 10.4px 3.4px 2.6px;
    align-items: center;
}

.Betslipbox_slider {
    width: 18px;
    height: 18px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.Betslipbox_slider img {
    height: 10px; 
}


.Placebets_box {
    background: #1a1b1c;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}


.Placebets_item1 {
    display: flex;
    align-items: center;
    gap: 16px;
}

.Placebets_item1left img {
    width: 48px;
    height: 48px;
    display: block;
}

.Placebets_item1right h3 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding-bottom: 8px;
}

.Placebets_item1right p {
     color: #bababa;
     font-size: 12px;
     font-style: normal;
    font-weight: 600;
    line-height: 16px;
}


.OddsSettings_btn {
   padding-top: 38px;
}

.OddsSettings_btn button {
    border-radius: 8px;
    background: #212223;
    color: rgba(255, 255, 255, 0.50);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    display: flex;
    gap: 6px;
    width: 100%;
    border: none;
    justify-content: center;
    padding: 12px 0;
    position: relative;   
}

.OddsSettings_btn button img {
    width: 16px;
    height: 16px;
}

.OddsSettings_btn button span {
    width: 8px;
    height: 8px;
    background: #FF0048;
    border-radius: 50%;
    position: absolute;
    right: -3px;
    top: -3px; 
}



.Placebets_item2text {
    padding-top: 13px;
    padding-bottom: 18px;
}

.Placebets_item2text p {
    color: rgba(255, 255, 255, 0.70);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.4px;

}

.Placebets_item2text p a {
    color: rgba(255, 255, 255, 0.70);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.Placebets_item2text p a img {
    max-width: 100%;
    display: inline-block;
    position: relative;
    top: 4px;
}





.Placebets_item2list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.Placebets_item2list ul li {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 24px;
    background: #212223;
    width: 100%;
    padding: 10px 0;
}

.Placebets_item2list ul li.active {
   color: #FF0048;
   background: #fff; 
}


.Placebets_item3 {
    border-radius: 6px;
    border: 1px solid #FF0048;
    background: #FF0048;
    padding: 8px 7px;
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 9px;    
}

.Placebets_item3 p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.Placebets_item3 p img {
    max-width: 100%;
}

.Placebets_item4 {
     padding-top: 16px;
}

.Placebets_item4 p {
    color: #FFF;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.Placebets_item4 p img {
    max-width: 100%;
}