.detail-section {
    width: 100%;
    margin: auto;
    padding-inline: 0px;
    margin-inline: 0px;
    background-color: #ededed;
  }
  
  @media (min-width:991px) {
    .detail-section {
      /* top:100px; */
      padding-inline: 10px;
      /* position: fixed; */
    }
  }
  
  .score-tabcontent {
    padding-inline: 0px;
    margin-inline: 0px;
    overflow-y: auto;
  }
  
  @media (min-width:991px) {
    .score-tabcontent {
      padding-inline: 0px;
      margin-inline: 0px;
    }
  }
  
  
  

  * {
    padding: 0;
    margin: 0px;
    box-sizing: border-box;}
  
  
  body {
    font-size: 16px;
    color: var(--black-color);
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    background: var(--dark-white);}
  
  ul {
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;}
  
  a {text-decoration: none;}
  
  img {
    max-width: 100%;
    vertical-align: top;
    height: auto;}
  
  :root {
    --primary-color: #f6a21e;
    --primary-color2:linear-gradient(180deg,#ffcc2f 8%,#ffb80c 100%);
    --primary-color-copy: linear-gradient(-180deg, #fdaf32 0%, #e6a338 100%);
    --secondary-color: #72bbef;
    --secondary-color22: #2789ce;
    --secondary-color-c: #faa9ba;
    --black-color: #000;
    --gray-color: #dddcd6;
    --blue-color: #1e315a;
    --light-black: #1e1e1e;
    --tab-color: #2b4658;
    --green-color: #e6efd1;
    --dark-green: #83ae17;
    --white-color: #fff;
    --second-gary: #7e97a7;
    --light-blue: #2789ce;
    --gray-3: #3b5160;
    --dark-white: #ededed;
    --red-color: red;
    --bm-bg: linear-gradient(-180deg, #315195, #14213d);
    --minmax-color:#315195;
    --light-yellow: #faf8d8;
    --light-black: rgb(59 59 59 / 70%);
    --black-gre: linear-gradient(#525252 0%, #2d2d2d 80%);
    --dat-btn: #243A48;
    --commission-bg: linear-gradient(-180deg, #2E4B5E 0%, #243A48 82%);
    --commision-thead: #e0e6e6;
    --commision-thead-border: #c8ced3;
    --account-details: #e9e9e9;
    --formsubmit: #6d7578;
    --formsubmit2: #C8CED2;
    --black-copy: #212529;
    --show-color: #6f6f6f;
    --log-in: linear-gradient(#535353 0%, #000000 80%);
    --detail-color: linear-gradient(180deg, #0a92a5 15%, #076875 100%);
    --detail-color2: linear-gradient(180deg, #f26d1c 15%, #d14100 100%);
    --detail-color-copy2: linear-gradient(180deg, #f58b30 15%, #f58b30 100%);
    --detail-color-copy: linear-gradient(180deg, #1cb0b5 15%, #1cb0b5 100%);
    --mobile-nav: linear-gradient(-180deg, #243a48 20%, #172732 91%);
    --mobile-before: #23313a;
    --mobile-hover: linear-gradient(-180deg, #32617f 20%, #1f4258 91%);
    --before-hover: linear-gradient(-196deg, #32617f 13%, #1f4258 40%);
    --sports-sec: #14213d;
    --sports-border: #4b4b4b;
    --background: linear-gradient(212deg, rgb(250 169 186 / 36%) 100%, rgb(114 187 239 / 26%) 0%);
    --detail-red: rgba(255, 255, 255, .5);
    --micro-color: linear-gradient(-180deg, #274253 0%, #0f191f 82%);
    --log-inborder: #ced4da;
    --blaggradient:linear-gradient(-180deg,#323232 0,#0d0d0d 100%);
    --yellow-gradient:linear-gradient(180deg,#ffcc2f 8%,#ffb80c 100%);
    --redlogin:linear-gradient(-180deg, #f72424 0%, #bb1c00 100%);
    --f-color:linear-gradient(180deg,#0a92a5 15%,#076875 100%);
    --s-color:linear-gradient(180deg,#f26d1c 15%,#d14100 100%);
    --orange:#fd8f3b;
    --lightodd:#d7e8f4;
    --light2odd:#b7d5eb;
    --lightpink:#efd3d9;
    --lightpink2:#f6e6ea;
    --min-max:#bed5d8;
    --bigsuspen:rgb(255 255 255 / 60%);
    --bigsuspend-color:#ca1010;
    --leftbet:linear-gradient(90deg, rgba(130, 183, 221, .15) 0, rgba(130, 183, 221, .8) 65%);
    --rightbet:linear-gradient(270deg, rgba(231, 170, 184, .15) 5%, rgba(231, 170, 184, .8) 60%);
    --placebtn:linear-gradient(-180deg, #000000 0%, #000000 100%);
    --plus-minubet:#1f72ac;
    --theme-1:linear-gradient(180deg, #08c, #08c 49%, #fff 0, #fff 51%, #2c3e50 0);
    --theme-2:linear-gradient(180deg, #000, #000 49%, #fff 0, #fff 51%, #ffc011 0);
    --theme-3:linear-gradient(180deg, #088d92, #088d92 49%, #fff 0, #fff 51%, #0f686c 0);
    --theme-4:linear-gradient(180deg, #383140, #383140 49%, #fff 0, #fff 51%, #000 0);
    --theme-5:linear-gradient(180deg, #4abdac, #4abdac 49%, #fff 0, #fff 51%, #f48221 0);
    --theme-6:linear-gradient(180deg, #e63d77, #e63d77 49%, #fff 0, #fff 51%, #8c1050 0);
    --theme-7:linear-gradient(180deg, #8a4e00, #8a4e00 49%, #fff 0, #fff 51%, #116257 0);
    --theme-8:linear-gradient(180deg, #000, #000 49%, #fff 0, #fff 0, #fff 51%, #e76f26 0);
    --theme-9:linear-gradient(180deg, #121212, #121212 49%, #fff 0, #fff 51%, #16acab 0);
    --theme-10:linear-gradient(180deg, #00008b, #00008b 49%, #fff 0, #fff 51%, red 0);
    --settingheading:linear-gradient(-180deg,#2e4b5e 0,#243a48 82%);
    --border-image:conic-gradient(#6ca7ec,#2222b9,#6ca7ec,#2222b9,#6ca7ec,#2222b9,#6ca7ec) 1;
    --deposit:linear-gradient(180deg,#2A3A43 27%,#1C282D 83%);
    --activedeposit:#0f2326;
  }
    
  
  
    input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  
  .score-tabcontent2 {margin-bottom: 50px;}
  
  .f-text {background: var(--f-color) !important;}
  
  .s-text{background:var(--s-color) !important;}
  
  /* Header CSS */
  
  
  
  
  ul,
  li {
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;}
  
  a {text-decoration: none;}
  
  .top-header {
    background:var(--blaggradient);
    padding: 10px 0 5px 10px;
    height: 68px;}
  
  .nav-position {
    position: absolute;
    right: 0;
    top: 0;}
  
  .header-left img {width: 140px;}
  
  .header-right i {color:var(--white-color) !important;}
  
  .header-right ul li input[type="search"] {visibility: hidden;}
  
  .header-right ul li input[type="password"] {margin-left: 17px}
  
  .header-right.col-lg-5 ul li i {color: #fff;}
  
  .header-right form .login-input {gap:20px;}
  
  .logindatawork{gap: 12px;}
  
  .header-right form .login-input input {
    outline: none;
    padding: 3px 7px 2px 14px;
    border-radius: 4px;
    border: 0px;}
  
  .header-right ul li input::placeholder {font-size: 16px;}
  
  .bottom-header{
    background:var(--yellow-gradient);
    height: 32px;
    padding-inline: 5px;
  }
  
  .header-nav{height: 100%;}
  
  .matchlist-home {margin-bottom: 10px;}
  
  .bottom-header a {
    color: #000;
    font-weight: 500;
    transition: 0.3s all ease-in-out;}
  
  .bottom-header li {
    border-right: solid 1px #797777;
    padding: 3px 11px 3px;
    white-space: nowrap;}
  
  .bottom-header li:nth-child(1) {padding-left: 0px;}
  
  .bottom-header li:hover a {text-decoration: underline;}
  
  .header-work {width: 100%;}
  
  .login-button {
    background:var(--redlogin);
    padding: 3px 15px;
    border-radius: 3px;
    font-weight: 700;
    color:var(--white-color);
    font-size: 14px;
    white-space: nowrap;
    outline: none;
    box-shadow: none;
    border: 0px;
    width: 90px;}
  
  .main-pit,
  .my-accoutn {color: #fff;}
  
  li.my-accoutn.d-flex {width: 8%;}
  
  li.main-pit {
    width: 100%;
    font-size: 15px;
    line-height: 23px;}
  
  li.my-accoutn p {
    margin: 0 6px;
    font-size: 13px;}
  
  .main-pit p {margin-bottom: 0px;}
  
  li.my-accoutn.d-flex {
    width: 157px;
    font-size: 15px;}
  
  .reload img {
    box-shadow: inset 0 1px 4px 0 rgba(255, 255, 255, 0.4);
    border-radius: 2px;
    background: black;
    font-size: 25px;
    display: block;
    padding: 8px 12px;
    margin: 5px;}
  
    .reload img {
      width: 40px;
      height: 40px;
      object-fit: contain;
    }
  
  .my-accoutn-btn {
    background: #292929;
    cursor: pointer;
    padding: 2px;
    padding-inline: 5px;
    box-shadow: 0 -3px 3px -3px rgba(255, 255, 255);}
  
  .my-accoutn-btn i {color:var(--orange) !important;}
  
  
  .account-name {white-space: nowrap;}
  
  .header-right-ul {position: relative;}
  
  .drop-my-account a {color: #000;}
  
  .drop-my-account ul li:nth-child(1) {
    background: #e4e7ea;
    border-radius: 10px 10px 0px 0px;}
  
  .drop-my-account ul li:nth-child(1) p {
    color: #000;
    text-transform: lowercase;
    font-weight: 700;
    font-size: 13px;
    cursor: context-menu;}
  
  .drop-my-account ul li {border-bottom: 1px solid;}
  
  .drop-my-account ul li {
    border-bottom: 1px solid #c8ced3;
    padding: 3px 6px 4px;
    font-size: 14px;
    width: 100% !important;}
  
  .drop-my-account ul li:nth-last-child(1) {
    border-bottom: 0px;
    padding: 0 10px;}
  
  .drop-my-account ul li button {
    width: 100%;
    outline: none;
    border: 0px;
    background: #2e4b5d;
    color: #fff;
    border-radius: 3px;
    margin: 8px 0px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    padding: 4px 0;
    font-size: 13px;}
  
  .drop-my-account ul li:nth-last-child(1) button i {margin-left: 10px;}
  
  li.main-pit span {
    color: #f00;
    font-weight: 700;}
  
  .settings {font-size: 100px;}
  
  .bets-header div {
    background-color: #000;
    color: #fff;
    width: 110px;
    justify-content: center;
    padding: 14px 0;
    height: 50px;
    align-items: center;
    border-radius: 10px;
    box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.4);
    border: solid 1px #000;}
  
  .bets-header {display: none;}
  
  .bets-header p {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
    margin-left: 6px;}
  
  .bottom-header .header-nav ul li a {font-weight: 500;}
  
  .bottom-header .header-nav span,
  .bottom-header .header-nav i {font-weight: 900;}
  
  .score-tab{
  
    /* width: 19.4%; */
    left: 0px;
    /* width: 17.90%;
    left: 20px; */
    /* position: fixed; */
    height: 100vh;
    top: 100px !important;
  }
  
  .score-tab {padding: 0;}
  
  .sports-black-ul {padding: 3px 14px !important;}
  
  .score-tab-work {background: var(--white-color)fff;}
  .score-tab-work{
    /* position: sticky;
    top: 100px;
    width: 100%; */
  }
  .score-sec {margin-top: 103px;}
  
  section.score-sec ul li {cursor: pointer;}
  
  .score-tab,
  .score-tabbets {background: var(--white-color);}
  
  .score-tab ul li a {
    color: var(--black-color);
    display: block;
    position: relative;
    width: 100%;}
  
  .sports-black-ul {
    background: var(--black-color);
    padding: 3px 9px;}
  
  .sports-black-ul:hover {background-color: var(--black-color) !important;}
  
  .sports-black-ul a i {font-size: 21px;}
  
  .sports-black-ul a p {font-weight: 700;}
  
  .sports-black-ul:hover a {color: var(--white-color) !important;}
  
  .sports-black-ul a {color: var(--white-color) !important;}
  
  .nav-position {
    position: absolute;
    right: 0;
    top: 0;}
  
  /* Center bet CSS    */
  
  
  .red-text {  color: red}
  
  .green-text {  color: green}
  
  .score-tab ul li {
    border-bottom: solid 1px #d2d6e2;
    padding: 7px 7px 7px 7px;
    font-size: 13px;}
  
  .table-name ul li p {padding: 0 40px;}
  
  .tab-content-slider .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;}
  
  .nav-link-bottom svg {display: none;}
  
  .highlights h4 {
    background: var(--primary-color);
    font-size: 13px;
    padding: 3px 10px;
    margin-bottom: 0px;
    font-weight: 700;}
  
  .cards-sec {
    background-repeat: repeat;
    background-size: contain;
    padding: 0px 10px;
    background-attachment: fixed;}
  
  .inner-data-left p span {
    color: var(--light-blue);
    font-weight: 700;}
  
  .nav-patti-work button.active {
    background-color: var(--primary-color);
    color: var(--black-color);}
  
  .inner-data-center ul li p {
    background: #2e4c8b;
    text-transform: uppercase;
    color: var(--white-color);
    padding: 2px 7px;
    width: 31px;
    text-align: center;
    font-size: 10px;
    margin: auto;
    border-radius: 6px;
    cursor: context-menu;
    font-weight: 700;}
  
  .inner-data-center ul li {margin-left: 4px;}
  
  .inner-data-center ul li:nth-child(1) {margin-left: 0px;}
  
  .inner-data-right ul li span:nth-child(1) {
    background: var(--secondary-color);
    width: auto;
    padding: 3px 19px;}
  
  .inner-data-center ul {
    display: flex;
    flex-wrap: wrap;}
  
  .inner-data .row:nth-child(1) ul li span {background: none;}
  
  .inner-data .row:nth-child(1) .inner-data-left p,
  .inner-data .row:nth-child(1) .inner-data-center-ul {visibility: hidden;}
  
  .inner-data-right ul li span:nth-child(2) {
    background-color: var(--secondary-color-c);
    width: auto;
    padding: 3px 19px;}
  
  .inner-data-right ul li span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 0px;
    cursor: context-menu;}
  
  .inner-data-right ul {
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;}
  
  .inner-data-left,
  .inner-data-center,
  .inner-data-right {
    padding-left: 0;
    padding-right: 0px;}
  
  .inner-data-left {width: 44%;}
  
  .inner-data-center {width: 13%;}
  
  .inner-data-right {width: 43%;}
  
  .nav-link2.active {
    background: var(--gray-color);
    color: var(--black-color);
    border: 0px;
    border-radius: 10px 10px 0px 0px;}
  
  .desktop-nav{background: var(--yellow-gradient);}
  
  .nav-link2 {
    background: var(--tab-color);
    color: var(--white-color);
    border: 0px;
    padding: 1px 23px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;}
  
  .desktop-nav .nav-link2:nth-child(n+4) {display: none;}
  
  ul#myTab {
    background: var(--primary-color);
    padding-top: 6px;
    min-width:max-content;
    padding-right: 50px;}
  
  nav.nav-patti-work {
    background: var(--black-color);
    padding: 2px 0px;
    overflow-x: auto;}
  
  .nav-patti-work::-webkit-scrollbar {
    width: 0;
    height: 0;}
  
  .nav-patti-work {
    scrollbar-width: none;
    -ms-overflow-style: none;}
  
  .nav-patti-work button {
    border: 0px;
    color: var(--white-color);
    padding: 5px 20px;
    margin-left: 7px;
    border-radius: 22px;
    background: none;
    font-weight: bold;
    border-right: solid 2px;
    outline: none;}
  
  .nav-patti-work button.active {
    background-color: var(--primary-color);
    color: var(--black-color);}
  
  .nav-patti-work .nav-tabs {
    border: 0px;
    overflow-x: auto;
    min-width: max-content;}
  
  .tab-content .inner-data .row {
    padding: 2px 10px;
    border-bottom: solid 1px var(--commision-thead-border);
    align-items: center;
    width: 100%;
    margin: auto;}
  
  .inner-data-right ul li p {
    margin-bottom: 0px;
    font-weight: 700;}
  
  .table-name {background-color: #dddcd6;}
  
  .score-tabcontent {
    /* margin-left: 19.1%; */
    padding: 0;
    /* width: 56.60%; */
  }
  
  .inner-data-right ul li i {
    border: solid 1px;
    padding: 4px 6px;
    border-radius: 40px;
    font-size: 13px;
    color: var(--second-gary);
    font-weight: 700;}
  
  .inner-data-right ul li:nth-child(1) {margin-left: 0px;}
  
  .inner-data-right ul li {margin-left: 23px;}
  
  .score-tabcontent::-webkit-scrollbar {display: none;}
  
  #move {display: none;}
  
  div#move button {
    width: 100%;
    text-align: start;
    background: var(--white-color);
    border-radius: 0px;
    color: var(--black-color);
    border-bottom: solid 1pxvar(--black-color) !important;
    position: relative;
    padding: .5rem 1rem;
    outline: none;
    border: 0px;}
  
  .left-table-th {width: 65%;}
  
  .row.tab-th {padding: 0 60px !important;}
  
  .inner-data-center ul {justify-content: left;}
  
  .second-search {display: none;}
  
  .inner-data .row:nth-child(1) i {visibility: hidden;}
  
  .inner-data .row:nth-child(1) ul li span {width: 100px;}
  
  .inner-data .row:nth-child(1) .inner-data-left p {display: none;}
  
  .nav-link3.active {
    background: var(--black-color);
    color: var(--white-color);
    border-radius: 10px 10px 0px 0px;}
  
  .nav-position i {
    padding: 3px 7px;
    border-radius: 5px;
    color: var(--dark-green);
    border: solid 1px var(--dark-green);}
  
  .score-tab ul li:hover {background: var(--green-color);}
  
  .score-tab ul li:hover a {color: var(--dark-green)}
  
  #left-sidebar-toggle {display: none;}
  
  #left-sidebar-toggle ul li a i {margin-right: 16px;}
  
  /* RIGHT DIV CSS */
  .score-tabbets {
    background: var(--white-color);
    padding: 0;
    height: 100vh;
    box-shadow: 0px 0px 1px;
    position: fixed;
    width: 24.20%;
    right: 0;}
  
  .score-tabbets p {
    background: var(--blaggradient);
    color: var(--white-color);
    padding: 4px;
    margin-bottom: 0px;}
  
  
  /* Sign UP Page css */
  
  .signup-main{
    background:var(--blaggradient);
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 1000;}
  
  .singup-input input{
    border-radius:6px;
    outline: none;
    border:solid 1px var(--primary-color);
    width: 100%;
    padding: 9px 0px 9px 10px;}
  
  .singup-input input::placeholder{font-size:1rem;}
  
  .singup-input{margin-top:20px;}
  
  .signup-send .phone-input-container {
      display: flex;
      align-items: center;
      border: 1px solid #ced4da;
      border-radius: 4px;
      padding: 9px 10px;
      background-color: #fff;}
  
  .signup-send  .phone-input-container img {
      width: 20px;
      height: 14px;
      margin-right: 8px;}
  
  .signup-send .phone-input-container span {
      color: #6c757d;
      font-weight: 500;
      margin-right: 8px;}
  
  .signup-send .phone-input-container input {
      border: none;
      outline: none;
      color: #6c757d;
      padding: 0;}
  
  .signup-send {
    width: 330px;
    margin: auto;}
  
  .signup-send .phone-input-container input::placeholder {color: #adb5bd;}
  
  .signup-send h4{
    color: var(--white-color);
    font-size: 20px;
    margin-top: 24px;}
  
  .signup-send .singup-input:nth-last-child(1) input {padding: 0px;}
  
  .signup-send button{
    outline: 0px;
    border: 0px;
    background: var(--primary-color2); 
    width: 100%;
    margin-top:24px;
    padding: 9px 2px;
    font-size: 16px;
    color: var(--white-color);
    font-weight: 500;
    border-radius: 6px;}
  
  .signup-cross {
    top: 20px;
    right: 50px;
    background: var(--primary-color2);
    padding: 6px 10px;
    border-radius: 8px;
    cursor: pointer;}
  
  .signup-send img {
      width: 210px;
      margin: auto;
      display: block;}
  
  
  
  .underline {
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: left 0.3s ease, width 0.3s ease;}
  
  .content {display: none;}
  
  .content.active {display: block;}
  
  .navtabs {
    background: var(--detail-color);
    padding: 5px 3px;}
  
  .navtabs ul {
    background: #83b9c0;
    max-width: 560px;
    margin: auto;
    padding: 2px 3px;
    border-radius: 4px;}
  
  .navtabs ul li.navtab.active {
    background: var(--white-color);
    color: var(--black-color);
    border-radius: 4px;}
  
  .navtabs ul li.navtab {
    padding: 0 18px;
    font-weight: 700;
    cursor: pointer;
    font-size: 13px;}
  
  .content .bet-row-suspended-work {padding: 0px 10px;}
  
  .tab-content .bet-chart {gap: 0px;}
  
  .tab-content .bet-chart li {border: 0px;}
  
  .bet-row-suspended-l {width: 39%;}
  
  .bet-row-suspended-r {width: 60%;}
  
  .bet-row-suspended-r ul li:nth-child(1) p {
    background: #284150;
    color: var(--white-color);
    margin-bottom: 0px;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    max-width: 53px;
    margin: auto;
  }
  
  .bet-row-suspended-r ul li {
    width: 33%;
    text-align: center;
  }
  
  .bet-row-suspended-box:nth-child(1) {
    background: var(--secondary-color);
  }
  
  .bet-row-suspended-box:nth-child(2) {
    background: var(--secondary-color-c);
  }
  
  .bet-row-suspended-box {
    padding: 5px 10px;
    text-align: center;
    width: 50%;
  }
  
  .bet-row-suspended-box p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 700;
  }
  
  .bet-row-suspended-box span {
    font-size: 12px;
    font-weight: 500;
    display: block;
  }
  
  .bet-row-suspended2.d-flex {
    border-bottom: 1px solid;
  }
  
  .bet-row-suspended-box a {
    color: var(--black-color);
  }
  
  .bet-row-suspended-r p {
    margin-bottom: 0px;
  }
  
  .bet-row-suspended-r ul li:nth-child(3) {
    width: 35%;
    cursor: default;
  }
  
  .bet-row-suspended-r ul li:nth-child(2) {
    width: 31%;
  }
  
  .bet-row-suspended-r ul li img {
    display: none;
  }
  
  .score-tabcontent-mobile {
    display: none;
  }
  
  .score-tabcontent-mobile .nav .nav-item button.active {
    background-color: var(--primary-color);
    border-radius: 50px;
    width: auto;
    height: 43px;
    border: solid 2px var(--black-color);
    color: var(--black-color);
  }
  
  .score-tabcontent-mobile .nav .nav-item button {
    background-color: #2b4657;
    border-radius: 50px;
    width: auto;
    height: 43px;
    border: solid 2px var(--black-color);
    color: var(--white-color);
    font-weight: 500;
    font-size: 14px;
  }
  
  .score-tabcontent-mobile .nav {
    gap: 5px;
    margin: 10px 0;
    border: 0px;
  }
  
  
  
  .bet-row-pricebottom {
    border-top: solid 1px white;
    padding: 7px 0 0;
    margin-top: 8px;
  }
  .nav-link3.active img{
    filter: invert(10);
  }
  
  
  .bet-row-suspended-r ul li:nth-child(3) p {
    font-weight: 600;
  }
  
  .bet-row-suspended:nth-child(1) .bet-row-suspended-r ul li:nth-child(3) {
    color: #2b94de;
  }
  
  .bet-row-suspended-work:nth-child(1) .bet-row-suspended-right ul li:nth-child(3),
  .bet-row-suspended-work:nth-child(1) .bet-row-suspended-right ul li:nth-child(4) {
    background: none;
    border: none;
  }
  
  .bet-row-suspended-work:nth-child(1) .bet-row-suspended-right ul li:nth-child(3) p,
  .bet-row-suspended-work:nth-child(1) .bet-row-suspended-right ul li:nth-child(4) p {
    font-size: 13px;
  }
  
  
  
  #price-count2 {
  
    margin-top: 6px;
  }
  
  
  
  .detail-tab22 .detail-tab1 a {
    background: var(--detail-color-copy2);
  }
  
  .score-sec-row2 div#support .navtabs {
    background: var(--detail-color2);
  }
  
  .score-sec-row2 div#support .navtabs ul {
    background: var(--detail-red);
  }
  
  .score-sec-row2 div#support .content .bet-row-suspended-r li:nth-child(1) {
    visibility: hidden;
  }
  
  .score-sec-row2 div#support .content .bet-row-suspended-r li .bet-row-suspended-box:nth-child(2) {
    display: none;
  }
  
  .score-sec-row2 div#support .content .bet-row-suspended-r li .bet-row-suspended-box:nth-child(1) {
    width: 100%;
  }
  
  .score-sec-row2 div#support .content .bet-row-suspended-r li:nth-child(3) {
    visibility: hidden;
  }
  
  .sceond-suspend-div {
    position: relative;
  }
  
  .sceond-suspend {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--light-black);
    color: var(--white-color);
    padding-top: 13px;
    font-weight: 700;
    border: solid 0px;
    font-size: 11px;
    font-weight: 400;
  }
  
  .bet-row-suspended:nth-child(1) .bet-row-suspended-r ul li:nth-child(1) p {
    display: none;
  }
  
  
  
  
  /* BET tABLE CHART CSS */
  
  .bet-table-chart thead tr th span {
    background: none !important;
  }
  
  .bet-table-chart tr td:nth-child(1) {
    width: 45%;
    padding-left: 10px !important;
  }
  
  .bet-table-chart tr td:nth-child(2) {
    width:10%;
  }
  
  .bet-table-chart tr td:nth-last-child(1) {
    width: 3%;
    padding-right: 10px !important;
    text-align: end;
  }
  
  .bet-table-chart tbody tr td:nth-child(3),
  .bet-table-chart tbody tr td:nth-child(4),
  .bet-table-chart tbody tr td:nth-child(5) {
    width: 10%
  }
  
  .bet-table-chart td span {
    width: auto;
    display: inline-block;
    cursor: context-menu;
  }
  
  .bet-table-chart th {
    text-align: center;
  }
  
  .pin a {
    border: solid 1px;
    padding: 4px 7px;
    border-radius: 40px;
    font-size: 10px;
    color: var(--second-gary);
    font-weight: 700;
  }
  
  .bet-table-chart .width {
    width: auto;
    margin: 0 5px;
    display: flex;
  }
  
  .bet-table-chart td .width span{
    width: 50%;
    padding-left: 10px;
    display: flex;
  justify-content: center;}
  
  .width span:nth-child(1) {
    background-color: var(--secondary-color);
    font-weight: 700;
    font-size: 13px;
    color: var(--black-color);
  }
  
  .width span:nth-child(2) {
    background-color: var(--secondary-color-c);
    font-weight: 700;
    font-size: 13px;
    color: var(--black-color);
  }
  
  .bet-table-chart tbody tr p span {
    color: var(--light-blue);
    font-weight: 700;
    padding: 0;
    cursor: pointer;
  }
  
  .bet-table-chart tr th span {
    background: none;
    display: inline-block;
    margin: auto;
    width: auto;
  }
  
  .bet-table-chart thead {
    background-color: var(--gray-color);
  }
  
  .bet-table-chart p {
    margin-bottom: 0px;
  }
  
  .bet-table-chart-p p {
    color: #777777;
  }
  
  .bet-table-chart tbody tr {
    border-bottom: 1px solid var(--commision-thead-border);
  }
  
  .bet-table-chart tbody tr td {
    padding: 3px 0;
  }
  
  .bet-table-chart tr td:nth-child(2) p {
    background: var(--bm-bg);
    display: inline;
    color: var(--white-color);
    padding: 0 4px;
    border-radius: 3px;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
  }
  
  table {
    width: 100%;
    background-color: var(--white-color);
  }
  
  /* LOGIN HEADER CSS */
  
  .main-pit,
  .my-accoutn {
    color: var(--white-color);
  }
  
  li.my-accoutn.d-flex {
    width: 8%;
  }
  
  li.main-pit {
    width: 100px;
    font-size: 12px;
    line-height: 23px;
  }
  
  li.my-accoutn p {
    margin: 0 6px;
    font-size: 13px;
  }
  
  .main-pit p {
    margin-bottom: 0px;
  }
  
  li.my-accoutn.d-flex {
    width:217px;
    font-size: 15px;
  }
  
  .reload a {
    background: #292929;
    padding: 1px 10px;
    font-size: 16px;
    display: block;
  }
  
  .my-accoutn-btn {
    background: #292929;
    padding: 1px 6px;
    cursor: pointer;
  }
  
  .header-right-ul {
    position: relative;
  }
  
  .drop-my-account a {
    color: var(--black-color);
  }
  
  .drop-my-account ul li:nth-child(1) {
    background: #e4e7ea;
    border-radius: 10px 10px 0px 0px;
  }
  
  .drop-my-account ul li:nth-child(1) p {
    color: var(--black-color);
    text-transform: lowercase;
    font-weight: 700;
    font-size: 13px;
    cursor: context-menu;
  }
  
  .drop-my-account ul li {
    border-bottom: 1px solid;
  }
  
  .drop-my-account ul li {
    border-bottom: 1px solid var(--commision-thead-border);
    padding: 3px 6px 4px;
    font-size: 14px;
    width: 100% !important;
  }
  
  .drop-my-account ul li:nth-last-child(1) {
    border-bottom: 0px;
    padding: 0 10px;
  }
  
  .drop-my-account ul li button {
    width: 100%;
    outline: none;
    border: 0px;
    background: #2e4b5d;
    color: var(--white-color);
    border-radius: 3px;
    margin: 8px 0px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    padding: 4px 0;
    font-size: 13px;
  }
  
  .drop-my-account ul li:nth-last-child(1) button i {
    margin-left: 10px;
  }
  
  .drop-my-account {
    position: absolute;
    top: 23px;
    right: 0;
    background-color: var(--white-color);
    width: 200px;
    border-radius: 5px;
    box-shadow: 0px 0px 3pxvar(--black-color);
    z-index: 1000;}
  
  li.main-pit span {
    color: #f00;
    font-weight: 700;
  }
  
  a.settings {
    margin-left: 10px;
    display: none;
  }
  
  .bets-header div {
    background-color: var(--black-color);
    color: var(--white-color);
    width: 110px;
    justify-content: center;
    padding: 14px 0;
    height: 50px;
    align-items: center;
    border-radius: 10px;
    box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, .4);
    border: solid 1pxvar(--black-color);
  }
  
  .bets-header p {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
    margin-left: 6px;
  }
  
  .my-accoutn-btn i {
    color:var(--orange);
  }
  
  /* IN PLAY PAGE CSS */
  /* IN PLAY BET CHART CSS */
  
  
  
  .score-tabcontent-work2 {
    box-shadow: 0px 0px;
  }
  
  .inplay-maintab {
    margin-bottom: 0px;
  }
  
  .inplay-maintab {
    margin-bottom: 0px;
    border: solid 1px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 700;
    background-color: var(--white-color);
    color: var(--gray-3);
    width: 16%;
  }
  
  .inplay-maintab.active {
    background: var(--tab-color);
    color: #fff;
    border: solid 1px #000;
  }
  
  .inplay-maintab:nth-child(1) {
    border-radius: 4px 0px 0px 4px;
  }
  
  .inplay-maintab:nth-last-child(1) {
    border-radius: 0px 4px 4px 0px;
  }
  
  .over-flow .inplay-ul {
    padding: 10px 0px 26px;
  }
  
  .new2 {
    background: var(--dark-white);
  }
  
  .inplay-tennis-sec {
    margin-bottom: 0px;
    background: var(--black-color);
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
  }
  
  /* HORSE RECING PAGE CSS */
  
  .horse {
    border: solid 0px;
    padding: 4px 22px;
  }
  
  .horse img {
    display: block;
    width: 20px;
    height: 20px;
  }
  
  .horse.active {
    background: var(--white-color);
  }
  
  .horse-over-flow {
    background: var(--white-color);
    margin-top: 10px;
  }
  
  .horse-over-flow .bet-table-chart thead {
    display: none;
  }
  
  .horse-over-flow .bet-table-chart tr td:nth-last-child(1) {
    width: 10%;
    text-align: right;
  }
  
  .horse-over-flow .bet-table-chart tr td:nth-child(1) {
    width: 90%;
  }
  
  .horse-over-flow .bet-table-chart tr td {
    padding-block: 13px;
  }
  
  .horse-over-flow .bet-table-chart-p p {
    font-size: 12px;
  }
  
  .horse-main-tab {
    background: var(--dark-white);
  }
  
  .bulking-number-r ul {
    gap: 10px;
  }
  
  .bulking-number-r ul li {
    background-color: var(--dark-green);
    border-radius: 2px;
  }
  
  .bulking-number-r ul li a {
    color: var(--white-color);
    padding: 5px 15px;
    display: block;
  }
  
  .bulking-number-l p {
    margin-bottom: 0px;
    font-weight: 700;
  }
  
  .bulking-number {
    padding: 11px 13px;
    width: 100%;
    margin: auto;
    border-bottom: solid 1px var(--gray-color);
    background-color: var(--white-color);
  }
  
  .bulking-number tr td:nth-child(1) {
    width: 22%;
  }
  
  .bulking-number tr td:nth-child(2) {
    width: 78%;
  }
  
  /* PATTI IMAGES CSS */
  
  .cards-sec-inner1 {
    width: 100%;
    height: 16vh;
    background: #f6a21e;
    clip-path: polygon(84.055% 72.197%, 84.055% 72.197%, 86.147% 69.885%, 88.005% 67.632%, 89.628% 65.439%, 91.016% 63.306%, 92.169% 61.232%, 93.086% 59.218%, 93.767% 57.264%, 94.211% 55.369%, 94.418% 53.534%, 94.388% 51.759%, 94.388% 51.759%, 94.171% 49.997%, 93.807% 48.215%, 93.298% 46.411%, 92.642% 44.586%, 91.841% 42.741%, 90.894% 40.874%, 89.802% 38.987%, 88.563% 37.078%, 87.18% 35.149%, 85.651% 33.198%, 85.651% 33.198%, 84.007% 31.24%, 82.279% 29.296%, 80.466% 27.368%, 78.569% 25.454%, 76.586% 23.555%, 74.519% 21.67%, 72.366% 19.799%, 70.128% 17.943%, 67.805% 16.1%, 65.397% 14.27%, 65.397% 14.27%, 62.976% 12.517%, 60.604% 10.892%, 58.282% 9.395%, 56.011% 8.027%, 53.789% 6.787%, 51.618% 5.677%, 49.498% 4.695%, 47.429% 3.842%, 45.411% 3.117%, 43.443% 2.523%, 43.443% 2.523%, 41.562% 2.05%, 39.812% 1.694%, 38.192% 1.453%, 36.703% 1.327%, 35.344% 1.317%, 34.115% 1.421%, 33.017% 1.64%, 32.048% 1.973%, 31.21% 2.421%, 30.501% 2.983%, 30.501% 2.983%, 29.838% 3.683%, 29.126% 4.536%, 28.363% 5.542%, 27.552% 6.701%, 26.691% 8.012%, 25.78% 9.476%, 24.821% 11.094%, 23.811% 12.865%, 22.753% 14.789%, 21.645% 16.866%, 21.645% 16.866%, 20.561% 19.054%, 19.565% 21.321%, 18.657% 23.666%, 17.837% 26.09%, 17.107% 28.593%, 16.465% 31.175%, 15.913% 33.836%, 15.45% 36.576%, 15.078% 39.395%, 14.796% 42.294%, 14.796% 42.294%, 14.587% 45.219%, 14.444% 48.136%, 14.367% 51.047%, 14.356% 53.95%, 14.412% 56.845%, 14.534% 59.733%, 14.722% 62.613%, 14.978% 65.485%, 15.3% 68.348%, 15.688% 71.203%, 15.688% 71.203%, 16.163% 73.998%, 16.751% 76.672%, 17.455% 79.224%, 18.272% 81.656%, 19.205% 83.967%, 20.252% 86.158%, 21.415% 88.229%, 22.692% 90.179%, 24.085% 92.01%, 25.592% 93.722%, 25.592% 93.722%, 27.198% 95.236%, 28.894% 96.499%, 30.68% 97.509%, 32.556% 98.266%, 34.522% 98.771%, 36.578% 99.023%, 38.723% 99.022%, 40.957% 98.767%, 43.28% 98.259%, 45.692% 97.496%, 45.692% 97.496%, 48.051% 96.635%, 50.205% 95.841%, 52.154% 95.113%, 53.898% 94.452%, 55.437% 93.857%, 56.771% 93.328%, 57.901% 92.864%, 58.825% 92.466%, 59.544% 92.131%, 60.059% 91.862%, 60.059% 91.862%, 60.5% 91.607%, 61.01% 91.307%, 61.589% 90.963%, 62.237% 90.573%, 62.953% 90.138%, 63.738% 89.659%, 64.591% 89.134%, 65.512% 88.566%, 66.502% 87.953%, 67.56% 87.295%, 67.56% 87.295%, 68.703% 86.533%, 69.959% 85.603%, 71.328% 84.507%, 72.81% 83.246%, 74.404% 81.818%, 76.111% 80.224%, 77.929% 78.465%, 79.859% 76.541%, 81.901% 74.451%, 84.055% 72.197%);
    border-radius: 20px;
  }
  
  .cards-sec-inner2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
  }
  
  .cards-sec-inner2 {
    width: 87%;
    height: 14vh;
    top: 16px;
    left: 14px;
    position: absolute;
    background: #000;
    clip-path: polygon(96.85% 20.615%, 96.85% 20.615%, 95.756% 18.591%, 94.507% 16.684%, 93.103% 14.894%, 91.544% 13.221%, 89.828% 11.665%, 87.958% 10.227%, 85.932% 8.906%, 83.751% 7.702%, 81.414% 6.615%, 78.922% 5.645%, 78.922% 5.645%, 76.362% 4.769%, 73.838% 3.966%, 71.346% 3.233%, 68.889% 2.573%, 66.464% 1.984%, 64.073% 1.466%, 61.714% 1.02%, 59.388% .646%, 57.095% .343%, 54.833% .112%, 49.102% .004%, 49.102% .004%, 47.246% .021%, 45.251% .124%, 43.118% .312%, 40.846% .587%, 38.434% .948%, 35.883% 1.394%, 33.193% 1.927%, 30.362% 2.545%, 27.391% 3.249%, 24.279% 4.039%, 24.279% 4.039%, 21.212% 4.933%, 18.349% 5.961%, 15.69% 7.124%, 13.236% 8.421%, 10.986% 9.854%, 8.94% 11.422%, 7.099% 13.125%, 5.462% 14.965%, 4.03% 16.941%, 2.802% 19.053%, 2.802% 19.053%, 1.794% 21.262%, 1.01% 23.541%, .45% 25.891%, .113% 28.311%, -0% 30.801%, .11% 33.362%, .443% 35.993%, 1% 38.694%, 1.779% 41.465%, 2.781% 44.307%, 2.781% 44.307%, 3.945% 47.177%, 5.197% 50.034%, 6.538% 52.878%, 7.967% 55.709%, 9.484% 58.526%, 11.09% 61.329%, 12.786% 64.118%, 14.57% 66.894%, 16.443% 69.656%, 18.405% 72.403%, 18.405% 72.403%, 20.412% 75.087%, 22.404% 77.647%, 24.384% 80.081%, 26.35% 82.391%, 28.302% 84.577%, 30.242% 86.638%, 32.167% 88.575%, 34.079% 90.388%, 35.978% 92.078%, 37.863% 93.643%, 37.863% 93.643%, 39.721% 95.054%, 41.525% 96.293%, 43.274% 97.36%, 44.97% 98.255%, 46.611% 98.978%, 48.197% 99.528%, 49.729% 99.905%, 51.207% 100.11%, 52.629% 100.141%, 53.997% 100%, 53.997% 100%, 54.871% 99.804%, 55.867% 99.464%, 56.985% 98.979%, 58.224% 98.349%, 59.586% 97.575%, 61.069% 96.657%, 62.676% 95.594%, 64.405% 94.387%, 66.258% 93.035%, 68.234% 91.539%, 68.234% 91.539%, 70.25% 89.915%, 72.238% 88.182%, 74.196% 86.34%, 76.125% 84.387%, 78.024% 82.323%, 79.894% 80.149%, 81.734% 77.864%, 83.546% 75.468%, 85.327% 72.961%, 87.08% 70.342%, 87.08% 70.342%, 88.761% 67.676%, 90.33% 65.018%, 91.787% 62.366%, 93.131% 59.721%, 94.364% 57.083%, 95.484% 54.452%, 96.493% 51.829%, 97.39% 49.212%, 98.175% 46.604%, 98.849% 44.003%, 98.849% 44.003%, 99.379% 41.432%, 99.747% 38.913%, 99.953% 36.446%, 99.995% 34.03%, 99.876% 31.666%, 99.595% 29.354%, 99.151% 27.092%, 98.546% 24.882%, 97.779% 22.723%, 96.85% 20.615%);
    border-radius: 20px;
  }
  
  .patti-images2 {
    position: relative;
  }
  
  .patti-images {
    cursor: pointer;
  }
  
  .patti-images2 p {
    font-weight: 700;
    color: var(--black-color);}
  
  .cards-sec.row {
    margin: auto;
    width: 100%;
  }
  
  /* POP UP CSS */
  
  .pop-up-sec {
    position: fixed;
    top: 0%;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    z-index: 1000;
    height: 100%;
    background: #00000070;
  }
  
  .pop-up-btn.flex-wrap.flex button {
    background: #fff;
    border: solid 1px #fff;
    width: 110px;
  }
  
  .pop-up-btn.flex-wrap.flex button {
    background: #fff;
    border: solid 1px #fff;
    width: 130px;
    padding: 5px 0;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    text-transform: capitalize;
  }
  
  .pop-up-btn {
    gap: 10px;
    display: flex;
    justify-content: center;
    margin-top: 17px;
  }
  
  .pop-up-sec h2 {
    font-size: 17px;
    font-weight: 700;
    padding: 18px 0 17px;
  }
  
  .pop-up-sec h4 {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
  }
  
  .pop-up-sec span {
    font-size: 17px;
    margin-top: 30px;
    display: block;
    font-weight: 700;
    padding-bottom: 14px;
  }
  
  .pop-up-sec p {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
    padding-top: 14px;
  }
  
  .cross-icon-popup i {
    font-size: 16px;
    background: var(--primary-color);
    width: 30px;
    padding: 8px 0;
    border-radius: 50px;
    cursor: pointer;
    z-index: 9999999;
  }
  
  .cross-icon-popup  {
    right: 5px !important;
    top:5px !important;
  }
  
  .pop-up-sec-work.position-relative {
    background: linear-gradient(-180deg, #434343 0%, #000000 100%);
    max-width: 500px;
    width: 90%;
    margin: auto;
    padding: 50px 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .nav-patti-control {
    background-repeat:repeat;
    background-size:contain;
    padding: 20px 0;}
  
  .pulse2 {
    -webkit-animation: pulse 400ms infinite alternate;
    animation: pulse 400ms infinite alternate;
    font-size: 12px !important;
  }
  
  @-webkit-keyframes pulse {
    0% {
      color: red;
    }
  
    100% {
      color: var(--dark-green);
    }
  }
  
  @keyframes pulse {
    0% {
      color: red;
    }
  
    100% {
      color: var(--dark-green);
    }
  }
  
  /* MOBILE SCREEN SEARCH BAR CSS */
  
  .fix-search-bar {
    width: 120px;
    height: 45px;
    text-align: center;
    background: var(--black-gre);
    padding-top: 8px;
    font-size: 19px;
    color: #fff;
  }
  
  .mobile-input {
    width: 100%;
    z-index: 10000;
    background: #00000087;
    height: 100%;}
  
  .mobile-input input {
    width: 95%;
    outline: none;
    padding-left: 10px;
  }
  
  .mobile-input2 {
    background: var(--white-color);
    padding: 15px 11px;
    border-radius: 2px 1px 0px 0px;
    display: flex;
    align-items: center;
  }
  
  /* FOOTER CSS  */
  
  .bottom-footer {
    margin-top: 13px;
  }
  
  .top-footer p {
    margin-left: 16px;
    margin-bottom: 0px;
  }
  
  .top-footer i {
    color: var(--dark-green);
    font-size: 24px;
    font-weight: 700;
  }
  
  .top-footer p {
    margin-left: 10px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;}
  
  .top-footer p a {
    margin-left: 10px;
    color: #000;}
  
  .top-footer p a {
    margin-left: 5px;
    color: #000;}
  
  .bottom-footer li a {
    color: #000;
    font-size: 14px;}
  
  .bottom-footer li {
      padding: 0 20px 0;
      border-color: var(--black-color) !important;
      cursor: pointer;
  }
  
  .bottom-footer li:nth-child(1) {padding-left: 0;}
  
  .top-footer h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0px !important;}
  
  .footer {
    background-color: var(--dark-white);
    padding: 20px 0px 50px;}
  
  .footer .container {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;}
  
  .top-footer {
    border-top: solid 1px var(--second-gary);
    padding-top: 20px;
    align-items: center;}
  
  
  
  .fancy-oddgreen h4 {
      font-size: 16px;
      padding: 6px 8px;
      color: var(--white);
  }
  
  .fancy-oddgreen{
      background-color: var(--green);
      margin-top:8px;}
  
      .teamname-div {
        font-size: 14px;
        color: var(--white);
        padding-block: 7px;}
    
  .teamname-div p{opacity: .6;}
  
  .teamname-bet{
    border-left: solid 4px var(--back);
    padding-left: 5px;}
  
  .teamname-bet2{
    border-left: solid 4px var(--lay);
    padding-left: 5px;}
  
  /* ROLLING COMMISSION PAGE CSS */
  
  .my-profile-select select,
  #date,
  .form-btn {width: 100%;}
  
  .abc {
    position: relative;
    width: 60%;}
  
  .abc::-webkit-calendar-picker-indicator {
    width: 100%;
    background-position: right 15px top 10%;
    position: absolute;}
  
  .form-btn {
    background-color: var(--dat-btn);
    color: var(--white-color);}
  
  .my-profile-select select {
    padding: 7px 10px;
    font-size: 14px;
    color: #5c6873;
    border-radius: 3px;
    border: solid 1px var(--log-inborder);}
  
  .my-profile-select input#date {
    background: #e5e7ea;
    border: solid 1px;
    padding: 7px 10px;
    border-radius: 3px;
    font-size: 14px;
    border: solid 1px var(--log-inborder);}
  
  .my-profile-select button {
    padding: 7px 10px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;}
  
  .rollingform1 {
    border: solid 1px;
    padding: 10px 0;
    border-top: solid 2px;
    border-radius: 4px;
    width: 100%;
    /* margin: 10px 10px 10px 10px; */
    background: var(--commision-thead);}
  
  .my-profile-center,
  .my-profile-center2,
  .account-statment,
  .activity-log-sec {
    padding: 0 2px !important;
    background: var(--account-details);}
  
  .roling-table th {
    width: 33.33%;
    text-align: center;
    color: var(--black-color);
    border-right: solid 1px var(--commision-thead-border);
    border-color: var(--commision-thead-border) !important;
    background: var(--commision-thead);}
  
  .roling-table th p {
    margin-bottom: 0px;
    font-size: 15px;
    text-align: center;
    margin: auto;}
  
  .commission-table {
    padding: 20px 20px 30px;
    background: var(--white-color);
    border-radius: 6px;
    overflow-x: scroll;}
  
  .rolling-commission-div h4,
  .profile-heading h4,
  .rolling-commission-sec h4,
  .rolling-commission-form h4,
  .account-table-heading h4,
  .activity-log-heading h4 {
    background: var(--commission-bg);
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    border-radius: 4px 4px 0px 0px;}
  
  .roling-table {
    margin-top: 25px;
    border-color: var(--commision-thead-border) !important;
    border-radius: 4px;
    margin-bottom: 130px;}
  
  .roling-table .table {
    border-radius: 0px 0px 4px 4px;
    border: solid 1px var(--commision-thead-border);}
  
  .commission-table td p {
    margin-bottom: 0px;
    font-size: 14px;
    white-space:nowrap;}
  
  .score-tabbets select {
    width: 97%;
    font-size: 14px;
    padding: 4px 0;
    max-width: 460px;
    margin: 10px auto 0px;
    display: block;}
  
  /* MY PROFILE PAGE CSS */
  
  .my-profile-center2 ul li {
    cursor: inherit !important;
    font-size: 14px;
    font-weight: 700;
    border-color: var(--black-color) !important;
    margin-top: 5px;
    padding: 8px 25px;}
  
  .rolling-commission-sec {
    position: fixed;
    width: 100%;
    top:0px;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 10000;
    background-color: var(--light-black);}
  
  .rolling-commission-sec2 {
    background-color: var(--white-color);
    width: 26%;
    margin: 30px auto 0px;
    padding: 0 0 10px;
    border-radius: 4px;}
  
  .rolling-commission-sec2 h4 i,
  .rolling-commission-formh4 h4 i {
    cursor: pointer;
    font-size: 19px;}
  
  .rolling-commission-sec ul {padding: 7px 15px 0;}
  
  .Details-op h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    color: var(--black-copy);}
  
  .Details-op {width: 27%;}
  
  .Details-op2 {width: 73%;}
  
  .prfile-account-fiels ul li {
    padding: 3px 15px;
    border-bottom: 1px solid var(--commision-thead-border) !important;}
  
  .profile-account-details {
    border: solid 1px var(--commision-thead-border) !important;
    border-radius: 4px;
    background-color: var(--white-color);
    margin-top: 25px;}
  
  .Details-op2 span {
    font-size: 14px;
    font-weight: 400;}
  
  .Details-op2 p span {
    font-size: 19px;
    color: var(--black-color);
    cursor: pointer;}
  
  span.eye-click {
    cursor: pointer;
    font-size: 20px;}
  
  .Details-op2 p {
    margin-left: 20px;
    font-size: 14px;}
  
  .rolling-commission-sec ul li p {
    margin-right: 30px;
    cursor: context-menu;}
  
  .rolling-commission-sec2 ul li {color: #23282c;}
  
  .rolling-commission-formfield input {width: 100%;}
  
  .rolling-commission-formfield {position: relative;}
  
  .eye-on-off {
    position: absolute;
    top: 29px;
    right: 20px;
    z-index: 10000;
    font-size: 21px}
  
  .eye-on-off i {
    cursor: pointer;
    color: var(--black-copy);}
  
  .rolling-commission-formfield input {
    width: 100%;
    padding: 7px;
    border-radius: 4px;
    outline-width: 1px var(--black-color) !important;
    border: solid 1px var(--commision-thead-border);}
  
  .rolling-commission-formfield label {
    font-size: 14px;
    margin-bottom: 8px;}
  
  .rolling-commission-formfield label span {color: var(--red-color);}
  
  .commission-btn-submit {
    border-top: solid 1px;
    margin-top: 30px;
    padding-top: 20px;}
  
  .commission-btn-submit button {
    outline: none;
    border: 0px;
    background: var(--dat-btn);
    padding: 7px 14px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;}
  
  .commission-btn-submit button:nth-child(2) {
    background: var(--formsubmit2);
    color: var(--black-color);}
  
  .rolling-commission-form {
    /* background: var(--light-black); */
    /* position: fixed; */
    width: 100%;
    top: 0px;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 10000;}
  
  .rolling-commission-formsec {
    width: 100%;
    margin: 10px auto 0px;
    background: var(--white-color);
    border-radius: 6px;}
  
  .rolling-commission-form2 {padding: 20px;}
  
  .rolling-commission-formfield:nth-child(3) {margin-top: 20px;}
  
  
  /* ACCOUNT STATMENT PAGE CSS */
  
  .account-table-work {border: solid 1px;}
  
  .account-statment-tables table th {width: 16.66%;}
  
  .account-statment-tables table th i {margin-left: 50px;}
  
  .showing-content-left p {font-size: 14px;}
  
  .showing-content-right li {
    color: var(--show-color);
    margin-left: 30px;
    cursor: default !important;
    font-size: 14px;}
  
  .showing-content-right li:nth-child(1) {margin-left: 0px;}
  
  .howing-content {
    margin-top: 20px;
    width: 100%;}
  
  .account-lable {margin-bottom: 11px;}
  
  .account-lable label select {
    width: 70px;
    padding: 4px 0;
    font-size: 14px;}
  
  .account-lable p {font-size: 14px;}
  
  
  /* Activity Log Page CSS */
  
  .activity-log-sec2 th {
    text-align: left;
    font-size: 14px;}
  
  .activity-log-sec2 th:nth-child(1) {width: 14%;}
  
  .activity-log-sec2 th:nth-child(2) {width: 14%;}
  
  .activity-log-sec2 th:nth-child(3) {width: 14%;}
  
  .activity-log-sec2 th:nth-child(4) {width: 14%;}
  
  .activity-log-sec2 th:nth-child(5) {width: 30%;}
  
  .activity-log-sec2 td {
    border-right: solid 1px var(--commision-thead-border);
    font-size: 14px;}
  
  .activity-log-sec2 td:nth-child(2) {font-weight: 700;}
  
  
  /* LOG IN PAGE CSS */
  
  .log-in-sec {
    background: var(--log-in);
    height: 100vh;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;}
  
  .login-container{
    max-width: 290px;
    margin: auto;
    width: 100%;}
  
  .log-in-logo {
    width: 56%;
    margin: auto;}
  
  .log-in-work input {width: 100%;}
  
  .log-in-btn button {
    width: 100%;
    display: block;
    border: 0px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    background: var(--primary-color-copy);}
  
  .log-in-password {
    position: relative;
    margin-top: 24px;}
  
  .log-in-user {position: relative;}
  
  .mobilesearch-bar{
    background: var(--blaggradient);
    height:100%;
    width:60px;}
  
  .mobilesearch-bar svg {
      width: 60px;
      height: 30px;
      color: var(--white-color);
      margin: auto;
      padding-top: 4px;}
  
  .log-in-input {margin-top: 25px;}
  
  .log-in-input input {
    padding: 10px 10px;
    border-radius: 4px;
    outline: none;
    border: 1px solid var(--primary-color);}
  
  .log-in-input input::placeholder {font-size: 16px;}
  
  .eye-on-off2 {
    top: 4px;
    right: 14px;}
  
  .eye-on-offn {
    position: absolute;
    top: 6px;
    right: 16px;
    font-size: 20px;
    cursor: pointer;}
  
  .log-in-btn {margin-top: 25px;}
  
  .login-off-btn a {
    font-size: 21px;
    background: var(--primary-color);
    padding: 2px 8px 4px;
    border-radius: 6px;
    color: var(--black-color);}
  
  .login-off-btn {
    color: var(--black-color);
    text-align: end;
    position: absolute;
    right: 40px;
    top: 18px;}
  
  
  /* MOBILE HEADER CSS */
  
  .mobile-menu li a p {
    font-size: 22px;
    margin-bottom: 0px;}
  
  .mobile-menu-before svg {
    width: 60px !important;
    height: 60px !important;}
  
  
  .mobile-menu li {
    width: calc(100% / 5 - 0px / 5);
    padding: 6px 0;}
  
  .mobile-menu li a,
  .mobile-menu li {
    color: var(--white-color);
    display: block;}
  
  .mobile-menu ul {background: var(--mobile-nav);}
  
  .mobile-menu li:hover::before {background: var(--before-hover);}
  
  .mobile-menu-before {
    position: relative;
    z-index: 1000;}
  
  .mobile-menu li:hover {background: var(--mobile-hover);}
  .mobile-menu li:active {background: var(--mobile-hover);}
  
  
  /* SPORTS PAGE CSS */
  
  .sports-work-heading p,
  .sports-work-heading2 p {
    margin-bottom: 0px;
    padding: 13px 10px;
    text-align: center;
    background: var(--mobile-nav);
    font-size: 35px;
    color: var(--white-color);}
  
  .sports-work-heading2 p {font-weight: 700;}
  
  .all-sports-link li {
    width: calc(100% / 5);
    padding: 11px 4px 0px;
    border-left: solid 1px var(--sports-border)}
  
  .all-sports-link li:nth-child(1) {
    border-left: 0px;
    padding: 11px 0px 0px;}
  
  .all-sports-link li a,
  .all-sports-link li {
    color: var(--white-color);
    display: block;}
  
  .all-sports-link ul {background: var(--sports-sec);}
  
  .all-sports-link li p {
    font-size: 25px;
    font-weight: 700;
    padding-top: 6px;}
  
  .all-sports-link li a i {font-size: 35px;}
  
  .all-sports-link li a svg {
    width: 33px;
    height: 33px;}
  
  .sports-workstart .accordion-item h2 button {
    font-size: 30px;
    font-weight: 700;
    color: var(--secondary-color22);
    background: var(--white-color);}
  
  .sports-workstart .accordion-button::after {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    border: solid 1px var(--commision-thead-border);
    background-position: center;
    border-radius: 10px;}
  
  .sports-workstart .accordion-header {border-bottom: solid 1px var(--commision-thead-border) !important;}
  
  .sports-workstart .accordion-item {border: 0px !important;}
  
  .accordion-inner {padding: 0px 20px;}
  
  .accordion-inner li {
    font-size: 30px !important;
    font-weight: 700;
    color: var(--secondary-color22);
    padding: 17px 0;
    border-bottom: solid 1px var(--commision-thead-border);}
  
  .accordion-body {padding: 0px !important;}
  
  section.score-sec.sports-work {margin-bottom: 140px;}
  
  .accordion-button:not(.collapsed)::after {transform: rotate(0deg);}
  
  
  /* MICRO CSS */
  
  .micro {
    background: var(--commission-bg);
    color: var(--white-color);
    display: none;}
  
  .micro span {
    margin-left: 6px;
    font-weight: 700;}
  
  .micro-2 {background: var(--micro-color);}
  
  .micro-2 {
    background: var(--micro-color);
    width: 64px;
    padding: 2px 5px;}
  
  
  .my-profile-profile {
    position: absolute;
    top: 0;
    right: 13px;
    background: #ced4da;
    width: 34px;
    height: 36px;
    text-align: center;
    padding-top: 10px;}
  
  .my-profile-select input#date {
    position: relative;
    outline: none;}
  
  .my-profile-select input#date::before {
    position: absolute;
    top: 0px;
    right: 0;
    content: "";
    background-color: var(--formsubmit2);
    width: 34px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;}
  
  
  input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;}
  
  /* sider main page */
  
  .slick-slide img {
    width: 100%;
    margin: auto;}
  
  .tab-content-slider {
    position: relative;
    z-index: 1;}
  
  .tab-content-slider .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: none !important;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    pointer-events: none;}
  
  .tab-content-slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ccc;}
  
  .highlights {
    background: linear-gradient(-180deg, #F6A21E 0%, #F6A21E 100%);
    font-weight: bold;
    padding-left: 10px;}
  
  .marquee-text {background: linear-gradient(-180deg, #2E4B5E 0%, #243A48 82%);}
  
  .marquee-text span {
    background: linear-gradient(-180deg, #274253 0%, #0f191f 82%);
    padding-left: 5px;
  
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 4px 4px 9px;
    display: inline-block;}
  
  .score-tabcontent-work {
    /* -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28); */
    /* box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.28); */
    overflow-y: auto;
    overflow-x: hidden;
    margin-inline: 0px;
    /* height: calc(100vh - 93px); */
    width: 100%;
    /* padding-inline: 5px; */
  }
  
  .score-tabcontent-work::-webkit-scrollbar{display: none;}
  
  /* For WebKit browsers (Chrome, Safari) */
  .tab-main-work::-webkit-scrollbar {
    display: none;
    width: 0px;}
  
  
  /* MOBILE HEADER CSS */
  
  .mobile-menu li a p {
    font-size: 22px;
    margin-bottom: 0px;}
  
  .fixed-bottom {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 999;}
  
  .mobile-menu li a, .mobile-menu li {
    color: var(--white-color);
    display: block;}
  
  .mobile-menu li {
    width: calc(100% / 5 - 0px / 5);
    padding: 5px 0;}
  
  .mobile-menu-before {
    position: relative;
    z-index: 1000;}
  
  .mobile-menu-before::before {
    position: absolute;
    top: -4.26667vw;
    left: 0;
    content: "";
    background: var(--mobile-before);
    z-index: -1;
    width: 100%;
    height: -webkit-fill-available;
    pointer-events: none;
    display: block;
    clip-path: polygon(99.973% 24.242%, 100% 24.242%, 100% 100%, 0% 100%, 0% 24.242%, .027% 24.242%, .027% 24.242%, .885% 23.318%, 2.866% 21.335%, 5.893% 18.565%, 9.891% 15.281%, 14.783% 11.756%, 20.494% 8.261%, 26.947% 5.068%, 34.066% 2.451%, 41.776% .681%, 50% .03%, 50% 12.152%, 50% .03%, 50% .03%, 58.224% .681%, 65.934% 2.451%, 73.053% 5.068%, 79.506% 8.261%, 85.217% 11.756%, 90.109% 15.281%, 94.107% 18.565%, 97.134% 21.335%, 99.115% 23.318%, 99.973% 24.242%);}
  
  
  .mobile-menu li a p {
    font-size: 22px;
    margin-bottom: 0px;}
  
  .mobile-menu p {
    margin-bottom: 0px;
    font-size: 18px;}
  
  .red_blink {background: #faa9ba !important;}
  
  .blue_blink {background: #abdbfd !important;}
  
  .back-gradientSportbook {
    background: linear-gradient(90deg, #82dda6cc, #82ddb059 49%, #82dda6cc);
    padding-block: 10px;}
  
  .sportbook-back {
    background: #72e3a0;
    width: 120px;
    border: 1px solid white;
    border-radius: 3px;
    padding: 2px 0;}
  
  .winMarket {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
  
  .blinkColor {background-color: #f8ff65 !important;}
  
  .toss_background {background: #a0e5bc !important;}
  
  .card-body {
    display: flex;
    flex-wrap: wrap;}
  
  .mainNews {
    width: 100%;
    margin-bottom: 15px;}
  
  .mainNews .d-flex {
    display: flex;
    flex-wrap: wrap;}
  
  .width-img {
    flex: 0 0 200px;
    margin-right: 15px;
    position: relative;}
  
  .width-img img {
    width: 100%;
    height: auto;
    border-radius: 5px;}
  
  .width-content {
    flex: 1 1 calc(100% - 215px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;}
  
  .news-heading {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;}
  
  .news-description {
    font-size: 1rem;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
  
  .showCasino{display: block;}
  
  .hideCasino{display: none;}
  
  .balance-loader {
    height: 20px;
    aspect-ratio: 2.5;
    --_g: no-repeat radial-gradient(farthest-side,#ffffff 90%,#cbcbcb00);
    background:var(--_g), var(--_g), var(--_g), var(--_g);
    background-size: 20% 50%;
    animation: l43 1s infinite linear; }
  
  @keyframes l43 {
    0%     {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% }
    16.67% {background-position: calc(0*100%/3) 0   ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% }
    33.33% {background-position: calc(0*100%/3) 100%,calc(1*100%/3) 0   ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% }
    50%    {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 100%,calc(2*100%/3) 0   ,calc(3*100%/3) 50% }
    66.67% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 100%,calc(3*100%/3) 0   }
    83.33% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 100%}
    100%   {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% }
  }
  
  .blink-inplay{
    font-size: 12px !important;
    padding-left: 10px !important;
    animation: blink 1s infinite;
  }
  
  @keyframes blink {
    0% {
      color: red;
    }
    50% {
      color: green;
    }
    100% {
      color: red;
    }
  }
  
  
  /* DETAIL PAGE CSS */
  
  .detail-oddsright2{
    position: relative;
    z-index: 1000;
    background-color: #faf8d8;
  }
  
  /* .detail-oddsright2::before{
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    content: "";
    background: var(--leftbet);
    height: 100%;
    z-index: -1;}
  
    .detail-oddsright2::after{
      position: absolute;
      width: 50%;
      right: 0;
      top: 0;
      content: "";
      background: var(--rightbet);
      height: 100%;
      z-index: -1;} */
  
  .matchodds-heading li{
    background-color: #2c485a;
    border-radius: 0px 10px 0px 0px;
    padding: 5px 10px;
    color: var(--white-color);
    align-items: center;
    cursor: default;}
  
  .match-oddsright p{font-size: 13px;}
  
  .match-oddsright p span{
    font-weight: 600;
    padding-left:5px;}
  
  .detail-odds, .detail2-odds{
    margin-top:0px;
    background-color: var(--white-color);}
  
  @media (max-width: 991px){
    .detail-odds, .detail2-odds{
      padding-top: 2px;
      background-color: var(--white-color);}
  }
  
  .detail-oddsbit {border-top: solid 1px;}
  
  .detail-oddsleft, .detail-oddsleft2{
    width: 40%;
    padding-left: 5px;
    padding-block: 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
  }
  
  .detail-oddsright, .detail-oddsright2{width: 60%;}
  
  .detail-oddsright2 {box-shadow: 0 0px 57px rgb(238 177 186 / 79%);}
  
  .detail-oddsgroup, .detail-oddsgroup2{width: 33.33%;}
  
  .small-suspend {
    top: 0;
    left: 0;
    right: 0;
    background: var(--light-black);
    width: 33.33%;
    margin: auto;
    height: 100%;}
  
  .small-suspend h4 {
      font-size: 12px;
      color: var(--white-color);
      font-weight: normal;
  }
  
  .big-suspend-half {
    top: 0;
    left: 0;
    right: 0;
    background: var(--light-black);
    width: 100%;
    margin: auto;
    z-index: 9999 !important;
    height: 100%;
  }
  
  .big-suspend-half h4 {
      font-size: 12px;
      color: var(--white-color);
      font-weight: normal;
  }
  
  .detail-oddsright2 .detail-oddsgroup2:nth-child(2) .detail-odds-single2:nth-child(1) {
    background: var(--secondary-color);
    border: solid 1px var(--white-color);
    border-radius: 7px;
  }
  
  .detail-oddsright2 .detail-oddsgroup2:nth-child(2) .detail-odds-single2:nth-child(2) {
    background: var(--secondary-color-c);
    border: solid 1px var(--white-color);
    border-radius: 7px;
  }
  
  .detail-odds-single, .detail-odds-single2{width: 50%; display: flex; align-items: center; justify-content: center;}
  
  .detail-oddsright .detail-oddsgroup:nth-child(1) .detail-odds-single:nth-child(1) {
    background:var(--lightodd);
  }
  
  .detail-oddsright .detail-oddsgroup:nth-child(1) .detail-odds-single:nth-child(2) {
    background:var(--light2odd);
  }
  
  .detail-oddsright .detail-oddsgroup:nth-child(2) .detail-odds-single:nth-child(1) {
    background:var(--secondary-color);
  }
  
  .detail-oddsright .detail-oddsgroup:nth-child(2) .detail-odds-single:nth-child(2) {
    background-color:var(--secondary-color-c);
  }
  
  .detail-oddsright .detail-oddsgroup:nth-child(3) .detail-odds-single:nth-child(1) {
    background-color:var(--lightpink);
  }
  
  .detail-oddsright .detail-oddsgroup:nth-child(3) .detail-odds-single:nth-child(2) {
    background-color:var(--lightpink2);
  }
  
  .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright .detail-oddsgroup:nth-child(2) .detail-odds-single:nth-child(1) {
    border-radius: 10px 0px 0px 0px;
  }
  .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright .detail-oddsgroup:nth-child(2) .detail-odds-single:nth-child(2) {
    border-radius:0px 10px 0px 0px;
  }
  
  .all-bits-detail .big-suspend{
    top:0px;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 2px;
    background: var(--bigsuspen);
    color: var(--bigsuspend-color);}
  
  .all-bits-detail .big-suspend h4{font-size: 14px;}
  
  .bg-transprent{
    background: transparent !important;
    cursor: auto !important;}
  
  .min-maxdetail2{
    background-color: var(--min-max);
    width: 100%;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;}
  
  .min-maxdetail2 p{
    color: var(--minmax-color);
    text-transform:capitalize;}
  
  .min-maxdetail {
    width: 95%;
    margin: auto;}
  
    .detail-odds-single p {
      font-weight: 500;
      font-size: 12px;
      width: 100%;
    }
  
  .detail-odds-single {cursor: pointer;}
  
  .book-btn{
    background: #284150;
    color: var(--white-color);
    padding: 1px 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    outline: none;
    border: 0px;}
  
  .fancy-minamax2{
    color:#2b94de;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;}  
  
  .fancy-minmax{font-weight:500;}
  
  
  .fancy-datawork button.show{
    color: var(--white-color);
    border: 0px;
    font-size: 12px;
    font-weight: 700;
    background: none;
    outline: none;}
  
  .fancy-datawork button.show p{
    background: var(--detail-color);
    padding: 0 5px;
    border-radius: 4px 0px 0px 0px;
    min-width: 71px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;}
  
  .fancy-datawork button.show span{
    background: var(--detail-color-copy);
    clip-path: polygon(100% 100%, 79% 22%, 76% 15%, 74% 12%, 72% 9%, 68% 6%, 59% 3%, 78% 2%, 0% 0%, 0% 100%);
    width: 41px;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 30px;
    padding-top: 4px;
    color: #fff;
    font-size: 16px;}
  
  .fancy .detail-oddsbit:nth-child(1) {border-top: 0px !important;}
  
  .fancy .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright .detail-oddsgroup:nth-child(2) .detail-odds-single:nth-child(1), 
  .fancy .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright .detail-oddsgroup:nth-child(2) .detail-odds-single:nth-child(2){border-radius: 0px;}
  
  .fancy .all-bits-detail{background-color: var(--white-color);}
  
  .fancy-data {margin-top: 20px;}
  
  .detail-odds .detail-oddsbit:nth-child(2) .detail-oddsleft
  
  .detail-odds .detail-oddsbit:nth-child(2) .detail-oddsleft {width: 60%;}
  
  
  .detail2-odds .detail-oddsright2 .detail-oddsgroup2:nth-child(2) .detail-odds-single2 {
    width: 50%;
    
    /* margin: auto; */
  }
  
  .detail2-odds .detail-oddsright2 {padding: 2px 0;}
  
  .detail-oddsbit2 {
    border-bottom: solid 1px;
    /* background: var(--light-yellow);} */
    background-color: #faf8d8;
  }
  
  .mobile-search-cross{
      top: 14px;
      background: #fff;}
  
  .cancel-btn, .place-btn-calc{
    width: 23%;
   
  }
  
  .cancel-btn button, .place-btn-calc button{
    width:100%;
    height: 38px;
    outline: none;

    color: white;
    border: 0px;}
  
  .cancel-btn button {
      padding: 9px 10px;
      font-size: 13px;
      font-weight: 500;
      border-radius: 4px;
      border: solid 0px;
      text-transform: uppercase;
      font-weight: 700;}
  
  .calcinput-data input {
    outline: none;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border: solid 1px #aaa;
    height:38px;
    width: 80%;
    text-align: center;}
  
  .calcinput-data {
    background: linear-gradient(-180deg, #fff 0, #eee 89%);
    display: flex;
    border-radius: 7px;
    border: solid 1px #aaa;
    width: 50%;}
  
  .input-calc{
    width:51%;
    gap: 15px;}
  
  .cals-data {
    width: 100%;
    padding: 10px 0px;
    background: var(--secondary-color);}
  
  .cals-data-second {
    width: 100%;
    padding: 10px 0px;
    background: var(--secondary-color-c);}
  
  .calcinput-data button {
    width: 10%;
    height: 100%;
    background: linear-gradient(-180deg, #fff 0, #eee 89%);
    border-radius:4px;
    outline: none;
    border: 0px;}
  
  .cals-databtn{
    gap:9px;
    padding-inline: 10px;}
  
  .calcall-btn.mt-2 {
    padding: 6px 10px;
    border-top: solid 1px;}
  
  .place-btn-calc button {
 
      color: white;
      border-radius: 4px;
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase;
      border: solid 0px var(--black-color);}
  
  .calcall-btn ul li {width: 11.60%;}
  
  .calcall-btn ul li button {
    outline: none;
    border: solid 1px;
    padding: 5px 2px;
    border-radius: 4px;}
  
  .calcall-btn ul {gap:6px;}
  
  /* HORSE PAGE CSS */
  
  .horse-tabingdata-left p {
    font-size: 12px;
    color: #777777;}
  
  .horse-tabingdata-left p span{
    color: var(--light-blue);
    font-weight: 700;
    padding: 0;
    cursor: pointer;
  }
  
  .horse-tabingdata-left{width:90%;}
  
  .horse-tabingdata-righ{width: 10%;}
  
  .horse-tabingdata-flex {
    border-bottom: 1px solid var(--commision-thead-border);
    padding: 14px 10px;
    background: var(--white-color);
  }
  
  .horse-tabingdata-right i{
    border: solid 1px;
    padding: 4px 7px;
    border-radius: 40px;
    font-size: 10px;
    color: var(--second-gary);
    font-weight: 700;}
  
  .horsetab{background: var(--dark-white);}
  
  .horse-tab .horsetab button:nth-child(1) img {
    display: none !important;
  }
  
  .horsetab button img {
    width: 22px;
    margin: auto;}
  
    .horsetab button {
      width: 76px;
      border: 0px;
      padding-block: 5px;
      outline: none;}
  
  .horsetab .tab-active {
    background: var(--white-color);
  }
  
  .horse-tab-2dataright ul li{width: 13%;}
  
  .horse-tab-2dataright ul li button {
    background-color: var(--dark-green);
    border: 0px;
    outline: none;
    width: 100%;
    padding: 5px;
    color:var(--white-color);
    border-radius:3px;}
  
  .horse-tab-2dataleft{width: 20%;}
  
  .horse-tab-2dataright{width: 80%;}
  
  .horse-tab-2dataright ul {
    width:54%;
    gap: 10px;}
  
  .horse-tabingdata-right {
    width: 10%;
    text-align: right;}
  
  .input-calc button svg{color: var(--plus-minubet);}
  
  
  /* NEXTLOTTERY CSS */
  
  .nextlottery-heading h4{
    width: 100%;
    background: var(--commission-bg);
    color: var(--white-color);
    line-height: 30px;
    padding-right: 30px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 700;
    margin:10px 0px 2px 0px;}
  
  .lottery-blue {
    background-color: var(--secondary-color);
    width: 48%;
    margin: auto;
  padding-block: 10px;}
  
  .lottery-pink {
    background: var(--secondary-color-c);
    width: 48%;
    margin: auto;
    padding-block: 10px;}
  
  .lottery-bets{width:20%;}
  
  
  /* SETTING PAGE */
  
  .theme-dataround {
    background: #000;
    border-radius: 20px;
    border: solid 3px;
    width: 38px;
    height: 38px;
    margin: 7px;
    cursor: pointer;}
  
  .theme-data .theme-datawork span{
      display: block;
      margin: auto;
      width: 30px;
      height: 30px;
      border-radius: 20px;}
  
  .theme-data:nth-child(1) .theme-datawork:nth-child(1) span{background: var(--theme-1);}
  .theme-data:nth-child(2) .theme-datawork:nth-child(1) span{background: var(--theme-2);}
  .theme-data:nth-child(3) .theme-datawork:nth-child(1) span{background: var(--theme-3);}
  .theme-data:nth-child(4) .theme-datawork:nth-child(1) span{background: var(--theme-4);}
  .theme-data:nth-child(5) .theme-datawork:nth-child(1) span{background: var(--theme-5);}
  .theme-data:nth-child(1) .theme-datawork:nth-child(2) span{background: var(--theme-6);}
  .theme-data:nth-child(2) .theme-datawork:nth-child(2) span{background: var(--theme-7);}
  .theme-data:nth-child(3) .theme-datawork:nth-child(2) span{background: var(--theme-8);}
  .theme-data:nth-child(4) .theme-datawork:nth-child(2) span{background: var(--theme-9);}
  .theme-data:nth-child(5) .theme-datawork:nth-child(2) span{background: var(--theme-10);}
  
  .settings-box{
    box-shadow:  4px 14px -4px #00000080;
    -webkit-box-shadow: 0px 4px 14px -4px rgba(0,0,0,.5);}
  
  .themes .theme-data {
    width: 20%;
    margin-top: 20px;}
  
  .themes {
      width: 50%;
      margin-bottom: 40px;}
  
  .setting-icon span{font-size: 18px;}
  
  .setting-icon{background: var(--yellow-gradient);}
  
  .setting-theme-heading h4 {
    margin-bottom: 0;
    color: var(--white-color);
    background: var(--settingheading);
    font-size: 15px;
    padding: 9px 5px;}
  
  .quick-stack{width: 50%;}
  
  .quick-stackbtn{width: 25%;}
  
  .quick-stackbtn input {
    width: 70%;
    display: block;
    border: 0;
    border: 2px solid;
    border-radius: 0;
    border-width: 2pt;
    border-image: var(--border-image);
    outline: none;
    padding: 5px 2px;
    text-align: center;
  }
  .borderEnd{
    border-right: 1px solid black;
  }
  @media (max-width: 575px){
    .borderEnd{
      border-right: 0;
    }
  }
  .save {
      width:93%;
      display: block;
      outline: none;
      border: 0px;
      color: #fff;
      height: 37.59px;
      font-size: 18px;
      background: var(--blaggradient);
      margin-top: 10px;
      border-radius: 5px;
      font-weight: 500;}
  
  .quick-stack h5 {
      font-size: 15px;
      margin-top: 17px;}
  
  /* FOOTER PRIVACY */
  
  .privacy{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--light-black);
    z-index: 10000;
  }
  
  .privacyModal{
    margin: auto;
    max-width: 500px;
    width: 100%;
    height: 650px !important;
    overflow-y: auto;
  }
  @media (max-width: 768px){
    .privacyModal{
      margin: auto;
      max-width: 500px;
      width: 100%;
      height: 450px !important;
      overflow-y: auto;
    }
  }
  .privacy-start {
      background-color: var(--white-color);
      max-width: 500px;
      width: 90%;
      margin: auto;
      /* height: calc(84vh - 100px); */
      border-radius: 7px;
      margin-top: 30px;
      overflow: hidden;}
  
  .privacy-start h5 {
      font-size: 15px;
      text-align: center;
      background-color: #eee;
      padding-block: 10px;
      margin-top: 20px;
      display: inline-block;
      width: 100%;}
  
  .privacy-start-ok button {
      margin: auto;
      display: block;
      outline: none;
      border: solid 1px #808080;
      width: 130px;
      font-size: 15px;
      font-weight: 500;
      padding: 1px 3px;
      border-radius: 6px;}
  
  .privacy-startcopy {
      overflow-y: auto;
      height: 100%;
      /* padding: 10px 10px 58px 10px; */
    }
  .privacy{
    width: 100%;
  }   
  
  
  .privacy-start-ok {
      background:var(--white-color);
      border-top: solid 1px;
      padding-block: 6px;
     position: sticky;
      bottom: 0;}
  
  /* Payment PAGE CSSS */
  
  .payment-threedata {width: 70%;}
  
  .payment-copy {
    border-top: solid 2px;
    margin-top: 10px;
    border-radius: 5px;
    background: var(--white-color);
    padding: 20px 0 50px;}
  
  .payment-option{
    width: 30%;
    margin: auto;
    }
  
  .payment-optioncopy {
      background-color: #fff;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;
      box-shadow: 0px 1px 14px 0px #cdcdcd;
      border-radius: 6px;
      transition: all ease-in-out 0.3s;
      cursor: pointer;}
  
  .payment-optioncopy:hover h3{color: #1e6e8a;}
  
  .payment-optioncopy:hover{transform: scaleY(1.1)}
  
      
  
  .payment-option h3{font-size: 28px;}
  
  .payment-option {
    width: 30%;
    margin: auto;
  
  }
  
  
  /* PROFIT LOSS PAGE CSS */
  
  
   .betsprofitsoss-all{
    position: fixed;
    top: 0;
    background-color:#000000d6;
    width: 100%;
    height: 100%;
    left: 0;
    z-index:999;} 
  
  .profit-loss-showbets {
     
  
      padding: 20px 10px 10px;
      /* background:#1b1b24; */
      height: 430px;
      overflow: hidden;
       border-radius: 0px !important;
      }
  
  .profit-loss-showbets .roling-table{
    position: relative;
    margin-top: 0px;}
  
  .profit-loss-showbets .commission-table.account-statment-tables{
    padding:0px;
    height: 360px;
    border-radius: 0px;}
  
  .commission-tablemain {overflow-y: auto;}
  
  .profit-loss-showbets .commission-table.account-statment-tables th, .profit-loss-showbets .commission-table.account-statment-tables td{padding: 10px 4px;}
  
  .profit-losstab-cross{
    position: absolute;
    right:10px;
    top: 10px;
    color: #fff;}
  
  .profit-losstab-cross svg{
    width: 20px;
    height: 20px;
    cursor: pointer;}
  
  /* DEPOSIT MODAL PAGE CSS */
  
  .depositmodal-data button{
    background: var(--deposit);
    color: var(--white-color);
    outline: none;
    border: transparent;
    border: solid 2px;
    width: 90px;
    padding-block: 8px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    margin-bottom: 30px;
    margin-inline: auto;
    display: block;
  }
  
  .withdraw button {
    background: var(--deposit);
  color: var(--white-color);
  outline: none;
  border: transparent;
  border: solid 2px;
  width: 120px;
  padding-block: 5px;
  font-size: 14px;
  font-weight: 500;
  border-radius:4px;
  margin:40px 0px 30px;
  display: block;
  }
  
  
  
  
  .reward-player h4 {
    background: var(--commission-bg);
    color:var(--white-color);
    font-size: 14px;
    padding: 10px 10px;}
  
  .reward-player-data {
      background-color: var(--white-color);
      padding-block: 10px;
      border: solid 1px;
      margin-bottom: 20px;
      border-radius: 0px 0px 7px 7px;
  }
  
  .reward-settle button {
    background: #4dbd74;
    outline: none;
    border: 0px;
    padding: 8px 15px;
    margin: auto;
    display: block;
    color: var(--white-color);
    font-weight: 500;
    border-radius: 5px;
  }
  
  
  
  .depositmodal.position-fixed{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#000000a3;
    z-index: 1;}
  
  
  .depositmodal-data {
    background-color: #dbf2e3;
    width: 500px;
    margin: auto;
    padding: 10px 10px;
    border-radius: 6px;
    margin-top: 150px;}
  
  .payment-option a{color: var(--black-color);}
  
  .depositmodal-data input[type="number"] {
    width: 100%;
    outline: none;
    border: 0px;
    padding: 4px 10px;
    color: #5c6873;
    font-size: 16px;
  }
  
  .depositmodal-data p{
    color:#28623c;
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;}
  
  .depositmodal-data button:focus-visible, .withdraw button{
    color: var(--bs-btn-hover-color);
    background-color: #0b5ed7;
    border-color: #0b5ed7;
    outline: 0;
    color: var(--white-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  }
  
  .withdraw input[type="number"] {
    outline: none;
    border: solid 1px;
    width: 280px;
    padding: 5px 0;
  }
  
  .withdraw-table th{width: auto !important;}
  .withdraw-table{margin-top:20px;}
  
  a.reloadnone {
    background: none;
    box-shadow: none;
  }
  
  @media screen and (max-width: 1199px) {
    li.my-accoutn.d-flex {
      width: 178px;
      font-size: 15px;}
  
    .bet-table-chart tr td:nth-child(1){width: 25%;}
  
  /* DETAIL CALC */
  
  .cancel-btn, .place-btn-calc {width: 17%;}
  
  .input-calc {width: 60%;}
  .calcall-btn ul {gap: 5px;}
  
  /* .profit-loss-showbets {
    width: 95%;
    padding: 16px 2px 10px;} */
  
  }
  
  @media screen and (max-width: 991px) {
  
    li.my-accoutn.d-flex {
      font-size: 15px;
      justify-content: end;
      width: 100%;}
  
    .bet-table-chart tr td:nth-child(2) p{font-size: 20px;}
  
    .login-button {
      padding:8px 15px;
      font-size: 12px;
      width: 80px;}
  
    .bet-table-chart tr td:nth-child(1){width: 35%;}
  
    .bet-table-chart tr td:nth-child(2){width: 16%;}
  
    .bet-table-chart tbody tr td:nth-child(3), 
    .bet-table-chart tbody tr td:nth-child(4), 
    .bet-table-chart tbody tr td:nth-child(5), 
    .bet-table-chart thead{display: none;}
  
    .score-tabcontent {
      padding: 0;
      margin: 0px;
      width: 100%;}
  
  .header-right .log-in {
    width:90px;
    justify-content: end;}
  
  .mobile-menu ul li svg{
    width: 30px !important;
    height: 30px !important;}
  
  
    /* BETS HEADER  CSS */
  
  .bets-header {width: 50%;}
  
  .mobile-search-cross{right: 4%;}
  
    /* HORSE PAGE */
  
  .horse-tab-2dataleft, .horse-tab-2dataright,  .horse-tab-2dataright ul{width: 100%;}
  
  .horse-tab-2dataright ul li{width: 16%;}
  
  .horse-tab-2dataright {margin-top: 10px;}
  
  .horse-tabingdata-right i {cursor: pointer;}
  
  /* DETAIL CALC */
  
  .cancel-btn, .place-btn-calc{width: 22%;}
  
  .calcall-btn ul li {width: 11.20%;}
  
  .cancel-btn, .place-btn-calc {width: 17%;}
  
  /* NEXTLOTTERY CSS */
  
  .lottery-bets {
    width: 20%;
    display: block !important;
  }
  
  .lottery-blue, .lottery-pink{width: 98%;}
  
  .lottery-pink{margin-top: 4px;}
  
  
  }
  
  @media screen and (max-width: 767px) {
  
  .signup-cross{right: 20px;}
  
  .inplay-maintab{
    width: 33%;
    line-height: 8.8vw;}
  
  .over-flow .inplay-ul{padding: 10px 7px 26px;}
  
  
    /* DETAIL PAGE CSS */
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsleft {display: none;}
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright{width: 100%;}
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright{flex-direction: row-reverse;}
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright .detail-oddsgroup:nth-child(3) {width: 60%;}
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright .detail-oddsgroup:nth-child(2){width: 40%;}
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright .detail-oddsgroup:nth-child(1){display: none !important;}
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(2) .detail-oddsright .detail-oddsgroup:nth-child(1), .detail-odds .all-bits-detail .detail-oddsbit:nth-child(2) .detail-oddsright .detail-oddsgroup:nth-child(3){display: none !important;}
  
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsleft{
    width: 60%; display: block;
  }
  
  .detail-odds .all-bits-detail .detail-oddsbit:nth-child(1) .detail-oddsright{width: 40%;}
  
  .detail-odds .detail-oddsbit .detail-oddsright .detail-oddsgroup:nth-child(1), .detail-odds .detail-oddsbit .detail-oddsright .detail-oddsgroup:nth-child(3)  { display: none !important;}
  
  .detail-odds .detail-oddsbit .detail-oddsright .detail-oddsgroup:nth-child(2){width: 100% !important;}
  
  .detail-odds .detail-oddsbit:nth-child(2) .detail-oddsright .detail-oddsgroup {width: 100%;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsleft{width: 56%;}
  
  .detail-oddsleft2{width: 60%;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsright{width:44%;}
  
  .detail-oddsright2 {width: 40%;}
  
  .detail-oddsgroup2:nth-child(2){width: 100%;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsgroup:nth-child(3) {display: none !important;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsgroup:nth-child(1){width: 10%;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsgroup:nth-child(2) {width: 90%;}
  
  .detail-odds .detail-oddsleft {width: 60%;}
  
  .detail-odds .detail-oddsright{width: 40%;}
  
  .detail-oddsright2 .detail-oddsgroup2:nth-child(1), .detail-oddsright2 .detail-oddsgroup2:nth-child(3) {display: none !important;}
  
  .small-suspend {
    left: inherit;
    right: 0;
    background: var(--light-black);
    width: 90%;}
  
  .big-suspend-half {
    left: inherit;
    right: 0;
    background: var(--light-black);
    width: 100%;}
  
  /* DETAIL CALC */
  
  .hidecalc-btn {display: none;}
  
  .input-calc {width: 100%;}
  
  .cancel-btn, .place-btn-calc {
    width: 48%;
    margin: auto;
    height: 38px;}
  
  .calcall-btn ul li {
    width: 23%;
    margin: auto;}
  
  .calcinput-data input{width: 69%;}
  .calcinput-data button{width: 15%;}
  
  /* Settings CSS */
  
  .themes, .quick-stack{width: 100%;}
  
  .quick-stackbtn input{
    margin: auto;
    width: 92%;}
  
  
  /* LOGINHEADER */
  
  .reload i{font-size: 15px;}
  
  .reload i {
    padding: 8px 10px;
    margin: 2px;
  }
  
  .main-pit p{text-align: center;}
  
  li.main-pit strong{font-size: 10px;}
  
  .payment-threedata {
    width: 100%;
    gap: 10px;}
  
  
  .payment-option {width: 31.33%;}
  
  .header-right ul{justify-content: end;}
  }
  
  
  
  
  
  
  @media (min-width: 991px) {
    .reload i {
      background: #292929;
      box-shadow: 0 -3px 3px -3px rgba(255, 255, 255);
      font-size: 16px;
      display: block;
      padding-block: 5px;
      padding-inline: 10px;
      margin: 5px;}
  
    .reload {margin-left: 5px;}
  
    .main-pit {
      width: 100%;
      font-size: 12px;
      line-height: 23px;}
  
   .slick-slide img {
      width: 100%;
      /* height: 200px; */
      height:auto;
      display: block;
      margin: auto;}
  
    .tab-content-slider {
      position: relative;
      z-index: 1;
      height: auto;}
  
  
  }
  
  @media screen and (max-width: 575px) {
  
    /* AFTER LOGIN HEADER CSS */
  
    .reload {
      margin-right: 2px;
      gap: 0px !important;}
  
  
    .header-right ul {gap: 4px;}
  
    .bets-header div {
      width: 83px;
      padding: 14px 0;
      height: 38px;
      border-radius: 4px;}
  
    .bets-header p {font-size: 12px;}
  
    .bet-table-chart tr td:nth-child(2) p{font-size:12px;}
  
  .mobile-menu p {font-size: 3.2vw;}
  
  .header-left{padding-inline: 0px;}
  
  .login-button {width: 90%;}
  
  .header-right .log-in {width: 75px;}
  
  .header-right form{gap: 0 !important;}
  
  .signup-send {
    width: 80%;
    margin: auto;}
  
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsleft {width: 53%;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsright {width:47%;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsgroup:nth-child(1){width: 14%;}
  
  .fancy .all-bits-detail .detail-oddsbit .detail-oddsgroup:nth-child(2) {width: 86%;}
  
  .mobile-search-cross{right: 3%;}
  
  .small-suspend{width: 86%;}
  
  /* NEXTLOTERY CSS */
  
  .lottery-blue, .lottery-pink {width: 96%;}
  
  .payment-option {
    width: 90%;
    margin: auto;}
  
  .payment-copy {
    width: 92%;
    margin-inline: auto;}
  
  }
  
  @media screen and (max-width: 575px) {
  
  .calcall-btn ul li {width: 22%;}
  
  .mobilesearch-bar{width: 49px;}
  
  .depositmodal-data{width: 90%;}
  }
  
  @media screen and (max-width: 380px) {
  
    .mobile-menu ul li svg{
      width: 24px !important;
      height: 24px !important;}
  }
  .arrowBtn{
    border: 1px solid gray;
    border-radius: 5px;
    padding: 5px 8px;
  }
  .logAccountBtn{
    border: 1px solid #8a0011;
    background: linear-gradient(-180deg, #e93522 0, #be2414 100%);
    font-size: 16px;
    font-weight: 600;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    margin-top: 20px;
  }
  
  .teamNameFancy{
    background-color: #beddf4;
    border-bottom: 1px solid #67afe5;
    font-size: 11px;
  }
  
  .infoLi{
    list-style: disc !important;
  }
  .refreshIcon{
    transform: rotate(90deg);
  }
  
  .textHeading{
    background: linear-gradient(-180deg,#323232 0,#0d0d0d 100%);
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px;
    padding-block: 5px;
    color: white;
  }
  
  .inplayBtn{
    border: 1px solid #3B5160;
    border-radius: 3px;
    background-color: #3B5160;
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding-inline: 15px;
    padding-block: 5px;
    margin-top: 5px;
  }
  
  .deposit-tab img{
    width:45px;
    display: block;
    margin: auto;}
  
  .active-deposit{
    background-color: var(--activedeposit);
    border-radius: 5px;}
  
  .deposit-tab {
      width: 80px;
      text-align: center;
      padding: 5px 0;
      border: 1px solid #ced4da;
      border-radius: 5px;
    }
  
    .deposit-tab h4{
      font-size: 12px;
      margin-bottom: 0px;}
  
    @media (max-width:576px){
      .deposit-tab {
        width: 60px;
        text-align: center;
        padding: 5px 0;
        border: 1px solid #ced4da;
        border-radius: 5px;
      }
  
      .deposit-tab h4{
        font-size: 10px;
        margin-bottom: 0px;}
    }
  
  .all-bits-detail2{
    z-index: 0;
    position: relative;
  }
  
  
  .tab-headingdeposit{font-weight: 500;}
  
  .active-deposit img {
    -webkit-filter: invert(1);
    filter: invert(1);
  }
  
  
  .account-detail-deposit ul li h6{
    font-size: 13px;
    text-transform:capitalize;}
  
   .account-detail-deposit ul li{
    border-bottom: solid 1px #eaecef;
    padding:5px 20px;}
  
  .account-detail-deposit ul li span{
    font-size: 14px;
    padding-left: 10px;}
  
  .account-detail-deposit ul li svg{cursor: pointer;}
  
  .bankname {width: 90%;}
  
  .bankcopy{width: 10%;}
  
  .account-detail-deposit, .account-detail-form{width: 100%;}
  
  .depositbank-detail {
    width: 100%;
    background: #f3f2f6;
    padding-block: 20px;
    border-radius: 10px;
  }
  
  
  .depositbank h3 {
    font-size: 16px;
    max-width: 156px;
    margin: auto;
    text-transform: uppercase;
    text-align: center;
    border-bottom: solid 1px #d5d5d5;
    padding-bottom: 8px;
    margin-bottom: 20px;}
  
  
  .depositform-data .input input {
      padding: 10px 10px;
      width: 100%;
      border-radius: 4px;
      border: solid 1px;
      margin-top: 4px;}
  
  .depositform-data .input label {font-size: 13px;}
  
  .depositform-data .input label span {color: red;}
  
  .depositform-data .input span{
    font-size: 11px;
    color: red;}
  
  .wpDeposit{
      border: 1px solid #d5d5d5;
      padding: 6px 11px;
      /* border-radius: 10px; */
      font-size: 12px;
      font-weight: 500;
      display: flex;
      align-items: center;
      flex-direction: column;
      color: black;
      /* margin-right: 5px; */
  }
  .wpDeposit img{
    width: 40px;
    height: 40px;
    object-fit: contain;
  }
  .bankName{
    font-size: 13px;
    font-weight: 700;
    color: #212529;
  }
  
  .bankSubName{
    font-size: 13px;
    color: #212529;
  }
  
  .depositInp{
    border: 1px solid #ced4da !important;
    border-radius: 5px !important;
    padding: 0.875rem .75rem !important;
  }
  
  .submitBtn{
    background-color: #00b800;
    border: 1px solid #00b800;
    font-size: 16px;
    color: var(--white-color);
    padding: 10px 30px;
    border-radius: 2px;
    width: 100%;
    text-transform: uppercase;
    margin-top: 20px !important
  }
  
  .wpBtnWrapper{
    background-color: white;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 8px;
  }
  
  .wpBtn{
    background-color: #1e5058;
    border-radius: 15px;
    padding: 10px;
    font-size: 10px;
    font-weight: 600;
    color: white;
    display: flex;
    border: 0;
    justify-content: center;
  }
  .wpAnimation svg{
    width: 18px;
    height: 18px;
    margin-top: 5px;
    animation: zoomInOut 2s infinite;
  }
  .qrimage{
    height: 248px;
    /* width: 100%; */
    aspect-ratio: 1/1;
    object-fit: cover;
    margin: auto;
  }
  @keyframes zoomInOut {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1); 
    }
  }
  
  .wp-icon {
    animation: zoomInOut 2s infinite; /* Infinite animation */
  }
  
  .blue{
    background-color: #72bbef !important;
  }
  .pink{
    background-color: #faa9ba !important;
  }
  .noteWrapper{
    background-color: white;
    padding: 20px;
  }
  .list{
    font-size: 10px;
    color: #ff0000;
  }
  .scoreTabBest{
    background: var(--white-color);
    padding: 0;
    height: 100vh;
    width: 100%;
    box-shadow: 0px 0px 1px;
    /* position: fixed; */
    /* width: 24.20%; */
    right: 0;
  }
  
  /* BET HISTORYPAGE CSS */
  
  .bet-historytabel tr th:nth-child(1) {width: 10%;}
  
  .bet-historytabel tr th:nth-child(2) {width: 19%;}
  
  .bet-historytabel tr th:nth-child(3) {width: 19%;}
  
  .bet-historytabel tr th:nth-child(4) {width: 12%;}
  
  .bet-historytabel tr th:nth-child(5) {width: 10%;}
  
  .bet-historytabel tr th:nth-child(6) {width: 10%;}
  
  .bet-historytabel tr th:nth-child(7) {width: 10%;}
  
  .bet-historytabel tr th:nth-child(8) {width: 15%;}
  
  .bet-historytabel tr th, .bet-historytabel tr td{padding: 8px 10px;}
  
  @media (max-width: 991px){
    .scoreTabBest{
      position: static;
      width: 100%;
    }
    .scoreTabBest{
      margin-bottom: 100px;
      height: auto;
    }
  }
  .submitBtnUpi{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .sideTable{
    height:585px !important;
    overflow-y: auto;
    overflow: hidden;
    /* padding-bottom: 50px; */
  }
  @media(min-width:992px){
    .sideTable{
      height: 585px;
      overflow-y: auto;
      overflow: hidden;
      top: 100px;
      /* padding-bottom: 50px; */
    }
  }
  .casinoGif{
    width: 30px;
    height: 30px;
  }
  .pagination{
  
  }
  
  .pagination .previous{
    border: 1px solid gray;
    padding: 4px 8px;
    border-radius: 4px;
  }
  
  .pagination .next{
    border: 1px solid gray;
    padding: 4px 8px;
    border-radius: 4px;
  }
  
  .pagination .active{
    border: 1px solid gray;
    padding: 4px 8px;
    border-radius: 4px;
  }








  /*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
  @media screen and (min-width:1200px) and (max-width:1305px) {
    .bottom-header li {
      padding: 6px 8px;
      font-size: 12px;
      font-weight: 700;
    }
  }
  
  @media screen and (min-width:992px) and (max-width:1800px) {
    .score-tab {
      left: 0px;
    }
  
    .col-lg-2.score-tab {
      /* width: 17.50%; */
      width: 19.40%;
      left: 0;
    }
  
    .score-tabcontent {
      margin: 0px 17.60%;
      width: 58%;
    }
  
  }
  
  @media screen and (min-width:992px) and (max-width: 1056px) {
    header.dream-header {
      height: 139px;
    }
  
    .score-sec {
      margin-top: 139px;
    }
  
    .score-tab {
      top: 91px !important;
    }
  }
  
  @media screen and (max-width:1199px) {
  
    /* HEADER CSS */
    .bottom-header li {
      padding: 6px 7px;
    }
  
    .dream-header .container-fluid {
      padding: 0px;
    }
  
    .header-right ul {
      gap: 10px
    }
  
    .header-right ul li:nth-child(2) input {
      width: 40% !important;
    }
  
    .header-right ul li:nth-child(2) {
      width: 49%;
      justify-content: end;
    }
  
    .bottom-header a {
      font-size: 13px;
    }
  
    .header-right ul li input {
      outline: none;
      border-radius: 5px;
      border: 0px;
      width: 84%;
    }
  
    .header-left img {
      width: 168px;
    }
  
  
  
    /* SCORE CSS */
  
    .inner-data .row:nth-child(1) ul li span {
      width: 66px;
    }
  
    .inner-data-right ul li span:nth-child(1) {
      padding: 4px 7px;
      font-size: 14px;
    }
  
    .inner-data-right ul li span:nth-child(2) {
      padding: 4px 7px;
      font-size: 14px;
    }
  
    .inner-data-center ul li p {
      width: 30px;
      font-size: 11px;
      padding: 2px 2px;
    }
  
    .inner-data-center ul {
      gap: 5px;
      justify-content: center;
    }
  
    .inner-data-center ul li {
      margin: 0;
    }
  
    .bottom-header a {
      color: #000000;
      transition: 0.3s all ease-in-out;
      font-size: 11px;
    }
  
    .inner-data-right ul li {
      margin-left: 4px;
    }
  
    .inner-data-right ul li span:nth-child(2),
    .inner-data-right ul li span:nth-child(1) {
      width: auto;
    }
  
    .inner-data-right {
      width: 49%;
    }
  
    .inner-data-center {
      width: 27%;
      padding: 0 20px;
    }
  
    .inner-data-left {
      width: 24%;
    }
  
    /* SIDE NEV CSS */
    .nav-link2 {
      padding: 10px 20px;
    }
  
  
    /* detail Page CSS */
  
    .bet-row-suspended-left,
    .bet-row-suspended-l {
      width: 30%;
    }
  
    .bet-row-suspended-right,
    .bet-row-suspended-r {
      width: 70%;
    }
  
    .bet-chart {
      gap: 5px;
    }
  
  
    /* LOGIN HEADER CSS */
  
    li.my-accoutn.d-flex {
      width: 178px;
      font-size: 15px;
    }
  
    .reload a {
      padding: 11px 20px;
    }
  
    .drop-my-account {
      width: 33%;
    }
  
    /* HORSE PAGE CSS */
  
    .horse-over-flow .bet-table-chart-p span {
      font-size: 12px;
    }
  
    /* POP_UP CSS */
    .pop-up-sec-work.position-relative {
      width: 50%;
    }
  
    /* IN PLAY PAGE CSS */
  
    /* IN PLAY BET CHART CSS */
  
    .inplay-maintab {
      width: 18%;
    }
  
    /* MY PROFILE PAGE CSS */
  
    .Details-op2 {
      width: 70%;
    }
  
    .Details-op {
      width: 30%;
    }
  
    .rolling-commission-formsec,
    .rolling-commission-sec2 {
      width: 500px;
    }
  
  
    /* ACTIVITY LOG PAGE CSS */
  
    .activity-log-sec2 th {
      min-width: 160px;
    }
  
  
    /* BETS HISTORY CSS */
  
    .account-statment-tables table th {
      min-width: 156px;
    }
  
  }
  
  @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  
    .mobile-menu-before::before {
      top: -3.26667vw;
      height: 13.53333vw;
    }
  
  }
  
  @media screen and (max-width:991px) {
  
    /* FOOTER CSS */
  
    .footer {
      padding: 20px 0px 140px;
    }
  
    /* HEADER CSS  */
    header.dream-header {
      height: 69px;
    }
  
    .header-right,
    .header-left {
      width: 50%;
      padding: 0;
    }
  
    .bottom-header li {
      padding: 3px 10px 3px;
    }
  
    .bottom-header {
      display: none;
    }
  
    .header-right form {
      width: 100%;
    }
  
    .header-right form input {
      display: none;
    }
  
  
    /* LOGIN HEADER CSS */
  
    .my-accoutn-btn {
      display: none !important;
    }
  
    .login-input input {
      display: none;
    }
  
    .search {
      display: none;
    }
  
    a.settings {
      display: block;
    }
  
    li.my-accoutn.d-flex {
      font-size: 15px;
      justify-content: end;
      width: 118px;
    }
  
    .reload {
      margin: 0px;
    }
  
    .reload a {
      box-shadow: inset 0 1px 4px 0 rgba(255, 255, 255, .4);
      border-radius: 1.06667vw;
      background: linear-gradient(-180deg, #000000 0%, #000000 100%);
    }
  
    /* SCORE CSS */
  
    .score-sec .container-fluid {
      padding: 0px;
    }
  
    .table-container {
      max-height: 340px;
      overflow-y: scroll;
    }
  
    .table-container::-webkit-scrollbar {
      display: none;
    }
  
    .score-sec {
      margin-top: 76px;
    }
  
    .bet-table-chart tbody tr td:nth-child(3),
    .bet-table-chart tbody tr td:nth-child(4),
    .bet-table-chart tbody tr td:nth-child(5),
    .bet-table-chart thead {
      display: none;
    }
  
    .bm-s-f {
      justify-content: end !important;
    }
  
    .bet-table-chart tr td:nth-child(1) {
      width: 35%;
    }
  
    .bet-table-chart tr td:nth-child(2) {
      width: 16%;
    }
  
    .tab-content .row:nth-child(1) .inner-data-left,
    .tab-content .row:nth-child(1) .inner-data-right,
    .tab-content .row:nth-child(1) .inner-data-center {
      display: none;
    }
  
    .inner-data-center ul li p {
      width: 40px;
      font-size: 14px;
      padding: 2px 2px;
    }
  
    .over-flow li {
      margin-left: 10px;
    }
  
    .over-flow li:nth-child(1) {
      margin-left: 0px;
    }
  
    .over-flow-ul li:nth-child(n+4) {
      display: block;
    }
  
    .over-flow ul li button {
      background: none;
      color: #000;
      align-items: center;
      padding: 6px 10px;
      font-size: 17px;
      font-weight: 700;
      outline: none;
      border: 0px;
      font-size: 14px;
    }
  
    .nav-item svg {
      display: block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
    }
  
    .mobile-nav ul li:nth-child(9) button.active svg,
    .mobile-nav ul li:nth-child(8) button.active svg {
      filter: invert(1);
    }
  
    .over-flow li button {
      width: auto;
      display: flex;
    }
  
    .over-flow {
      overflow-x: scroll;
    }
  
  
    .score-tab {
      display: none;
    }
  
    .second-search {
      display: block;
    }
  
    .tab-content .inner-data .row {
      width: 100%;
      justify-content: center;
    }
  
    .highlights h4 {
      display: none;
    }
  
    .inner-data-right ul li {
      display: none !important;
    }
  
    .inner-data-right ul li:nth-child(4) {
      display: block !important;
    }
  
    .inner-data-right ul {
      gap: 5px;
      justify-content: end;
    }
  
    .inner-data-right {
      width: 29%;
    }
  
    .inner-data-left {
      width: 40%;
    }
  
    .inner-data-center {
      width: 31%;
    }
  
    .inner-data-left p span {
      font-size: 18px;
      display: block;
    }
  
    .score-tabbets {
      display: none;
    }
  
    .table-name {
      display: none;
    }
  
    .score-tabcontent-mobile {
      display: block;
    }
  
    /* .score-tab-group {display: none;} */
  
    /* IN PLAY PAGE CSS */
  
    /* IN PLAY BET CHART CSS */
  
    .inplay-tennis-sec {
      text-align: center;
    }
  
    .over-flow .inplay-ul {
      padding: 0 10px;
    }
  
    .new2-inplay table td:nth-child(n+2) {
      display: none;
    }
  
    .inplay-maintab {
      padding: 10px;
      width: 14%;
    }
  
    .over-flow .inplay-ul {
      padding-bottom: 10px;
    }
  
    .new2 {
      padding: 10px 0px 0px 0px;
    }
  
    /* HORSE PAGE CSS */
  
    .over-flow::-webkit-scrollbar {
      display: none;
    }
  
    .bulking-number-l {
      margin-bottom: 16px;
    }
  
    .horse-over-flow .bet-table-chart-p span {
      font-size: 12px;
    }
  
    .row.score-sec-row {
      width: 100%;
      margin: auto;
    }
  
    .score-tabcontent {
      padding: 0;
      margin: 0px;
      width: 100%;
    }
  
    .search {
      display: none !important;
    }
  
    .patti-images {
      margin: auto;
    }
  
  
  
    /* MOBILE NAV CSS */
  
    .mobile-menu-before::before {
      position: absolute;
      top: -4.26667vw;
      left: 0;
      content: "";
      background: var(--mobile-before);
      z-index: -1;
      width: 100%;
      height: 17.53333vw;
      pointer-events: none;
      display: block;
      clip-path: polygon(99.973% 24.242%, 100% 24.242%, 100% 100%, 0% 100%, 0% 24.242%, .027% 24.242%, .027% 24.242%, .885% 23.318%, 2.866% 21.335%, 5.893% 18.565%, 9.891% 15.281%, 14.783% 11.756%, 20.494% 8.261%, 26.947% 5.068%, 34.066% 2.451%, 41.776% .681%, 50% .03%, 50% 12.152%, 50% .03%, 50% .03%, 58.224% .681%, 65.934% 2.451%, 73.053% 5.068%, 79.506% 8.261%, 85.217% 11.756%, 90.109% 15.281%, 94.107% 18.565%, 97.134% 21.335%, 99.115% 23.318%, 99.973% 24.242%);
    }
  
    .account-statment-tables table th {
      min-width: 180px;
    }
  
    .account-statment-tables table th i {
      margin-left: 40px;
    }
  
    /* DETAIL PAGE CSS */
  
    .score-sec-row2 {
      margin-bottom: 110px;
    }
  
    .bet-row-suspended2.d-flex {
      padding: 0 0px 0px 7px;
    }
  
    .bet-row-suspended-r li:nth-child(1) img {
      text-align: right;
      padding-right: 10px;
    }
  
    section.score-sec ul .i-icon {
      text-align: right !important;
      display: flex;
      justify-content: end;
    }
  
    /* Login Page CSS */
    .login-mobile {
      width: 100%;
      justify-content: end;
    }
  
  
  
  }
  
  @media screen and (max-width:767px) {
  
  
    header.dream-header {
      height: 69px;
    }
  
    .header-work.row.align-items-center {
      width: 100%;
      margin: auto;
    }
  
    /* Detail Page CSS */
  
    .bet-chart {
      gap: 2px;
      justify-content: end;
    }
  
    .bet-chart li {
      display: none;
    }
  
  
  
    .bet-row-suspended-r ul li:nth-last-child(1) {
      display: none;
    }
  
    .bet-row-suspended-r ul li {
      width: 69%;
    }
  
    .bet-row-suspended-r ul li img {
      display: block;
    }
  
    .bet-row-suspended-r ul li:nth-child(1) p {
      display: none;
    }
  
    .bet-table-chart tbody tr p span {
      font-size: 23px;
    }
  
    /* IN PLAY PAGE CSS */
  
    /* IN PLAY BET CHART CSS */
  
    .inplay-maintab {
      padding: 23px;
      width: 33%;
    }
  
    .over-flow .inplay-ul {
      justify-content: center;
    }
  
    /* HORSE PAGE CSS */
    .horse-over-flow .bet-table-chart-p span {
      font-size: 12px;
    }
  
    /* MOBILE SCREEN SEARCH BAR CSS */
    .fix-search-bar {
      width: 90px;
    }
  
  
    /* ROLLING COMMISSION PAGE CSS */
    .my-profile-select:nth-child(3) {
      margin-top: 15px;
    }
  
  
    /* MOBILE NAVE CSS */
  
  
    .mobile-menu li a p {
      font-size: 17px;
      margin-bottom: 0px;
    }
  
  
    /* SPORTS PAGE CSS */
  
    .all-sports-link li a i {
      font-size: 30px;
    }
  
    .all-sports-link li p {
      font-size: 18px;
    }
  
    .all-sports-link li a svg {
      width: 29px;
      height: 29px;
    }
  
    /* SPORTS PAGE CSS */
    .sports-work-heading p,
    .sports-work-heading2 p {
      font-size: 24px;
      padding: 8px 10px;
    }
  
    .all-sports-link li {
      border-left: solid 1px var(--sports-border);
    }
  
    .sports-workstart .accordion-item h2 button,
    .accordion-inner li {
      font-size: 24px !important;
    }
  
    .my-profile-select:nth-child(2) input,
    .my-profile-select:nth-last-child(1) button {
      margin-top: 15px !important;
    }
  
  }
  
  @media screen and (max-width:575px) {
  
    header.dream-header {
      height: 66px;
      width: 100%;
    }
  
  
  
  
    /* SCORE CSS */
    .score-sec {
      margin-top: 66px;
      width: 100%;
    }
  
    .row.score-sec-row {
      width: auto;
    }
  
    .inner-data::-webkit-scrollbar {
      display: none;
    }
  
  
    .inner-data-center ul {
      gap: 3px;
    }
  
    .inner-data-center ul li p {
      width: 26px;
      font-size: 10px;
    }
  
    .inner-data-center {
      width: 42%;
    }
  
    .inner-data-right {
      width: 10%;
    }
  
    .inner-data-left {
      width: 48%;
    }
  
    .inner-data-left p span {
      font-size: 14px;
      font-weight: 500;
    }
  
    .nav-link2 {
      padding: 10px 20px;
    }
  
    .highlights h4 {
      font-size: 14px;
    }
  
    .header-right,
    .header-left {
      width: 50%;
      padding: 0;
    }
  
    .log-in button {
      padding: 7px 10px;
      font-size: 13px;
    }
  
    .over-flow li button {
      width: auto;
    }
  
    .over-flow ul li button {
      font-size: 14px;
    }
  
    .nav-item svg {
      width: 20px;
      height: 20px;
      margin-right: 2px;
    }
  
  
  
    .nav-link2.active {
      border-radius: 5px 5px 0px 0px;
    }
  
    .patti-images {
      width: 30%;
      padding-inline: 0px;
    }
  
    ul#myTab {
      padding: 5px 40px 0px 3px;
    }
  
    /* Detail Page CSS */
  
  
  
    .score-tabcontent {
      padding: 0px;
    }
  
    .bet-chart li {
      width: 29% !important;
    }
  
    .bet-sec .bet-sec-ods li:nth-child(2) {
      margin: 5px 0 5px 10px;
      align-items: center;
    }
  
    .bet-row-suspended-work {
      padding: 0px 2px;
    }
  
  
    .bet-row-suspended-r li:nth-child(1) {
      width: 30%;
    }
  
    .bet-row-suspended-r ul li:nth-child(2) {
      width: 66%;
    }
  
    .bet-row-suspended-r ul {
      justify-content: end !important;
    }
  
    .bet-row-suspended2.d-flex {
      border-bottom: 1px solid;
      padding: 0 0px 0px 7px;
    }
  
    .bet-row-suspended-box {
      padding: 2px 10px;
    }
  
    .sceond-suspend {
      padding-top: 8px;
      font-size: 12px;
    }
  
  
  
  
  
    .score-tabcontent-mobile .nav .nav-item button {
      height: 34px;
      font-weight: 700;
      font-size: 12px;
      padding: 0 11px;
    }
  
    .score-tabcontent-mobile .nav .nav-item button.active {
      height: 34px;
    }
  
    .score-tabcontent-mobile .nav {
      margin: 5px 0px;
    }
  
    /* LOGIN HEADER CSS */
  
  
  
    .reload a {
      padding: 6px 12px;
    }
  
    .bets-header div {
      width: 83px;
      padding: 14px 0;
      height: 38px;
      border-radius: 4px;
    }
  
    .bets-header p {
      font-size: 12px;
    }
  
    li.main-pit strong {
      font-size: 9px;
    }
  
    .dream-header .container-fluid {
      padding: 0 10px;
    }
  
    .header-left img {
      width: 120px;
    }
  
    li.my-accoutn.d-flex {
      width: 88px;
    }
  
    /* IN PLAY PAGE CSS */
  
    /* IN PLAY BET CHART CSS */
  
    .over-flow .inplay-ul {
      padding: 5px 5px 5px 5px;
      margin: 0px;
    }
  
    .new2 {
      padding: 0px;
    }
  
    .inplay-maintab {
      padding: 5px 2px;
    }
  
    /* HORSE PAGE CSS */
    .horse-over-flow .bet-table-chart-p span p {
      font-size: 12px;
    }
  
    /* PATTI SEC CSS */
  
    .patti-images2 p {
      font-size: 10px;
    }
  
    .patti-images2 {
      margin-bottom: 20px;
    }
  
  
  
    /* MOBILE SCREEN SEARCH BAR CSS */
    .fix-search-bar {
      width: 70px;
    }
  
    .mobile-input input {
      width: 88%;
    }
  
    /* FOOTER CSS */
  
    .bottom-footer li {
      padding: 0px 11px 0px;
    }
  
    .bottom-footer li a {
      font-size: 13px;
    }
  
  
    /* ROLLING COMMISSION PAGE CSS */
  
    .my-profile-center {
      padding: 0 5px !important;
    }
  
  
    /* MY PROFILE PAGE CSS */
  
    .Details-op {
      width: 100%;
      border-bottom: 1px solid var(--commision-thead-border) !important;
      padding: 6px 14px;
    }
  
    .Details-op2 {
      width: 100%;
      padding: 6px 14px;
    }
  
    .prfile-account-fiels ul li {
      padding: 0px;
    }
  
    .rolling-commission-formsec,
    .rolling-commission-sec2 {
      width: 98%;
    }
  
    .rolling-commission-sec2 {
      margin-top: 11px;
    }
  
    /* ACCOUNT STATMENT PAGE CSS */
  
    .account-statment-tables table th {
      min-width: 134px !important;
    }
  
    .account-statment-tables table th i {
      margin-left: 29px;
    }
  
    .showing-content-right ul {
      justify-content: center;
    }
  
    .howing-content {
      text-align: center;
    }
  
    .account-lable {
      justify-content: center;
    }
  
    /* LOG IN PAGE CSS */
    .login-off-btn {
      padding: 18px 30px;
    }
  
    /* MOBILE NAV CSS  */
  
    .mobile-menu li a p {
      font-size: 10px;
      margin-bottom: 0px;
    }
  
    .mobile-menu li {
      width: calc(100% / 5 - 0px / 5);
      padding: 5px 0 0px;
    }
  
    /* FOOTER CSS */
  
    .footer {
      padding: 20px 0px 100px;
    }
  
    /* SPORTS PAGE CSS */
  
    .all-sports-link li a svg {
      width: 19px;
      height: 19px;
    }
  
    .all-sports-link li p {
      font-size: 11px;
    }
  
    .all-sports-link li a i {
      font-size: 18px;
    }
  
    .all-sports-link li,
    .all-sports-link li:nth-child(1) {
      padding: 5px 6px;
    }
  
    .sports-work-heading p,
    .sports-work-heading2 p {
      font-size: 14px;
      padding: 4px 10px;
    }
  
    .sports-workstart .accordion-item h2 button,
    .accordion-inner li {
      font-size: 16px !important;
    }
  
    .pop-up-sec-work.position-relative {
      width: 97%;
    }
  
    section.score-sec.sports-work {
      margin-bottom: 89px;
    }
  
  }
  
  @media screen and (max-width:380px) {
    .login-mobile {
      width: 100%;
    }
  }
  
  @media screen and (min-width:400px) and (max-width:575px) {
    .bet-table-chart tbody tr p span {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width:100px) and (max-width:400px) {
    .bet-table-chart tbody tr p span {
      font-size: 13px;
    }
  }
  
  .cricketSpecificUi .cricketS {
    width: 28px;
    height: 25px;
    border-radius: 5px;
    background-color: green;
    font-size: 14px;
    font-weight: 700;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
  }
  
  .cricketSpecificUi .cricketBm {
    width: 28px;
    height: 25px;
    border-radius: 5px;
    background-color: #19294d;
    font-size: 14px;
    font-weight: 700;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
  }
  
  .cricketSpecificUi .cricketF {
    width: 28px;
    height: 25px;
    border-radius: 5px;
    background-color: #087583;
    font-size: 14px;
    font-weight: 700;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
  }
  
  /* ChatBox.css */
  .chat-container {
    position: relative;
  }
  
  .chatBox {
    cursor: pointer;
    position: fixed;
    bottom: 10%;
    right: 20px;
    background-color: #a886cd;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
  }
  
  .chatBox img {
    width: 10px;
    height: 10px;
    transition: all 0.3s ease-in-out;
    animation: tilt-shaking 0.3s infinite;
  }
  
  .whitespaceNowrap {
    white-space: nowrap !important;
    text-align: left !important;
  }
  
  @keyframes tilt-shaking {
    0% {
      transform: rotate(0deg);
    }
  
    25% {
      transform: rotate(5deg);
    }
  
    50% {
      transform: rotate(0eg);
    }
  
    75% {
      transform: rotate(-5deg);
    }
  
    100% {
      transform: rotate(0deg);
    }
  }
  
  .images-container {
    position: fixed;
    bottom: 18%;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translateY(20px);
    cursor: pointer;
    z-index: 99;
  }
  
  .images-container.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  
  .images-container img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: white;
    transition: all 0.5s ease-in-out;
  }
  
  .instaIcon {
    width: 25px;
    height: 25px;
  }
  

  
  .accountPageWRapper {
    width: 100% !important;
    border-radius: 0 !important;
  }
  
  .accountPageWRapper .accountHead {
    background: linear-gradient(-180deg, #2E4B5E 0%, #243A48 82%) !important;
    font-size: 25px !important;
    color: white !important;
    border-radius: 0 !important;
  }
  
  .accountLink {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2789ce !important;
  }
  
  /* .mobile-menu .active {
    background-color: #007bff; 
    color: #fff; 
  } */
  
  .sportHeader {
    background: linear-gradient(-180deg, #2E4B5E 0%, #243A48 82%) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: white !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .sportLi {
    background-color: white !important;
    padding: 12px 12px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgb(196, 192, 192);
  }
  
  .sportAnchor {
    color: #2789ce !important;
  }
  
  .sportsli {
    border: 1px solid #4b4b4b;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 25%;
  }
  
  .sportsUl {
    background-color: #14213d;
    height: 80px;
  }
  
  .sportsAnchor {
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: white;
    font-weight: 500;
    text-align: center;
    flex-direction: column;
  }
  
  .dream-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
  }
  
  .mainDiv {
    margin-top: 100px;
    /* overflow: hidden; */
    height: calc(100dvh - 100px);
  }
  
  @media (max-width:991px) {
    .mainDiv {
      margin-top: 68px;
      height: calc(100dvh - 100px);
    }
  }
  
  .scrollPart {
    height: 100%;
    overflow-y: auto;
  }
  
  .sideBarWrapper {
    /* position: fixed;
    top: 100px;
    width: 100%; */
  }
  
  .scoretabcontent {
    height: calc(100dvh - 100px);
  }
  
  @media (max-width: 991px) {
    .scoretabcontent {
      height: calc(100dvh - 118px);
    }
  }
  
  
  .fontSize17 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #2789ce !important;
  }
  .fontSize15 {
    font-size: 11px !important;
    font-weight: 700 !important;
  }
  
  .back-row {
    background-color: #beddf4 !important;
    color: #3b5160;
    font-size: 10px;
  }
  
  .lay-row {
    background-color: #f3dce2 !important;
    color: #3b5160;
    font-size: 10px;
  }
  
  .profitLossButton {
    color: #fff;
    background-color: #0d6efd;
    padding: 3px 12px;
    border: none;
  }


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

.bouncing-loader > div {
  width: 8px;
  height: 8px;
  margin: 3px 6px;
  border-radius: 50%;
  background-color: black;
  opacity: 1;
  animation: bouncing-loader 0.5s infinite alternate;
}


@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translateY(-16px);
  }
}

.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}


.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;      /* Firefox */
}