@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); :root {
  --primary-color: #f26c20;
  --primary-light: #121212;
  --secondary-color: #000;
  --secondary-color2: #212121;
  --bg-white: #fff;
  --other-bg: hsla(0,0%,100%,.16);
  --text-white: #fff;
  --text-dark: #000;
  --light-text: #9f9f9f;
  --text-dark-2:#444444;
  --bg-btn:linear-gradient(180deg, #F26C20 0, #F26C20);
  --bg-gredient:linear-gradient(0deg,rgba(10,10,10,.5) 50%,#323232);
  --side-menu-br:#222;
  --green-bg:#4caf50;
  --back:#a5d9fe;
  --lay: #f8d0ce;
}
a{
  text-decoration: none;
}
body {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 25px;
  overflow-x: hidden;
  color: var(--text-white);
  background-color: var(--secondary-color);
}


.marq_block{
  background: var(--primary-color);
    z-index: 1;
    display: flex;
    align-items: center;
    color: var(--text-white);
    font-size: 13px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    top: 0;
    width: 100%;
}

.marq_block button{
  background: none;
    border: none;
    color: #fff;
}
.marq_block button img{
  height: 15px;
  width: 15px;
}

/* header css start */
.header_wrapper header{
    top: 24px;
    z-index: 11;
    height: 55px;
    box-shadow: rgba(1, 41, 112, 0.1) 0px 2px 20px;
    background-color: var(--secondary-color);
    padding-left: 20px;
    transition: 0.5s;
    align-items: center !important;
    display: flex;
    position: fixed;
    right: 0;
    left: 0;
}
.logo_block{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo_img{
  line-height: 1;
    margin: 0 auto;
    display: block !important;
    text-align: center;
    display: flex;
    align-items: center;
}
.logo_img img{
  width: 130px;
  margin-right: 6px;
  max-width: 100%;
    height: auto;
}
.btn_block{
  display: flex;
}
.btn_block a{
  background: var(--primary-color);
  margin: 0 5px;
  display: flex;
  border-radius: 100%;
  font-weight: 600;
  width: 32px;
  height: 32px;
  justify-content: center;
  text-align: center;
  /* line-height: 32px; */
  align-items: center;
}
.btn_block a img{
  height: 18px;
  width: 18px;
}
.header_right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.search_box{
  min-width: 320px;
  padding: 0 20px;
  position: relative;
}
.search_box .form-control{
  font-size: 13px;
    color: var(--text-white);
    border: 1px solid rgba(1, 41, 112, 0.2);
    padding: 6px 20px 6px 40px;
    border-radius: 3px;
    transition: 0.3s;
    width: 100%;
    background:var(--other-bg);
    height: 33.5px;
}
.icon_search {
  position: absolute;
  left: 32px;
  height: 33.5px;
  top: 50%;
  transform: translateY(-50%);
}
.icon_search svg{
  width: 16px;
  height: 16px;
  fill: var(--text-white);
}
.form-control:focus{
  box-shadow: none !important;
}
.loginregister{
  display: flex;
  align-items: center;
}
.loginregister .btn_loginregister{
  background: var(--primary-color);
    display: inline-flex;
    font-weight: 500;
    color: var(--text-white);
    border: var(--primary-color) 1px solid;
    height: 36px;
    border-radius: 28px;
    align-items: center;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: 1px;
    padding: 0 10px 0 10px;
    text-decoration: none;
}
.loginregister .btn_loginregister.register{
  background: var(--green-bg);
  border-color:var(--green-bg);
}

.sport_navbar{
    background: var(--bg-gredient);
    border-bottom: 1px solid #333;
    border-top: 1px solid #4c4c4c;
    top: 79px;
    position: fixed;
    width: 100%;
    z-index: 9;
    padding: 6px 0;
    background-color:var(--secondary-color2);
    max-height: 64.5px;
}
.sport_navbar .navbar_content_inner{
    display: flex;
    position: relative;
    transition: .3scubic-bezier(.25,.8,.5,1);
    white-space: nowrap;
    justify-content: center;
    align-items: center;
}
.sport_navbar .navbar_content_inner ul{
    border: 0;
    white-space: nowrap;
    max-width: 100%;
    overflow-x: auto;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content:left;
}
.sport_navbar .navbar_content_inner ul li{
  display: inline-block;
  list-style: none;
}
.sport_navbar .navbar_content_inner ul li a{
    transition: 0.9s;
    text-decoration: none;
    text-align: center;
    padding: 0.35rem .1rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    border-radius: 100px;
    text-transform: uppercase;
    color: var(--light-text);
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .0333333333em;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
}
.sport_navbar .navbar_content_inner ul li a .menu_icon img{
  width: 20px;
  margin-right: 1px;
}
.sport_navbar .navbar_content_inner ul li a:hover, .sport_navbar .navbar_content_inner ul li a.active{
  color: var(--primary-color);
    font-weight: 500;
    border-radius: 100px;
    transform: scale(1.05);
    border-collapse: collapse;
    box-shadow: inset 0 8px 26px -23px hsla(0, 0%, 100%, .75);
    -webkit-box-shadow: 0 8px 26px -23px hsla(0, 0%, 100%, .75) inset;
    -moz-box-shadow: 0 8px 26px -23px hsla(0, 0%, 100%, .75) inset;
    transform-style: preserve-3d;
    background-color: transparent;
    border: 1px solid var(--primary-color);
}
/* header css end */

/* left sidebar css start */
.left_sidebar{
  position: fixed;
    top: 133px;
    left: 0;
    bottom: 0;
    width: 238px;
    z-index: 996;
    transition: all 0.3s;
    padding: 10px 15px;
    overflow-y: overlay;
    scrollbar-width: thin;
    scrollbar-color: #aab7cf transparent;
    box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
    background-color: var(--primary-light);
}
.left_sidebar .sidebar_menu_inner ul{
  padding: 0;
    margin: 0;
    list-style: none;
}
.left_sidebar .sidebar_menu_inner ul li{
  list-style: none;
    margin-bottom: 0;
    border-bottom: 1px solid var(--side-menu-br) !important;
    padding: 0;
    margin: 0;
    min-height: 45px;
}
.left_sidebar .sidebar_menu_inner ul li a{
  font-size: 13px;
    color: var(--text-white);
    text-decoration: none;
    text-transform: capitalize;
    padding: 13px 5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: transparent;
    position: relative;
    line-height: normal;
}
.left_sidebar .sidebar_menu_inner ul li a.accordion-button:focus{
  box-shadow: none;
}
.left_sidebar .sidebar_menu_inner ul li a .menu_icon img{
  width: 18px;
  margin-right: 10px;
}
.left_sidebar .sidebar_menu_inner ul li a .count_box{
  pointer-events: none;
    position: absolute;
    width: auto;
    border-radius: 1rem;
    height: 18px;
    min-width: 18px;
    background-color: var(--primary-color);
    right: 40px;
    text-align: center;
    font-size: 9px;
    line-height: 18px;
}
.left_sidebar .sidebar_menu_inner ul li.accordion-item{
  background-color: transparent;
}
.left_sidebar .sidebar_menu_inner ul li a.accordion-button::after{
 width: 12px;
 height: 12px;
 background-size: 12px;
 filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}
.left_sidebar .sidebar_menu_inner ul li .sub-menu{
  padding-left: 12px;
}
.left_sidebar .sidebar_menu_inner ul li .sub-menu ul li a.accordion-button{
  font-size: 11px;
  font-weight: 500;
  min-height: 42.5px;
} 
.left_sidebar .sidebar_menu_inner ul li .sub-menu ul li .match_list_block{
  padding-left: 12px;
}
.left_sidebar .sidebar_menu_inner ul li .sub-menu ul li .match_list_block .matchchild_listitem a{
  font-size: 11px;
    font-weight: 500;
    color: var(--text-white);
    text-decoration: none;
    text-decoration: none;
    text-transform: capitalize;
    padding: 13px 5px;
    display: flex;
    align-items: center;
    transition: 0.3s;
    border-bottom: 1px solid var(--side-menu-br);
    line-height: normal;
    min-height: 42.5px;
}
/* left sidebar css end */

/* right wrapper css start */
.right_wrapper{
  margin-top: 133px;
    padding: 8px 10px;
    transition: all 0.3s;
}

.hero_banner_slider .slick-slide img{
  width: 100%;
}
.game_wrapper .game_img_box a{
  border: 1px solid var(--bg-white);
  display: block;
}
.game_wrapper .game_img_box img{
  width: 100%;
}

.whatsapp_wrapper .whatsapp_box{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
  padding: 10px 0;
  background: var(--bg-gredient);
  color: var(--text-white);
  border: 1px solid var(--bg-white);
  transition: .9s;
  animation: zoomInZoomOut2;
  animation-duration: 5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  text-decoration: none;
}
.whatsapp_wrapper .whatsapp_box span{
  display: block;
  animation: zoomInZoomOut;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
.whatsapp_wrapper .whatsapp_box svg{
  vertical-align: bottom;
  margin-top: 5px;
  animation: zoomInZoomOut;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;  
}
@keyframes zoomInZoomOut {
  0% {
      color: var(--text-white);
      transform: scale(1)
  }

  50% {
      color: var(--primary-color);
      transform: scale(1.1)
  }

  to {
      color: gold;
      transform: scale(1)
  }
}

@keyframes zoomInZoomOut2 {
  0% {
      border: 1px solid var(--primary-color)
  }

  50% {
      border: 1px solid var(--bg-white);
  }

  to {
      border: 1px solid var(--primary-color)
  }
}

.whatsapp_wrapper{
  margin-bottom: 10px;
}

/* inplau css start */
.main_inplay_wrapper{
  background: url(../images/inplay_bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border: .1em solid #333;
    border-radius: .5rem;
    background-position: top;
    padding: 10px 20px;
}
.main_inplay_wrapper .gradient {background-image:linear-gradient(90deg,#222 50%,#444); border-top-right-radius:1rem!important;}
.main_inplay_wrapper .game-icon-img {width:22px; margin-right:5px;}
.main_inplay_wrapper .itbfc {display:flex; align-items:center; vertical-align:middle;}
.main_inplay_wrapper .itbfc img{
  width: 13px;
}
.main_inplay_wrapper .itbfc span {margin:0 3px;color:#4caf50;font-size:11px;}
.main_inplay_wrapper .itbfc span i {font-size:18px;}
.main_inplay_wrapper .game-title-box {padding:0 .5rem !important; background:var(--primary-color); border-top-left-radius:1rem !important; font-family:'Lato', sans-serif; color:#fff; text-transform:uppercase; font-size:13px; font-weight:400; height:40px; display:flex; align-items:center;}
.main_inplay_wrapper .bg-provider-success {background:green;color:#fff !important;padding:0 5px;border-radius:2px;width: 16px;height: 16px;line-height: normal;}
.main_inplay_wrapper .caption {font-size:.75rem; letter-spacing:.0333333333em; line-height:1.25rem;}
.main_inplay_wrapper .match-name {font-size:.65rem; line-height:1.1; color:#333;}
.main_inplay_wrapper .green-text {color:#4caf50; caret-color:#4caf50;}
.main_inplay_wrapper .btn-block {display:flex; margin:0 !important; color: var(--text-dark-2);}
.main_inplay_wrapper .back {display:flex; flex-direction:column; -webkit-box-pack:center; justify-content:center; width:100%; -webkit-box-flex:1; flex-grow:1; padding:0.12em 0.5em; margin:0px 0.15em; position:relative; z-index:0; text-align:center; border-radius:0.4rem; min-height:35px; cursor:pointer; background-color:var(--back);}
.main_inplay_wrapper .new_odds_mobile {padding:0; z-index:0; position:relative; width:100%; height:100%; display:flex; transition:left .2s ease-in-out;}
.main_inplay_wrapper .new_odds_mobile .back, .new_odds_mobile .lay {width:calc(33.3333% - 6px); display:flex; min-width:calc(33.3333% - 2px); margin:0 1px;}
.main_inplay_wrapper .odd-button__price {font-size:12px; line-height:14px; font-weight:700; color: var(--text-dark);}
.main_inplay_wrapper .odds_xs_scroll {width:100%; position:relative;}
.main_inplay_wrapper .inplay-item__back-inner-right {left:0; overflow: auto;}
.main_inplay_wrapper .inplay-item__back-inner-right::-webkit-scrollbar{
  height: 0;
}
.main_inplay_wrapper .odd-button__volume {font-size:9px; line-height:11px; min-height:11px; border:none!important; font-weight:600;color: var(--text-dark);}
.main_inplay_wrapper .lay {display:flex; flex-direction:column; -webkit-box-pack:center; justify-content:center; width:100%; -webkit-box-flex:1; flex-grow:1; padding:0.12em 0.5em; margin:0px 0.15em; position:relative; z-index:0; text-align:center; border-radius:0.4rem; min-height:35px; cursor:pointer; background-color:var(--lay);}
.main_inplay_wrapper .item-odds+.item-odds {border-top:1px solid #e0e0e0;}
.main_inplay_wrapper .bet-table-row:last-child {border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;}
.main_inplay_wrapper .bet-table-row:last-child .lay.last {border-bottom-right-radius:1rem;}
.main_inplay_wrapper .calendar-space {color:var(--primary-color);width:100%;display:block;text-align:left;white-space:normal;font-size:.65rem;font-weight:400;padding-left:0!important;line-height: normal;}
.main_inplay_wrapper .fancy__data .row .col-md-4.col-12.position-relative .btn-block::last-child {margin-bottom:0 !important;}
.main_inplay_wrapper .bet-table-row .row {border-bottom:1px solid #E0E0E0; margin:0; padding:1px;}
.main_inplay_wrapper .bet-table-row .row:last-child {border-bottom:none;}
.main_inplay_wrapper .bet-table-row {position:relative;}
.main_inplay_wrapper .event_inplay:before {content:''; position:absolute; top:0; left:0; width:4px; height:100%; text-decoration:blink; -webkit-animation-name:inplayrow; -webkit-animation-duration:0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction:alternate;}
.main_inplay_wrapper .event_inplay:last-child:before {border-bottom-left-radius:100px;}

@-webkit-keyframes inplayrow {
from {background:var(--primary-color);}
to {background:green;}
}

.main_inplay_wrapper ul.live_virtual {list-style:none; padding:0; display:flex; align-items:center; float:right; margin:0 0 0 65%;}
.main_inplay_wrapper ul.live_virtual li {display:inline;position: relative;}
.main_inplay_wrapper ul.live_virtual li label {display:inline-block; border:1px solid var(--bs-light); color:var(--bs-light); border-radius:25px; white-space:nowrap; margin:3px 1px; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; font-weight:600;}
.main_inplay_wrapper ul.live_virtual li label {padding:5px 10px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;LINE-HEIGHT: NORMAL;}
.main_inplay_wrapper ul.live_virtual li label::before {display:none; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:'bootstrap-icons'; font-weight:400; font-size:12px; padding-right:2px; content:"\f4fe"; -webkit-transition:-webkit-transform 0.3s ease-in-out; transition:-webkit-transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.main_inplay_wrapper ul.live_virtual li input[type="checkbox"]:checked + label::before {content:"\f633"; transform:rotate(-360deg); -webkit-transition:-webkit-transform 0.3s ease-in-out; transition:-webkit-transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.main_inplay_wrapper ul.live_virtual li input[type="checkbox"]:checked + label {border:1px solid #00ad6f; background-color:#00ad6f; color:#fff; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.main_inplay_wrapper ul.live_virtual li input[type="checkbox"] {display:absolute;}
.main_inplay_wrapper ul.live_virtual li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.main_inplay_wrapper ul.live_virtual li input[type="checkbox"]:checked + label::before {
  content: "\f633";
  transform: rotate(-360deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
 @media only screen and (max-width: 767px) {
.main_inplay_wrapper ul.live_virtual {position:absolute; right:10px;}
.main_inplay_wrapper .game-title-box {position:relative;}
.main_inplay_wrapper .game-title-box-right .text-center.col-4.text-white.caption {opacity:0;}
.main_inplay_wrapper .bet-table-row {padding-top:0 !important; padding-bottom:0 !important;}
.main_inplay_wrapper .leaguename {display:none;}
.main_inplay_wrapper .calendar-space {font-size:.5rem;}
.main_inplay_wrapper .match-name {font-size:.9rem;}
.main_inplay_wrapper .itbfc span i {font-size:12px;}
.main_inplay_wrapper .itbfc span {margin:0 1px; color:#4caf50; font-size:10px;}
.main_inplay_wrapper .bet-table-row .row .col-md-4 {padding:0;}
.main_inplay_wrapper .mob_searchbar .search-bar input:focus-visible {outline:none;}
.main_inplay_wrapper .mobile_odds_section {white-space:normal; overflow-x:hidden; padding:0;}
.main_inplay_wrapper .mobile_odds_section::-webkit-scrollbar {display:none;}
.main_inplay_wrapper .mobile_odds_section .row {display:contents;}
.main_inplay_wrapper .mobile_odds_section .row .col-4 {width:auto;}
.main_inplay_wrapper .mobile_odds_section .row .col-4 .btn-block .back, .mobile_odds_section .btn-block .lay {width:57px; margin:0 1px;}
.main_inplay_wrapper .btn-block .back, .btn-block .lay {border-radius:0.4rem; min-height:38px; color:#000; font-weight:700;}
.main_inplay_wrapper .match-name {font-size:0.7rem;}
}

@media (max-width:375px) {
.main_inplay_wrapper .itbfc span i {font-size:9px;}
.main_inplay_wrapper .game-title-box {padding:.562rem .2rem!important;}
}
/* inplay css end */

.heading_block{
  width: 75%;
    margin: 0 auto;
    position: relative;
}
.heading_block .box_shadow_block{
  overflow: hidden;
    height: 4px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.heading_block .box_shadow_block::after{
  content: "";
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px / 12px;
    box-shadow: 0 0 8px var(--primary-color);
}

.heading_text{
  align-items: center;
  justify-content: center;
  margin-top: 3px;
  display: flex !important;
}
.dot_round{
  background-color: rgb(218, 165, 32);
    width: 6px;
    height: 6px;
    border-radius: 12px;
}
.shape_second{
  display: inline-block;
    width: 9px;
    height: 9px;
    transform: rotate(45deg);
    background: rgb(218, 165, 32);
    margin: 0.3rem;
}
.heading_text h2{
  font-size: 25px;
    font-weight: 800;
    text-align: center;
    color: green;
    padding: 0px 14px;
}

.game_wrapper{
  width: 100%;
    display: grid;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    overflow-x: auto;
    grid-row-gap: 1px;
    grid-column-gap: 1px;
    margin-bottom: 1px;
    justify-content: space-between;
}
.game_wrapper::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff;
}

.game_wrapper::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
}
.game_item{
  width: 170px;
  position: relative;
    margin-bottom: 0;
    border: 1px solid var(--bg-white);
    display: block;
}
.game_item a{
  display: block;
}
.game_item a img{
  width: 100%;
}

.live_game_slider .game_slide_item img{
  cursor: pointer;
  width: 100%;
}
.live_game_slider .slick-slide{
  margin-right: 5px;
}
.view_more{
  display: flex;
  justify-content: right;
  background-color: transparent;
  box-shadow: none;
  margin-top: 10px;
}
.view_more a{
  text-decoration: none;
  font-weight: 600;
  color: var(--primary-color) !important;
  caret-color: var(--primary-color) !important;
  display: flex;
  align-items: center;
  gap: 5px;
}
.view_more a img{
  width: 20px;
  height: 20px;
}

.sportbook_banner{
  margin-bottom: 1rem;
}
.sportbook_banner img{
  width: 100%;
}
/* right wrapper css end */

/* login css start */
.form-control:focus {border-color:var(--primary-color);}
.login_modal_wrapper {width:100%; height:100vh; max-width:100%; margin:0; padding:0;}
.login_modal_wrapper .modal-content {border:thin solid hsla(0,0%,100%,.12); background-color:#1e1e1e; color:#fff; margin:0; border-radius:0;}
.login_modal_wrapper .close {border:none; background:none; position:absolute; right:12px; top:10px; color:#fff; display:none;}
.login_modal_wrapper img {width:200px; margin:30px auto 40px auto; display:block;}
.login_modal_wrapper .form-group {margin-bottom:30px; height:40px; border-radius:1rem; position:relative;}
.login_modal_wrapper .btn-group {display:block;}
.login_modal_wrapper .v-btn {cursor:pointer;display:block;font-weight:300;color:#fff;border:var(--primary-color) 1px solid;height:36px;border-radius:28px;align-items:center;text-transform:uppercase;font-size:14px;letter-spacing:1px;width:100%;text-align:center;border-radius:4px;height:44px;margin-bottom:10px;line-height: normal;}
.login_modal_wrapper p {margin:0; padding:0; font-size:12px; font-weight:300; text-align:center;}
.login_modal_wrapper .floating-label {position:absolute; pointer-events:none; left:35px; top:6px; transition:0.2s ease all; color:var(--primary-color); font-size:14px;}
.login_modal_wrapper input:focus ~ .floating-label, .login_modal_wrapper input:-webkit-autofill ~ .floating-label {top:-20px; left:25px; font-size:11px; opacity:1; background:none; border-radius:5px; padding:2px 10px; color:rgba(255,255,255,.7);}
.login_modal_wrapper input:focus ~ a {color:var(--primary-color);}
.login_modal_wrapper input, .login_modal_wrapper input:focus {border:none; background:none; height:100%; color:#fff; box-shadow:none; height:32px; line-height:normal; padding:8px 0; border-bottom:1px solid var(--primary-color);}
.login_modal_wrapper .form-check {margin-bottom:10px;}
.login_modal_wrapper .form-check input {height:auto; border:1px solid var(--primary-color);}
.login_modal_wrapper .form-check label {font-weight:300; color:rgba(255,255,255,.7); font-size:14px;}
.login_modal_wrapper input:focus {}
.login_modal_wrapper input:-webkit-autofill, .login_modal_wrapper input:-webkit-autofill:hover, .login_modal_wrapper input:-webkit-autofill:focus {-webkit-box-shadow:0 0 0px 1000px #fff inset; transition:background-color 5000s ease-in-out 0s; border-radius:0;}
.login_modal_wrapper .form-group span.input-group-text {background:no-repeat; color:#fff; border:none; font-size:20px; padding:0 7px !important;}
.login_modal_wrapper button {background:none;}
.login_modal_wrapper .modal-body {overflow:hidden; padding:0; height:100vh; display:flex; justify-content:center; align-items:center; position:relative;}
.login_modal_wrapper .modal-body form {padding:1.5rem 1rem; background:rgba(0,0,0,.75) !important; border-radius:4px; backdrop-filter:blur(5px); border:2px solid var(--primary-color); position:relative;}
.row {align-items:center;}
.demobtn {background:#4caf50 !important; border-color:#4caf50 !important;}
.v-btn {background:var(--primary-color); display:inline-flex; font-weight:500; color:#fff; border:var(--primary-color) 1px solid; height:36px; border-radius:28px; align-items:center; text-transform:uppercase; font-size:.75rem; letter-spacing:1px;}
.v-btn:hover {background-color:var(--primary-color); -webkit-animation:grow-y .4s ease-in-out; animation:grow-y .4s ease-in-out; transition:opacity .2s cubic-bezier(.4,0,.6,1); color:#fff;}
.fancy__data .row .col-md-4.col-12.position-relative .btn-block::last-child {margin-bottom:0 !important;}




.login_modal_wrapper .whatsapp_ids_section {margin-top:5px}
.login_modal_wrapper .whatsapp_ids_section span {width:100%; display:flex; align-items:center; color:#fff; position:relative; font-size:12px; justify-content:center; margin-bottom:1px}
.login_modal_wrapper .whatsapp_ids_section span:after, .whatsapp_ids_section span:before {content:""; background:var(--primary-color); height:1px}
.login_modal_wrapper .whatsapp_ids_section span:before {width:150px; position:relative; right:10px}
.login_modal_wrapper .whatsapp_ids_section span:after {width:150px; left:10px; position:relative}
.login_modal_wrapper .whatsapp_ids_section h4 {text-align:center; color:#fff; font-size:16px; text-transform:capitalize; font-weight:300; margin-bottom:0}
.login_modal_wrapper .wis_div {display:flex; align-items:center;color: #fff;
  font-weight: 300;
  text-transform: capitalize;
  font-size: 11px;
  gap: 5px;
  line-height: normal;
}
.login_modal_wrapper .wis_div img {width:45px !important; height:45px; margin:10px 0; filter:grayscale(1)}
.login_modal_wrapper .wis_div b {color:#fff;font-weight:300;text-transform:capitalize;font-size:11px;margin-left:5px;line-height: normal;}
.login_modal_wrapper a.whatsapp_link {text-align:center;display:flex;background:var(--primary-color);border-radius:5px;color:#fff;text-transform:uppercase;text-decoration:none;padding:14px;font-size:18px;position:relative;align-items:center;justify-content:center;line-height: normal;}
.login_modal_wrapper a.whatsapp_link img {margin-right:10px !important; width:30px; margin:0; filter:invert(1)}
.login_modal_wrapper a.disabled {opacity:.6; cursor:not-allowed}
.login_modal_wrapper .eye-on-off {z-index:99}
.login_modal_wrapper .signup_modal_new {background:url(https://d1p45eoi1yern1.cloudfront.net/drop.png); background-size:cover; background-position:50%; margin:0; height:100vh; z-index:100000; width:100vw; padding:0; position:absolute; top:0}
.login_modal_wrapper a.fp-link {color:#fff;text-transform:capitalize;text-align:right;display:block;font-size:13px;margin-bottom:2px;line-height: normal;}
.login_modal_wrapper .down-apk {display:flex; color:inherit; text-decoration:none}
.login_modal_wrapper .down-apk, .fp-link {align-items:center; justify-content:center}
.login_modal_wrapper .fp-link {color:#fff !important; text-transform:capitalize; margin-top:3%; font-size:15px; background:var(--primary-color) !important; padding:8px 18px; border-radius:8px; display:block; width:100%; display:flex; text-align:center !important}
.login_modal_wrapper .fp-link small {font-size:15px; border-bottom:1px solid}
.login_modal_wrapper .fp-link svg {color:#fff; margin:0 10px}




@media only screen and (max-width: 767px) {
.login_modal_wrapper .modal-body {padding:0 12px;}
.login_modal_wrapper .modal-body form {padding:16px;}
.mob_searchbar .search-bar input:focus-visible {outline:none;}
}

.eye-on-off {position:absolute; right:10px; bottom:10px; color:var(--primary-color); cursor:pointer; font-size:20px;}
.eye-on-off:hover {color:var(--primary-color);}
/* login css end */

/* singup css start */
.singup_wrapper .main-logo {width:180px !important;}
.singup_wrapper #alert {margin:0 auto; position:absolute; right:0; top:65px; left:0; width:20%; text-align:center; z-index:9; padding:1px 5px; border:none; border-radius:4px; font-size:13px;}
.singup_wrapper #alert {margin:0 auto; position:absolute; right:0; left:0; width:20%; text-align:center; z-index:9;}
.singup_wrapper .signUpUi .main-logo {width:200px; margin-bottom:10px;}
.signUpUi form {
  box-shadow: none;
    transition: all 0.3s ease;
    /* border-radius: 5px; */
    padding: 40px;
    padding-bottom: 0;
    background: none;
    border: none;
}
.singup_wrapper .signUpUi form:hover {box-shadow:none !important;}
.singup_wrapper .signUpUi form small {color:#fff; font-size:8px;}
.singup_wrapper .signUpUi form .form-group label {font-size:13px; margin:0; margin-left:11px; display:none;}
.singup_wrapper .signUpUi form .form-group input::placeholder{
  color:var(--text-white);
}
.singup_wrapper .signUpUi form .form-group input {color: #fff;
  background: #0000003b;
  border-radius: 4px;
  border: 1px solid #484848;
  font-size: 13px;
  height: 45px;
  background: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  text-align: center;}
.singup_wrapper #resend_otp {background:#eee; font-size:10px; margin-right:0; padding:3px 5px; width:auto; border:1px solid var(--primary-color); color:var(--primary-color);}
.singup_wrapper #resend_otp:hover {background:var(--primary-color); color:#fff;}
.singup_wrapper #signup_submit {width:40%;}
.singup_wrapper .signUpUi form .form-group .form-control:focus {color: #fff;
  background: var(--secondary-color);
  outline: 0;
  box-shadow: none;
  border-color: var(--secondary-color);}
.singup_wrapper .signUpUi form .form-group {margin-bottom:20px;}
.singup_wrapper .signUpUi form .custom-control-input:checked~.custom-control-label::before {color:#fff; border-color:var(--primary-color); background-color:var(--primary-color);}
.singup_wrapper .signUpUi form .custom-control-input:focus~.custom-control-label::before {box-shadow:0 0 0 0.2rem var(--theme-opacity);}
.singup_wrapper .signUpUi form .custom-control-label {font-size:14px; color:#fff;}
.singup_wrapper div.signUpUi form .btn-primary {width:100% !important; line-height:3; text-transform:uppercase; font-size:14px; margin:0 auto; margin-top:20px !important; display:block; border-color:var(--secondary-color); background:var(--secondary-color);}
.singup_wrapper .signUpUi form .btn-primary:hover {background:var(--primary-color);}
.singup_wrapper .signUpUi form .form-group label {font-size:13px; margin:0; margin-left:11px; display:none;}
.singup_wrapper .bankingUi input::file-selector-button {background-image:linear-gradient( to right, var(--secondary-color), var(--secondary-color), var(--secondary-color) 100%, var(--secondary-color) 200% ); background-position-x:0%; background-size:100%; border:0; border-radius:2px !important; color:#fff; padding:5px 10px; text-shadow:0 1px 1px #333; transition:all 0.25s;}
.singup_wrapper .bankingUi input::file-selector-button:hover {background-position-x:100%; transform:scale(1.05);}
.singup_wrapper input.form-control:-webkit-autofill, input.form-control:-webkit-autofill:hover, input.form-control:-webkit-autofill:focus, input.form-control:-webkit-autofill:active {-webkit-box-shadow:0 0 0 30px #EAEDF3 inset !important; -webkit-text-fill-color:#000;}
.singup_wrapper div.iti--separate-dial-code .iti__selected-flag {background-color:rgb(255 255 255 / 5%);}
.singup_wrapper div.iti__arrow {border-top:4px solid #000 !important;}
.singup_wrapper h4.head-title {text-align:left; color:#fff; font-style:italic; font-size:16px; padding-left:26px; margin:0; display:none;}
.singup_wrapper h4.head-title::after {content:" Now, ";}
.singup_wrapper div.iti--separate-dial-code .iti__selected-dial-code {color:#fff;}
.singup_wrapper div.signUpUi {
  background: var(--primary-color);
  background-size: cover !important;
  background-position: center;
  font-family: sans-serif;
  width: 430px;
  position: relative;
  max-width: 430px;
  min-height: 90%;
  max-height: 90%;
  /* top: 50%; */
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translateX(-50%);
  padding: unset !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
  border: 2px solid #fff;
}
.singup_wrapper div.signUpNew_info span {border:none !important;}
.singup_wrapper .signUpNew_info a {text-decoration:none !important; text-transform:uppercase; color:var(--secondary-color) !important; font-weight:900; font-size:15px;}
.singup_wrapper .signUpNew_info {display:block; text-align:center; margin:0 auto; color:#fff; margin:15px 0 !important; padding-left:40px !important;}


.singup_wrapper .iti {width:100% !important;}
/* singup css end */


/* casino page css start */
.casino_serach .form-control{
  background: #333;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}
.casino_tablist ul{
  width: 100%;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    border: 1px solid var(--primary-color);
    margin: 4px 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.casino_tablist ul li{
  position: relative;
    display: inline-block;
    list-style: none;
}
.casino_tablist ul li a{
  align-items: center;
  padding: 10px 25px;
    text-transform: uppercase;
    color: var(--text-white);
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    display: block;
    text-decoration: none;
    transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out;
}
.casino_tablist ul li::after{
  content: '';
    background: var(--primary-color);
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.casino_tablist ul li a.active{
  background-color: var(--primary-color);
}
.casino_tablist.with_icon_sport ul li a{
  display: flex;
  flex-direction: column;
}
.casino_tablist.with_icon_sport ul li a img{
  display: block;
    width: 32px;
    margin: 0 auto;
    filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(290deg) brightness(104%) contrast(101%);
}
.casino_tablist.with_icon_sport ul li a svg{
  display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(290deg) brightness(104%) contrast(101%);
}

.casino_game_wrapper .casino_item img{
  height: 180px;
  width: 100%;  
}
.casino_game_wrapper .casino_item button{
  border: none;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: var(--bg-btn);
    color: var(--text-white);
    font-size: 12px;
    line-height: 2.1;
}
.casino_game_wrapper .row .col-4 {
  margin-bottom: 10px;
  padding: 0px 3px;
}
.casino_game_wrapper {
  padding: 0 10px;
}
/* casino page css end */


/* match details page css start */
.match_details_inplay {
  background: #1e1e1e;
  padding: 0 5px;
}
.match_details_wrapper .form-control:focus {border-color:var(--primary-color);}
.match_details_wrapper .min-stake {background:#ffbc00 !important;}
.match_details_wrapper .max-stake {background:#334579 !important; color:#fff !important;}
.match_details_wrapper .clear-stake {background:#bd0304 !important; color:#fff !important;}
.match_details_wrapper .all-in-stake {background:green !important; color:#fff !important;}
.match_details_wrapper .row {align-items:center;}
.match_details_wrapper li a.nav-link {background:none !important;}
.match_details_wrapper .detail_min_max {font-size:10px; color:#fff; text-transform:capitalize; left:0; line-height:normal; display:inline-block;}
.match_details_wrapper .inplay-main {background:url(../img/inplay_bg.png) no-repeat; background-size:cover; background-attachment:fixed; border:.1em solid #333; border-radius:.5rem; background-position:top; padding:10px 20px;}
.match_details_wrapper .inplay-main.detail-page {background:no-repeat; padding:5px; box-sizing:border-box; border:0; overflow-x:hidden;}
.match_details_wrapper .primary-color2 {background-color:#1e1e1e;}
.match_details_wrapper .inplay-main.detail-page .row {align-items:flex-start;}
.match_details_wrapper .gradient {background-image:linear-gradient(90deg,#222 50%,#444); border-top-right-radius:1rem!important;}
.match_details_wrapper .add-pin {color:#252525 !important; font-size:1.1rem !important;}
.match_details_wrapper a.info-modal {color:#252525 !important; margin-left:5px;}
.match_details_wrapper .game-title-box {padding:0 .5rem !important; background:var(--primary-color); border-top-left-radius:1rem !important; font-family:'Lato', sans-serif; color:#fff; text-transform:uppercase; font-size:13px; font-weight:400; height:40px; display:flex; align-items:center;}
.match_details_wrapper .game-title-box .star_img {
  width: 15px;
  height: 15px;
}
.match_details_wrapper .caption {font-size:.75rem; letter-spacing:.0333333333em; line-height:1.25rem;}
.match_details_wrapper .match-name {font-size:.65rem; line-height:1.1; color:#333;}
.match_details_wrapper .btn-block {display:flex;margin:0 !important;color: #444444;}
.match_details_wrapper .back {display:flex; flex-direction:column; -webkit-box-pack:center; justify-content:center; width:100%; -webkit-box-flex:1; flex-grow:1; padding:0.12em 0.5em; margin:0px 0.15em; position:relative; z-index:0; text-align:center; border-radius:0.4rem; min-height:35px; cursor:pointer; background-color:var(--back);}
.match_details_wrapper .odd-button__price {font-size:12px; line-height:14px; font-weight:700;}
.match_details_wrapper .odd-button__volume {font-size:9px; line-height:11px; min-height:11px; border:none!important; font-weight:600;}
.match_details_wrapper .lay {display:flex; flex-direction:column; -webkit-box-pack:center; justify-content:center; width:100%; -webkit-box-flex:1; flex-grow:1; padding:0.12em 0.5em; margin:0px 0.15em; position:relative; z-index:0; text-align:center; border-radius:0.4rem; min-height:35px; cursor:pointer; background-color:var(--lay);}
.match_details_wrapper .item-odds+.item-odds {border-top:1px solid #e0e0e0;}
.match_details_wrapper .bet-table-row:last-child {border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;}
.match_details_wrapper .fancy__data .row .col-md-4.col-12.position-relative .btn-block::last-child {margin-bottom:0 !important;}
.match_details_wrapper .detail-page .tab-pane {background:#1e1e1e; padding:0 5px;}
.match_details_wrapper .detail-page .tab-content, .detail-page .tab-pane {transition:.3s cubic-bezier(.25,.8,.5,1);}
.match_details_wrapper .detail-page .game-title-box {background-image:var(--theme-gradient);}
.match_details_wrapper .detail-page .bet-table-header .col-md-5.col-6 {position:relative;}
.match_details_wrapper .detail__tabs {position:relative; background:linear-gradient(0deg,rgba(10,10,10,.5) 50%,#323232); border-bottom:1px solid #333; border-top:1px solid #4c4c4c; background:#212121; padding:0.4rem 0 0.4rem 0.4rem;}
.match_details_wrapper .detail__tabs li {padding:0 .2rem;}
.match_details_wrapper .detail__tabs li a.active button {color:#fff !important;}
.match_details_wrapper .detail__tabs li button {text-transform:capitalize; padding:4px 5px; font-size:.875rem; background:none !important; color:#ffffff99; border-radius:100px !important; font-weight:700; box-shadow:inset 0 8px 26px -23px hsl(0deg 0% 100% / 75%); transition:.6s; transform-style:preserve-3d; position:relative; border:0.09rem solid transparent !important; display:inline-block; align-items:center;}
.match_details_wrapper .detail__tabs li button:hover {color:#fff;}
.match_details_wrapper .detail__tabs li button img {width:12px; filter:contrast(0.3);}
.match_details_wrapper .detail__tabs li a.active img {filter:invert(1);}
.match_details_wrapper .detail__tabs li button i {background:#353535; width:23px; height:23px; display:inline-block; border-radius:100px;}
.match_details_wrapper .detail__tabs li a.active i {background:#6fae44;}
.match_details_wrapper .detail-page .bl__text {width:50px; color:#fff; text-transform:capitalize; background:none; border:none; font-size:.75rem; font-weight:700;}
.match_details_wrapper .detail-page .back, .detail-page .lay {height:38px; border-radius:0.4rem; margin:0 1px;}
.match_details_wrapper .detail-page .back:hover {background:#98C8E9;}
.match_details_wrapper .detail-page .lay:hover {background:#E5BFBE;}
.match_details_wrapper .detail-page .events-col {margin-bottom:1rem;}
.match_details_wrapper .detail-page .gradient {border-radius:1rem;}
.match_details_wrapper .newtab_collect .nav-tabs {background:linear-gradient(90deg,#222 50%,#444); padding:5px; border-bottom:none;  overflow-x: auto;
  flex-wrap: nowrap;}
  .match_details_wrapper .lay-border {
    border: 2px solid var(--lay);
}
.match_details_wrapper .lay-border .bs_stakes_i {
  background: #f8d0ce9c;
}
.match_details_wrapper .newtab_collect .nav-tabs a {font-weight:700;border-radius:5px;text-transform:uppercase;color:#fff;border:1px solid #fff;margin-right:2px;font-size:12px;padding: 2px 45px;position:relative;height: 30px;}
.match_details_wrapper .newtab_collect .nav-tabs a:hover, .newtab_collect .nav-tabs a.active {background:var(--primary-color) !important; color:#fff;}
.match_details_wrapper .runpls {font-size:11px; margin:0 8px; position:relative; display:flex;}
.match_details_wrapper .detail-page .match-name {margin-left:8px; font-size:11px; font-weight:600; text-transform:capitalize; color: #333;}
.match_details_wrapper .bet-table-row .row {border-bottom:1px solid #E0E0E0; margin:0; padding:1px;}
.match_details_wrapper .bet-table-row .row:last-child {border-bottom:none;}
.match_details_wrapper .bet-table-row .row .col-md-6 {padding:0;}
.match_details_wrapper .bet-table-row .row .col-md-6 a {line-height:normal;}
.match_details_wrapper .suspended__div {position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;align-items:center;text-align:center;vertical-align:middle;height:38px;background-color:#0a0a0abf;border-radius:0.4rem;color: #db2525;text-transform: uppercase;color: red;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: 1px;}
.match_details_wrapper .detail-page .odd-button__price {font-weight:800;}
.match_details_wrapper .right__sidebar {border-radius:.5rem;}
.match_details_wrapper .right__sidebar .nav {justify-content:center;}
.match_details_wrapper .right__sidebar .nav button {font-size:.75rem; background:none !important; color:#fff; padding:14px 27px; border-radius:0 !important; text-transform:uppercase;}
.match_details_wrapper .right__sidebar .nav button:hover {background:#292929 !important;}
.match_details_wrapper .right__sidebar .nav a.active button {color:var(--primary-color); border-bottom:1px solid; border-radius:0;}
.match_details_wrapper .mobile__betslip-data {padding:0;}
.match_details_wrapper .back-border {border:2px solid var(--back);}
.match_details_wrapper .betslip__div {position:relative; background:#fff; padding:1px;}
.match_details_wrapper .betslip__div .ruuner_names {font-size:.75rem; font-weight:600; background:#eee; text-align:center; line-height:normal; padding:5px 0; color:#000;}
.match_details_wrapper .betslip__div .input-group {position:relative;}
.match_details_wrapper .betslip__div .input-group label {position:absolute; left:40px; font-size:10px; background:#fff; top:-8px; text-transform:capitalize; color:var(--primary-color); z-index:3; padding:0 2px;}
.match_details_wrapper .betslip__div .input-group .input-group-text {background:none; border-radius:0; border:none; padding:0 10px; color:#fff; background:var(--primary-color); cursor: pointer;}
.match_details_wrapper .betslip__div .input-group .input-group-text svg{
  width: 12px;
  height: 12px;
  fill: var(--text-white);
}
.match_details_wrapper .betslip__div .input-group input {border:none; height:30px; font-size:13px; text-align:center; box-shadow:inset 0px 0px 0px 1px var(--primary-color);background-color: var(--bg-white);}
.match_details_wrapper .betslip__div .input-group input:focus {box-shadow:none; border:none;}
.match_details_wrapper .betslip__div .row .col-6:first-child {padding-left:0; padding-right:2px;}
.match_details_wrapper .betslip__div .row .col-6:last-child {padding-right:0; padding-left:2px;}
.match_details_wrapper .bs_stakes_i {border:none; font-size:13px; height:30px; border-radius:0; text-align:center;}
.match_details_wrapper .bs_stakes_i:focus {border:1px solid var(--primary-color); box-shadow:none;}
.match_details_wrapper .stakes_btns .col-12 {padding:02px;}
.match_details_wrapper .stakes_btns button {background:none; color:#000; font-size:12px; font-weight:600; border-radius:0; height:30px; width:25%; margin-bottom:0; border-bottom:none; border-right:none; text-transform:uppercase; border-bottom:none !important; border-right:none !important;}
.match_details_wrapper .back-border .bs_stakes_i {background:#d3edff;}
.match_details_wrapper .back-border .stakes_btns button {border:1px solid var(--back);}
.match_details_wrapper .back-border .stakes_btns button:nth-child(4), .back-border .stakes_btns button:nth-child(8) {border-right:1px solid var(--back) !important;}
.match_details_wrapper .back-border .stakes_btns button:nth-child(5), .back-border .stakes_btns button:nth-child(6), .back-border .stakes_btns button:nth-child(7), .back-border .stakes_btns button:nth-child(8) {border-bottom:1px solid var(--back) !important;}

.match_details_wrapper .lay-border .stakes_btns button {border:1px solid var(--lay);}
.match_details_wrapper .lay-border .stakes_btns button:nth-child(4), .lay-border .stakes_btns button:nth-child(8) {border-right:1px solid var(--lay) !important;}
.match_details_wrapper .lay-border .stakes_btns button:nth-child(5), .lay-border .stakes_btns button:nth-child(6), .lay-border .stakes_btns button:nth-child(7), .lay-border .stakes_btns button:nth-child(8) {border-bottom:1px solid var(--lay) !important;}

.match_details_wrapper .betslip__div .row.stakes_btns {margin-top:1px !important;}
.match_details_wrapper .betslip__div .quick-bet.quick-bet-extra button {border:none;}
.match_details_wrapper .stakes_btns button i {color:green; font-weight:900; font-size:14px;}
.match_details_wrapper .betslip__div .row {border:none;}
.match_details_wrapper .bs_cancel {border:1px solid var(--primary-color)!important; color:var(--primary-color)!important; font-size:14px; height:40px; background:none; width:100%; border-radius:10px; display:flex; align-items:center; justify-content:center; text-transform:uppercase; font-weight:600;}
.match_details_wrapper .bs_pb {font-weight:600; width:100%; background:#4caf50; font-size:14px; height:40px; border-radius:10px; border:none; display:flex; align-items:center; justify-content:center; text-transform:uppercase; color:#fff;}
.match_details_wrapper .mmm_text {line-height:30px; padding:0; margin:0; text-transform:capitalize; font-size:10px; font-weight:600; color:var(--primary-color); text-align:right;}
.match_details_wrapper .mmm_text i {font-size:25px; vertical-align:middle;}
.match_details_wrapper .bet-table-row {position:relative;}
.match_details_wrapper .mmm_text svg {
  height: 20px;
  width: 20px;
  fill: var(--primary-color);
  margin-right: 3px;
}
.mmm_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left-side, .right-side {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 5px;
  line-height: normal;
  text-align: left;
}
.theme-bg2 {
  background-color: #1e1e1e;
}

.breadcrumb_block {
  background: #272727;
  border-bottom: 1px solid #333;
  border-top: 1px solid #4c4c4c;
  position: relative;
  padding: 9px 5px;
}

.breadcrumb_block .back_btn {
  line-height: normal;
}

.breadcrumb_block .back_btn svg {
  width: 16px;
  height: 19px;
  fill: var(--text-white);
}

.breadcrumb_block .event___name {
  font-weight: 700;
  font-size: .875rem;
  text-transform: uppercase;
  color: var(--primary-color);
}

.breadcrumb_block span.event-date {
  color: #fff;
  font-size: 10px;
}

.blink-soft {
  animation: blinker 1.5s linear infinite;
  text-transform: uppercase;
  font-size: 9px;
  position: absolute;
  top: 2px;
  font-style: normal;
  margin-left: 5px;
  background: #fff;
  padding: 2px;
  line-height: 1;
  border-radius: 2px;
  color: var(--primary-color);
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.fancy_wrapper_inner {
  background: #1e1e1e;
  padding: 0 5px;
}

.fancy_wrapper_inner .remark {
  text-align: right;
  font-size: 13px;
  color: #db2525;
  font-weight: 700;
}

.fancy_wrapper_inner .fancy_stakes {
  font-size: 12px;
  text-transform: capitalize;
  color: #444444;
}

.star_img {
  width: 18px;
  height: 18px;
}

.fancy_wrapper_inner .bet-table-row {
  border-bottom: 1px solid #E0E0E0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.fancy_wrapper_inner .bet-table-row:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.info_img img {
  width: 12px;
  height: 15px;
}

.bet_wrapper_inner {
  background: #1e1e1e;
  padding: 0 5px;
}

.match_details_page .right_wrapper {
  margin-top: 74px;
}

.match_details_page .left_sidebar {
  top: 74px;
}

.fancy_wrapper_inner.border_radius .bet-table-row:last-child {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.open_bet_wrapper .accordion-item {
  border: 1px solid var(--primary-color) !important;
  border-radius: 15px !important;
  margin-bottom: 24px;
  background: none;
  padding: 0;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.open_bet_wrapper .accordion-button {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding: 6px 12px;
  background-color: transparent;
}

.open_bet_wrapper .accordion-button:focus {
  box-shadow: none;
}

.open_bet_wrapper .accordion-button::after {
  color: #fff !important;
  background-color: var(--primary-color);
  border-radius: 100px;
  background-size: 15px;
  background-position: center;
  float: right;
  margin-right: 8px;
  margin-top: 0;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}

.open_bet_wrapper .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

}

.open_bet_wrapper .accordion-body {
  padding: 0;
  height: calc(100vh - 420px);
}

.open_bet_wrapper .accordion-body table tr th {
  color: #fff;
  font-size: 12px;
  border-color: #333;
  text-transform: uppercase;
  border-width: 1px;
  padding: 9px 8px;
  line-height: normal;
}

.open_bet_wrapper .accordion-body table tr td {
  color: #fff;
  font-size: 11px;
  text-transform: capitalize;
  border-color: #444;
  padding: 10px 8px;
  border-bottom-width: 1px;
  line-height: normal;
}

.open_bet_wrapper .accordion-body .table>:not(:first-child) {
  border: 0;
}

.open_bet_wrapper {
  margin-top: 20px;
}

.open_bet_wrapper .accordion-body .no_record {
  color: rgb(255 255 255 / 18%);
  padding: 0px 10px;
}

.loginregister .btn_loginregister.balance_btn {
  border: var(--primary-color) 1px solid;
  color: var(--text-white);
  background-color: transparent;
}

.loginregister .btn_loginregister.balance_btn .profile_icon {
  background-image: var(--bg-btn);
  height: 18px;
  width: 18px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  line-height: 18px;
  margin-left: 5px;
}

.loginregister .btn_loginregister.balance_btn .profile_icon svg {
  width: 10px;
  height: 10px;
  fill: var(--bg-white);
}

.loginregister .btn_loginregister.balance_btn span {
  font-size: 14px;
  padding-left: 8px;
}

.loginregister.after_login {
  padding-right: 1rem !important;
}




/* match details page css end */

/* profile menu sidebar */
.sidebar {
  width: 256px;
  background-color: black;
  color: white;
  padding: 0;
  max-height: 100vh;
  min-height: auto;
  position: fixed;
  top: 0;
  right: -280px;
  transition: right 0.3s ease-in-out;
  z-index: 1003;
  border-left: 1px solid var(--primary-color);
  overflow-y: auto;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1002;
}

.sidebar_wraaper .profile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  padding: 10px 25px !important;
  height: 55px;
}

.sidebar_wraaper .close-btn {
  border: none !important;
  position: absolute;
  top: 14px;
  right: 8px;
  font-size: 24px;
  width: 62px;
  height: 36px;
  border-radius: 5px;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 12px 15px;
  cursor: pointer;
}

.sidebar_wraaper .close-btn:hover {
  background: #7f99b870;
}

.sidebar_wraaper .wallet-info {
  border-bottom: gray 1px solid !important;
  padding-bottom: 3px;
  padding-top: 3px;
}

.sidebar_wraaper .wallet-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar_wraaper .wallet-info ul li {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  padding: 4px 15px;
  line-height: normal;
}

.sidebar_wraaper .wallet-info ul li .left_amount_block {
  display: flex;
  flex-direction: column;
  font-weight: 300 !important;
  flex-basis: 50%;
  font-size: .8125rem;
}

.sidebar_wraaper .wallet-info ul li .left_amount_block span {
  font-size: 10px;
}

.sidebar_wraaper .amount {
  color: var(--primary-color);
  font-weight: bold;
}

.sidebar_wraaper .awaiting-bonus,
.sidebar_wraaper .refer-earn,
.sidebar_wraaper .logout-btn {
  width: 100%;
  padding: 6px;
  border-radius: 100px;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  cursor: pointer;
  color: var(--text-white);
  width: 80%;
  margin: 0 auto;
  display: block;
  height: 40px;
}

.sidebar_wraaper .awaiting-bonus {
  background: none;
  border: 1px solid var(--primary-color);
  color: var(--text-white);
}

.sidebar_wraaper .awaiting-bonus span {
  color: var(--primary-color);
  margin-left: 15px;
}

.sidebar_wraaper .refer-earn {
  background: var(--primary-color);
  border: none;

}

.sidebar_wraaper .logout-btn {
  border: none !important;
  text-align: center;
  display: block !important;
  box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  background: #4caf50;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300 !important;
  padding: 5px 0 !important;
  width: 100%;
  border-radius: 0;
  height: 35px;
}

.sidebar_wraaper .logout-btn:hover {
  opacity: .8;
}

.sidebar_wraaper .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar_wraaper .menu li {
  border-bottom: none;
  background: var(--secondary-color);
}

.sidebar_wraaper .menu li a {
  border-bottom: none;
  color: var(--text-white);
  font-weight: 600;
  border-top: 1px solid gray;
  padding: 12px 15px;
  transition: 0.3s;
  width: 100%;
  clear: both;
  display: flex;
  align-items: center;
  font-size: .8125rem;
  line-height: normal;
  min-height: 44.5px;
}

.sidebar_wraaper .menu li a i {
  margin-right: 25px;
  font-size: 24px;
  line-height: 0;
  color: var(--primary-color);
}

.sidebar_wraaper .menu li a:hover {
  background-color: #464646;
}

.show-sidebar {
  right: 0;
}

.show-overlay {
  display: block;
}

.sidebar_wraaper .user_name .greeting {
  color: var(--primary-color);
  margin-right: 5px;
  font-size: 14px;
}

.sidebr_inner_btn {
  padding: 5px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* border-bottom: gray 1px solid !important; */
}

/* profile menu sidebar */


/* after login user id css start */
.user_profile_after_login {
  padding: 5px;
  margin: 12px 15px;
  border-bottom: 1px solid var(--primary-color);
}

.user_profile_after_login .user_name_img {
  display: flex;
  align-items: center;
  background-color: var(--primary-color);
  border-radius: 33px;
}

.user_profile_after_login .user_img img {
  width: 40px;
  height: auto;
  border-radius: 50%;
}

.user_profile_after_login .user_name_text {
  text-transform: uppercase;
  font-size: 11px;
  color: var(--text-white);
  padding-left: 15px;
  font-weight: 600;
}

/* after login user id css start */

/* rules modal css start */
.rules_modal .modal-content {
  background-color: #111112;
}

.rules_modal .modal-title {
  color: var(--text-white);
  margin: 0;
  font-size: 1.75rem;
}

.rules_modal .modal-header {
  padding: 5px 12px;
  border: 0;
}

.rules_modal .modal-body {
  padding: 0 12px;
  padding-bottom: 30px;
}

.rules_modal .modal_inner_heading {
  color: var(--text-white);
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  margin: 0;
  background: #212121;
  padding: 10px 0;
}

.rules_modal .rules_content_wrapper {
  padding: 0 5px;
  background: #222;
  border: 1px solid #333;
  padding-bottom: 5px;
}

.rules_modal .rules_content_wrapper table {
  margin-top: 5px;
  margin-bottom: 0;
}

.rules_modal .rules_content_wrapper table td,
.rules_modal .rules_content_wrapper table tr {
  border-color: #555;
  font-size: 14px;
}

.rules_modal .rules_content_wrapper table td {
  color: #fff;
  border: none !important;
  text-align: left !important;
}

.rules_modal .modal-header .btn-close {
  filter: brightness(0) saturate(100%) invert(12%) sepia(70%) saturate(6743%) hue-rotate(358deg) brightness(111%) contrast(113%);
  opacity: 1;
  background-size: 12px;
}

.rules_modal .modal-header .btn-close:focus {
  box-shadow: none;
}

/* rules modal css end */

/* edit stake modal css start */
.editstake_modal.editstake_modal .modal-header {
  background: #272727;
  border-bottom: 1px solid #333;
  border-top: 1px solid #4c4c4c;
  position: relative;
  padding: 12.5px 5px;
}

.editstake_modal.editstake_modal .modal-title {
  font-weight: 700;
  font-size: .875rem;
  text-transform: uppercase;
  color: var(--primary-color);
}

.editstake_modal.editstake_modal .modal-body {
  background-color: var(--bg-white);
  padding: 0;
}

.rules_modal .modal-header .btn-close {
  filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(6950%) hue-rotate(188deg) brightness(112%) contrast(100%);
  opacity: .5;
}

.edit_stake_wrapper .row {
  margin: 0;
}

.edit_stake_wrapper .row .col-md-3 {
  width: 50%;
}

.edit_stake_wrapper .button-title {
  color: var(--text-dark);
}

.edit_stake_wrapper .button-title span {
  font-size: 20px;
  font-weight: 300;
}

.edit_stake_wrapper .form-control {
  border-radius: 3px !important;
  border: 1px solid #333;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  background: #fff;
  text-align: center;
  color: var(--text-dark);
}

.edit_stake_wrapper .Update_btn {
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 500;
  color: #fff;
  border: var(--green-bg) 1px solid;
  height: 36px;
  border-radius: 100px;
  align-items: center;
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: 1px;
  background: var(--green-bg)
}

/* edit stake modal css end */

.mobile_betslip {
  display: none;
}

.mobile_icon_other {
  background: var(--primary-color);
  margin: 0 5px;
  display: inline-block;
  border-radius: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  width: 26px;
  height: 26px;
  justify-content: center;
  text-align: center;
  line-height: 26px;
}


/* event modal css start */
.event_modal .modal-content {
  border: thin solid lightgray;
  background-color: #212529;
  color: var(--text-white);
  margin-top: 15px;
}

.event_modal .modal-body {
  padding-top: 30px;
}

.event_modal .btn-close {
  border: none;
  position: absolute;
  right: 0px;
  top: -5px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(288deg) brightness(103%) contrast(103%);
  font-size: x-large;
  background-size: 13px;
  opacity: 1;
}

.event_modal table {
  margin: 0;
}

.event_modal table th {
  overflow: hidden;
  white-space: nowrap;
  font-size: small;
  color: var(--text-white);
  font-weight: 799;
  border: thin solid var(--bg-white);
  background-color: var(--primary-color);
}

.event_modal table td {
  border: thin solid var(--bg-white);
}

.event_modal table td {
  font-size: smaller;
  color: var(--text-white);
}

.event_modal table td:last-child {
  color: red !important;
}

.event_modal table td.wl-color {
  color: var(--text-white) !important;
}

.event_modal .table>:not(:first-child) {
  border-top: 0 solid currentColor;
}

/* event modal css end */


/* search modal mobile css start */


.search_modal .search-form {
  background: #fff;
  border-radius: 4px;
  padding: 4px;
  margin: 20px 10px;
  margin-bottom: 10px;
}

.search_modal .modal-content {
  background: #212121;
}

.search_modal .search-bar input {
  background: #fff;
  border: none;
  width: 100%;
  font-size: 13px;
}

.search_modal .search-bar input:focus {
  box-shadow: none !important;
  border: none !important;
}

.search_modal .search-bar input:focus-visible {
  outline: none;
}

.search_modal .search-bar h2 {
  margin: 0;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 400;
  border-bottom: 1px solid #444;
  padding-bottom: 15px;
}

.search_modal .search-bar .close {
  text-transform: uppercase;
  color: var(--primary-color);
  font-size: 15px;
  font-weight: 300;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}

.search_modal .search-bar .dropdown {
  top: 115px !important;
  background: #444 !important;
  border-radius: 10px !important;
  padding: 5px !important;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.search_modal .search-bar .dropdown-item {
  border: none !important;
  color: #fff !important;
  font-size: 13px;
  padding: 7px 15px !important;
  border-bottom: 1px solid #555 !important;
  line-height: normal;
  display: block;
}

.search_modal .search-form button {
  color: var(--primary-color);
  background: none;
  border: none;
  font-size: 20px;
}

.search_modal .search_list_mobile {
  position: absolute;
  display: block;
  visibility: visible;
  will-change: transform;
  top: 115px !important;
  background: #444 !important;
  border-radius: 10px !important;
  padding: 5px !important;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
  border-left: 0.5px groove var(--primary-color);
  width: 100%;
  left: 0;
}
.search_modal .search-bar .dropdown-item:hover{
  background-color: transparent;
}
/* search modal mobile css end */

.menuToggle_mobile{
  font-size: 18px;
    padding: 0 5px;
    cursor: pointer;
    color: var(--text-white);
}
.menuToggle_mobile:hover{
  color: var(--text-white);
}

.left_sidebar.active {
  left: 0;
}
.overlay.active {
  display: block;
}

/* mobile bottom nav bar css start */
.mobile_bottom_navbar {
  z-index: 99;
  padding: 5px 0;
  background: linear-gradient(0deg, #111 50%, #323232);
  border-bottom: 1px solid #333;
  border-top: 1px solid #4c4c4c;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile_bottom_navbar a {
  width: 33%;
  text-align: center;
  line-height: normal;
  display: block
}

.mobile_bottom_navbar a img {
  margin: 0 auto;
  height: 25px;
  display: block;
  width: 40px;
  object-fit: contain;
}

.mobile_bottom_navbar a span {
  color: #fff9;
  font-size: .6rem !important;
  text-transform: uppercase;
}
.mobile_bottom_navbar a:nth-child(2){
  border-left: 1px solid gray;
        border-right: 1px solid gray;
}
/* mobile bottom nav bar css end */


/* bonus list page css start */
.tabs_wrapper ul{
    width: 100%;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    border: 1px solid var(--primary-color);
}
.tabs_wrapper ul li a {
  padding: 10px 25px;
  text-transform: uppercase;
  color: var(--text-white);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
.tabs_wrapper ul li {
  position: relative;
  display: inline-block;
}
.tabs_wrapper ul li a {
  padding: 10px 25px;
  text-transform: uppercase;
  color: var(--text-white);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
.tabs_wrapper ul li a:hover{
  color: var(--text-white);
}
.tabs_wrapper ul li a img {
  display: block;
  width: 32px;
  margin: 0 auto;
  filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(290deg) brightness(104%) contrast(101%);
}
.tabs_wrapper ul li:after {
  content: '';
  background: var(--primary-color);
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.tabs_wrapper ul li:last-child:after{
  display: none;
}
.tabs_wrapper ul li a.active{
  background: var(--bg-btn) !important;
  border-radius: 0;
}
/* bonus list page css end */

/* Reffer And Earn page css start */
.referral_wrapper{
  background: var(--primary-color);
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.referral_wrapper   h2 {
  color: var(--text-white);
  text-align: center;
  margin: 0;
  font-weight: 700;
}
.referral_wrapper .referral_socialicon{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.referral_wrapper .referral_socialicon a {
  margin: 0 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid var(--bg-white);
  font-size: 20px;
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.referral_wrapper .referral_socialicon a  svg{
  height: 20px;
  width: 20px;
}
.referral_wrapper p{
    color: var(--text-white);
    text-align: center;
    line-height: normal;
    font-size: 13px;
    margin: 0;
}
.referral_code_block{
  background: var(--secondary-color2);
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    text-align: center;
    color: var(--text-white);
    margin: 0 auto 15px;
}
.referral_code_block p{
  margin: 0;
    font-size: 16px;
}
.referral_code_block  h5{
  margin: 0;
}
.code_copy_btn{
  margin: 0 auto 15px;
    display: block;
    border: none;
    background: var(--primary-color);
    text-transform: uppercase;
    border-radius: 50px;
    color: var(--text-white);
    font-size: 13px;
    padding: 8px 25px;
    max-width: 115px;
}
.code_copy_btn:hover{
  color: var(--text-white);
}
.code_copy_btn i{
  background: var(--bg-white);
    color: var(--text-dark);
    border-radius: 10px;
    padding: 2px;
    margin-left: 10px;
}
/* Reffer And Earn page css end */


/* profit loss page css start */
/* profit loss page css start */
.event___name b.profit {
  color: green;
}
.fillter_form{
  padding: 15px;
  background: #222;
  margin: 2px 1px 4px 1px;
}
.fillter_form .input__row {
  position: relative;
}

.fillter_form input,
.fillter_form select{
  background: none;
  border-radius: 50px;
  border: 1px solid hsl(0deg 0% 100% / 39%);
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  height: 40px;
  color: var(--text-white);
}
.fillter_form input:focus,
.fillter_form select:focus{
  box-shadow: none;
  background: none;
  color: var(--text-white);
}
.fillter_form label{
  border-radius: 3px;
  position: absolute;
  top: -8px;
  left: 30px;
  text-transform: capitalize;
  font-size: 10px;
  color: var(--text-white);
  background: no-repeat;
  padding: 0 5px;
  background: #3d3d3d;
  line-height: normal;
  height: 15px;
}
.fillter_form .serach__button{
  background-image: var(--bg-btn);
  color: var(--text-white);
  height: 40px;
  border: none;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  width: 100%;
  border-radius: 5px;
  font-weight: 700;
  letter-spacing: 3px;
}
.fillter_form  input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.table_wrapper table {
  background: var(--secondary-color);
  line-height: normal;
}
.table_wrapper thead {
  background: var(--bg-btn);
}
.table_wrapper table th {
  font-size: 13px;
  text-transform: uppercase;
  color: var(--text-white);
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #222;
}
.table_wrapper table td {
  font-size: 12px;
  color: var(--text-white);
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #222;
  padding: 5px;
}
.container.mobile_padding{
  padding: 0;
}
/* profit loss page css end */

/* open bets page css satrt */
.radio_filter{
  display: flex;
}
/* open bets page css end */

/* bonus rules modal css start */
.rules_modal.bonus_rules_modal .modal-header {
  background: var(--primary-color);
  border-bottom: 1px solid #ebeef4;
}
.rules_modal.bonus_rules_modal .modal-title{
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.rules_modal.bonus_rules_modal .modal-header .btn-close {
  filter: none;
  opacity: 1;
  height: 40px;
  width: 40px;
  padding: 0;
}
.bonus_reles_content p{
  color: var(--text-white);
}
/* bonus rules modal css end */

/* reset password modal css start */
.rules_modal.resetpassword_modal .modal-content{
  background-color: transparent;
} 

.rules_modal.resetpassword_modal .btn-close{position: absolute;
  border: none;
  color: #fff;
  right: 20px;
  top: 20px;
  filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(868%) hue-rotate(229deg) brightness(113%) contrast(100%);
  background-size: 12px;
  opacity: 1;
}

.resetpassword_form_block {
  border: thin solid hsla(0,0%,100%,.12);
  background-color: #1e1e1e;
  color: #fff;
  padding: 25px 15px;
  margin-top: 15px;
  border-radius: 5px;
}
.resetpassword_form_block .input-group{
position: relative;
margin-bottom: 10px;
}
.resetpassword_form_block .input-group input{
background: none;
border: none;
color: #fff;
border-bottom: 1px solid #fff;
border-radius: 0;
}
.resetpassword_form_block .input-group input:focus{
box-shadow: none;
}
.resetpassword_form_block .input-group input::placeholder{
color: hsla(0,0%,100%,.7);
font-weight: 300;
font-size: 13px;
}
.resetpassword_form_block .input-group-text{
background: none;
border: none;
color: #fff;
font-size: 25px;
}
.resetpassword_form_block .error{
position: absolute;
color: #ff3838;
font-size: 11px;
bottom: -17px;
font-weight: 100;
left: 12%;
}
.resetpassword_form_block .btn-cp{
width: 100%;
height: 36px;
text-transform: uppercase;
font-size: 13px;
color: var(--text-dark);
letter-spacing: 1px;
border: none;
background-image: var(--bg-btn);
border-radius: 1rem;
font-weight: 3pp;
margin-top: 15px;
font-weight: 300;
}
.resetpassword_form_block .eye-on-off{
position: absolute;
right:0;
top: 10px;
color: #fff;
}
/* reset password modal css end */

/* SET BUTTON VALUE MPAGE CSS START */




.set_button_value_wrapper .button-title {
  color: var(--text-white);
}

.set_button_value_wrapper .button-title span {
  font-size: 20px;
  font-weight: 300;
}

.set_button_value_wrapper .form-control {
  background:var(--primary-light);
  border-radius: 3px !important;
  border: 1px solid #333;
  margin-bottom: 10px;
  color: #999;
  font-size: 14px;
  font-weight: 300;
}

.set_button_value_wrapper .Update_btn {
  width: auto;
  text-align: center;
  display: inline-flex;
  font-weight: 500;
  color: #fff;
  border: var(--green-bg) 1px solid;
  height: 36px;
  border-radius: 100px;
  align-items: center;
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: 1px;
  background: var(--green-bg);
}

/* SET BUTTON VALUE MPAGE CSS END */

/* favorite page css start */
.match_details_wrapper .detail-page .match-name i{
  font-size: 1.1rem;
}



/* all sports rules modal css start */

.rules_modal.bonus_rules_modal.all_sports_modal .modal-body{
  padding: 0 5px;
    background: #222;
    border: 1px solid #333;
    padding-bottom: 5px;
    
}

.rules_accordian_block .accordion-item{
  padding: 0;
  background: none;
  margin-bottom: 5px;
  border-radius: 5px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}
.rules_accordian_block .accordion-button{
  background: #333;
  padding: 6px 12px;
  border: none;
  height: 40px;
  color: var(--text-white);
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    font-size: 16px;
}
.rules_accordian_block .accordion-button:not(.collapsed) {
  color: var(--text-white);
  background: #333;
  box-shadow:none;
}
.rules_accordian_block .accordion-button:focus{
  box-shadow: none;
}
.rules_accordian_block  .accordion-button::after{
  filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(868%) hue-rotate(229deg) brightness(113%) contrast(100%);
}
.rules_accordian_block  .accordion-body{
  padding: 0 5px;
    background: #222;
    border: 1px solid #333;
    padding-bottom: 5px;
}
.rules_accordian_block  .accordion-body table{
  margin-top: 5px;
  margin-bottom: 0;
}
.rules_accordian_block  .accordion-body table td,
.rules_accordian_block  .accordion-body table tr{
  border-color: #555;
  font-size: 14px;
}
.rules_accordian_block  .accordion-body table td {
  color: var(--text-white);
}
/* all sports rules modal css end */

/* mobile scroll stop css */
.sidebar_scroll app-main-layout {
  height: 95vh;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.sidebarLeft app-main-layout {
  height: 95vh;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
/* mobile scroll stop  css*/

/* loader css */
.Edit_stacks.main_loader_wrapper {
  top: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999999999999;
  opacity: 0.6;
  background: #000;
}
.Edit_stacks.main_loader_wrapper .edit-stakes-content{
  background-color: transparent;
}
.spinner-border.custom_loader{
    width: 35px;
    height: 35px;
    border: 3px solid #f36c21;
    border-right-color: transparent;
}
.spinner-border {
  width: 80px;
  height: 80px;
  margin: auto;
  margin-top: 5px;
}
.loader_modal_block .edit-stakes-content{
  background-color: transparent;

}
.loader_modal_block .spinner-border{
  border: .25em solid #f26c20;
  border-right-color: transparent;
}
.loader_modal_block .edit_stack_modal p{
  color: var(--text-white);
}
.Edit_stacks.loader_modal_block {
  height: -webkit-fill-available;
  max-height: 347px;
  min-height: 347px;
}
.edit-stakes-content.edit_stack_modal {
  padding: 20px 40px;
  color: var(--text-black);
}
.loading_modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0;
}
.Edit_stacks.loader_modal_block .edit-stakes-content{
  margin: 0;
}
/* loader css */



/* HORSE RACHING CSS START */
.horse_raching_block .event_highlight {position:relative; border-bottom:none; border-top:none}
.event_highlight:after {content:""; animation:bottom 5s linear infinite; background:#0a0; height:3px; display:inherit; position:absolute; left:0; bottom:0; right:0}

@keyframes bottom {
0% {transform:scaleX(0); transform-origin:bottom left}
50% {transform:scaleX(1); transform-origin:bottom left}
to {transform:scaleX(0); transform-origin:bottom right}
}

.horse_raching_block h2.no-event {margin-top:18px; font-size:24px; color:var(--text-white); text-align:center}
.horse_raching_block .horse-time-detail {display:flex; flex-wrap:wrap; width:60%}
.horse_raching_block .horse-time-detail span {font-size:11px; background:var(--primary-color); color:var(--text-white); padding:3px 5px; margin-right:5px; margin-bottom:5px; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px}
.horse_raching_block .horse-table .horse-table-row {padding:5px}
.horse_raching_block .bet-table-body .horse-table-row:last-child {border-bottom:none}
.horse_raching_block .horse-table-row {width:100%; padding:0; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; border:none; border-bottom:1px solid #ddd}
.horse_raching_block .bet-nation-name {width:40%; padding:0 5px; font-size:12px; display:flex; color: var(--text-dark-2);}

.horse_raching_block .Tabul-design ul li a {
  padding: 6px 10px;
  color: var(--text-white);
  text-transform: uppercase;
  font-size: 13px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border: 1px solid transparent;
}

.horse_raching_block .Tabul-design ul li a.active, .horse_raching_block .Tabul-design ul li a:hover {
  background: var(--bg-btn) !important;
  color: var(--text-white) !important;
  border: 1px solid var(--text-white);
}
.horse_raching_block .Tabul-design ul {
  margin-top: 5px;
}
/* HORSE RACHING CSS END */

.blinker {
  animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  50% {
    opacity: 0;
  }
}


/* 04-04-2025 css start */

.live_tv{
    border: none;
    color: var(--text-white);
    text-transform: capitalize;
    font-size: 11px;
    background: var(--green-bg);
    padding: 2px 12px;
    border-radius: 4px;
    letter-spacing: 1px;
    font-weight: 200;
    position: absolute;
    right: 12px;
    top: 12px;
    line-height: normal;
}
.scorecard_btn {
  right: 5px;
  top: 15px;
  border: none;
  position: absolute;
  right: 0;
  width: 80px;
  height: 18px;
  background: var(--green-bg);
  color: var(--text-white);
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 300;
  align-items: center;
}
.sport_navbar .navbar_content_inner ul li a.ipl_link{
  color: var(--primary-color);
}
.sport_navbar .navbar_content_inner ul li a.ipl_link .menu_icon img{
  filter: invert(1);
}
/* 
.betPlaceLoader .overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.betPlaceLoader {
  background: #2222223b !important;
  border-radius: 12px;
}
.overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
}
.spinner {
  width: 35px;
  height: 35px;
  display: inline-block;
  animation: spin 1s linear infinite;
  border-radius: 100%;
  border: 2px solid #fff;
  border-top: 2px solid var(--theme-bg);
} */
.bet_value_winloss {
  display: flex;
  gap: 10px;
  font-size: 12px;
}
.bet_value_winloss p{
  margin: 0;
}
/* 04-04-2025 css end */

/* 05-04-2025 css start */
.error_mgs {
  padding-left: 50px;
  line-height: normal;
  font-size: 12px;
}
.rules_modal.score_modal .modal-header{
  background-color: var(--secondary-color2);
  padding: 10px 12px;
}
.rules_modal.score_modal  .modal-title {
  font-size: 22px;
}

.rules_modal.score_modal .table{
  color: var(--light-text);
}
.desktop_none{
  display: none;
}


.match_details_wrapper .betslip__div .overlay2 {
  background: #2222223b;
  border-radius: 12px
}

.match_details_wrapper .betslip__div .overlay2,
.match_details_wrapper .betslip__div .overlay__inner{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

.match_details_wrapper .betslip__div .overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.match_details_wrapper .betslip__div .spinner {
  width: 35px;
  height: 35px;
  display: inline-block;
  animation: spin 1s linear infinite;
  border-radius: 100%;
  border: 2px solid #fff;
  border-top: 2px solid var(--primary-color)
}

@keyframes spin {
  to {
      transform: rotate(1turn)
  }
}
/* 05-04-2025 css end */

a.whatsapp_link_main img{
  width: 75px;
  animation: simple-scale 1s linear 1s infinite alternate;
}
a.whatsapp_link_main {
  position: fixed;
  right: 4%;
  z-index: 999;
  bottom: 3%;
}


.Accounts_pages .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background: var(--primary-color);  
  color: var(--text-white);
  cursor: pointer;
}
.Accounts_pages .nav-pills .nav-link {
  cursor: pointer;
  color: var(--text-white);
  margin-right: 5px;
}
.Accounts_pages .nav-pills .nav-link:hover {
  background: var(--primary-color);  
}
.Accounts_pages .input_block .form-label{
  font-size: 13px;
}
.Accounts_pages .input_block input::placeholder {
  font-size: 13px
}
.view_img_btn{
  background: var(--primary-color);  
  color: var(--text-white);
    padding: 0px 10px;
    font-size: 14px;
}
.pagination .page-item.active .page-link {
  background: var(--primary-color);  
  color: var(--text-white);
  border-color: var(--primary-color);
}
.pagination .page-link:focus {
  color: var(--primary-color);
  background-color: var(--text-white);
}
.pagination .page-link:hover {
  color: var(--primary-color);
  background-color: var(--text-white);
}

.pagination .page-link {
  color:var(--primary-color);
  background-color:var(--text-white);
}
.pnl_mobile_wrapper .title{
  padding: 8px 13px;
    font-size: 12px;
    background: var(--text-black);
    color:var(--text-white);
    line-height: normal;
}
.lay_text_color{
  color: #ff6699;
  
}
.back_text_color{
  color: #2587d0;
}
.lay_back_block{
  width: 95%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.truncate{
  width: 100%;
    font-size: 12px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: underline;
}
.dateGroupBy {
  border-top: 0;
  margin: 8px 0;
  display: inline-block;
  font-size: 14px;
}
.ac_satatment_date .table>:not(:first-child){
  border: 0 !important;
}
.table_value_top_block {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.left_value {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.left_value a{
  position: relative;
  border-right: 1px solid #ccc;
  line-height: 17px;
  height: 16px;
  padding: 0;
  padding-right: 8px;
  margin-right: 8px;
  color: var(--text-black);
}
/* .left_value a:first-child{ 
  padding-left: 0;
  border: 0;
} */
.left_value a.inactive{
  text-decoration: underline;
}
.negative_value{
  color: #d01901;
    font-weight: bold;
}
.positive_value{
  color: #2aa033;
  font-weight: bold;
}
.breadcrumb_block {
  margin-bottom: 10px;
  display: flex;
  font-size: 12px;
  align-items: center;
}

.pnl-list .date-section {
  margin-bottom: 8px
}

.pnl-list .date {
  padding: 8px;
  background-color: #0f2327;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  height: 30px
}

.pnl-list .date .total {
  float: right
}

.pnl-list .wrapper {
  padding: 20px;
  display: flex;
  margin: 2px 0 0;
  background: #fff;
  color: #000;
  font-size: 10px;
  border: 1px solid #fff;
  line-height: 16px
}

.pnl-list .wrapper .info {
  float: left;
  width: 70%
}

.pnl-list .wrapper .pnl-titles {
  text-align: right;
  width: 15%;
  min-width: 55px
}

.pnl-list .wrapper .pnl-numbers {
  text-align: right;
  width: 15%;
  padding-left: 5px
}

.pnl-list .wrapper .truncate a {
  color: #2587d0
}

.pnl-list .wrapper .info .market-info {
  margin-bottom: 2px
}

.-negative {
  color: #e84c4d
}

.-positive {
  color: #00a950
}


.breadcrumb_block1 a {
  color: var(--bg-white);
  font-weight: bold;
}
.breadcrumb_block1 {
  background: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  border-top: 1px solid var(--primary-color);
}

.match_title {
  color: var(--bg-white);
}
.dateGroupBy{
  color: var(--primary-color);
}

		
.new_account_statement_mobile .Account_page_section {
  padding: 0px;
  padding-top: 0px;
}

.new_account_statement_mobile .wrapper {
padding: 10px;
background: #fff;
color: #000;
font-size: 12px;
line-height: 20px;
width: 100%!important;
}

.new_account_statement_mobile .date_time {
font-size: 14px;
color: #5a5b5c;
}
.new_account_statement_mobile .wrapper   .title {
color: #000!important;
font-size: 12px!important;
line-height: 20px!important;
margin-bottom: 7px;
}
.new_account_statement_mobile .wrapper   .description_list {
line-height: 16px;
}

.new_account_statement_mobile .wrapper   .value_amount {
display: block;
flex-wrap: wrap;
word-wrap: break-word;
line-height: 16px;
font-size: 12px;
}
.new_account_statement_mobile .-negative {
color: #e84c4d;
}
.new_account_statement_mobile .wrapper   .value_amount {
display: block;
flex-wrap: wrap;
word-wrap: break-word;
line-height: 16px;
font-size: 12px;
}
.new_account_statement_mobile .positive {
color: #0fd10f;
}


.pnl-list .date-section {
  margin-bottom: 8px
}

.pnl-list .date {
  padding: 8px;
  background-color: #0f2327;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  height: 30px
}

.pnl-list .date .total {
  float: right
}

.pnl-list .wrapper {
  padding: 20px;
  display: flex;
  margin: 2px 0 0;
  background: #fff;
  color: #000;
  font-size: 10px;
  border: 1px solid #fff;
  line-height: 16px
}

.pnl-list .wrapper .info {
  float: left;
  width: 70%
}

.pnl-list .wrapper .pnl-titles {
  text-align: right;
  width: 15%;
  min-width: 55px
}

.pnl-list .wrapper .pnl-numbers {
  text-align: right;
  width: 15%;
  padding-left: 5px
}

.pnl-list .wrapper .truncate a {
  color: #2587d0
}

.pnl-list .wrapper .info .market-info {
  margin-bottom: 2px
}

.-negative {
  color: #e84c4d
}

.-positive {
  color: #00a950
}

.order {
  padding: 15px 11px 20px;
  background: #fff;
  color: #000;
  margin: 2px 0 0
}

.order div.wrapper-full-screen {
  font-size: 10px
}

.order div.wrapper-full-screen .bet-props {
  margin: 0;
  text-transform: uppercase;
  line-height: 20px
}

.row .col.-width-30 {
  width: 30%;
  padding: 0
}

.order .wrapper {
  padding: 0
}


.summary {
  padding: 15px;
  font-size: 12px;
  background: #eeeeee;
  margin-top: 8px;
  line-height: 14px
}

.summary .row.net-market {
  padding: 8px 0;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  color: #000
}

.row .col.-width-70 {
  width: 70%
}

.summary .col {
  padding: 1px
}

.summary .col.label {
  text-align: left
}

.summary .subtotal {
  padding-bottom: 12px
}

.summary .row {
  color: #000
}

.summary .col.number {
  text-align: right
}


/* 09-04-2025 css start */
.casino_heading .casino-new-title {
  display: flex;
  align-items: center;
  color: var(--text-white);
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 9px;
  background: var(--primary-color);
  padding: 2px 5px;
  line-height: normal;
}
.casino_heading .casino-new-title img {
  width: 28px;
}
.casino_heading .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  justify-content: end;
}

.casino_heading .casino-searchbar input, .casino_heading .casino-searchbar select {
  background: #333;
  border: none;
  color: var(--text-white);
  font-size: 13px;
  font-weight: 400;
  height: 36px;
}
.casino_heading  .casino-searchbar .input-group-text {
  background: #444;
  border: none;
  color: var(--text-white);
}
.casino_heading  .casino-searchbar .input-group-text svg{
  height: 14px;
  width: 14px;
  fill: var(--text-white);
}
.casino_heading .casino-searchbar {
  flex: 1;
}
/* 09-04-2025 css end */
.exitScreen {
  border: none !important;
  position: fixed !important;
  top: 8px !important;
  color: #242424 !important;
  border-radius: 50% !important; 
  background-color: #fff !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: monospace;
  font-size: 18px !important;
  right: 8px !important;
  z-index: 99999999999999 !important;
  opacity: 1 !important;
  font-weight: 600 !important;
  line-height: 16px !important;
}
.full_height_show{
  height: 100vh;
}


.soon_block {
  max-width: 700px;
  margin: 30px auto;
}
.soon_block img{
  text-align: center;
}

.soon_block img{
  width: 100%;
  filter: sepia(100%) hue-rotate(-10deg) saturate(600%) brightness(90%);
}

/* 11-04-2025 css start */
.error_textmgs {
  display: block;
  position: absolute;
  bottom: -18px;
  left: 35px;
}
.login_modal_wrapper input.ng-valid ~ .floating-label, .login_modal_wrapper input.ng-valid:-webkit-autofill ~ .floating-label, .login_modal_wrapper input:focus ~ .floating-label, .login_modal_wrapper input:-webkit-autofill ~ .floating-label {
  top: -20px;
  left: 25px;
  font-size: 11px;
  opacity: 1;
  background: none;
  border-radius: 5px;
  padding: 2px 10px;
  color: rgba(255,255,255,.7);
}

.remove_header_sports .right_wrapper {
  margin-top: 75px;
}
.remove_header_sports .left_sidebar {
  top: 82px;
}
.remove_header_sports.site_message_remove .right_wrapper {
  margin-top: 50px;
}
.remove_header_sports.site_message_remove  .left_sidebar {
  top: 50px;
}
/* 11-04-2025 css end */

/* 14-04-2025 css start */

.search_list_desktop{
  padding-top: 0px !important;
    padding-bottom: 0px !important;
    background: #333 !important;
    left: 24px !important;
    top: 38px !important;
    width: auto !important;
    position: absolute;
    display: block;
    visibility: visible;
    will-change: transform;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
    border-left: 0.5px groove var(--primary-color);
    max-height: 200px;
}
.search_list_desktop .list_item {
  color: var(--text-white) !important;
  left: 0;
  font-size: 13px;  
  font-weight: 300;
  padding: 10px !important;
  border-bottom: 1px solid #404040 !important;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
}
/* 14-04-2025 css end */

/* 15-04-2025 css start */
.scrolled .betslip_fixed{
  position: fixed;
  top: 107px;
  right: 0;
  width: calc(29% - 17px);
  overflow-y: auto;
}
/* 15-04-2025 css end */


/* 17-04-2025 css start*/

body.modal-open {
  position: fixed;
  width: 100% !important;
}
/* 17-04-2025 css start*/

/* 28-04-2025 css start */
.Upload_img_block{
  max-width: 300px;
  margin: 20px auto;
}
.Upload_img_block img{
  width: 100%;
}
.left_details_tbl table{
  width: 100%;
}
.left_details_tbl    svg {
  margin-left: 10px;
  height: 16px;
  width: 16px;
  cursor: pointer; 
}
.qr_code_block{
  max-width: 300px;
  margin: 10px auto;
}
.qr_code_block img{
  width: 100%;
}
.modal-footer{
  border-top: 0px;
  padding: 0px;
}
/* 28-04-2025 css end */

/* 29-04-2025 css start */
.iframe_wrapper {
  margin-top: 81px;
  margin-left: 0 !important;
}
/* .market-extra-title{
  font-size: 11px;
  color: #f36c21;
} */
.market-extra-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  color: rgba(0,0,0,.87);
  padding: 0;
  margin: 0;
  white-space: nowrap;
  color: #fff;
  text-transform: uppercase;
}
/* 29-04-2025 css end */