@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body{background-color:#1A192A;  font-family: "Plus Jakarta Sans", sans-serif;color: #fff;}


:root{

  --base-yello-color: #FFDC26;


}

ul{margin: 0;padding: 0;}
li{list-style: none;}
table{color: #fff;}
:focus-visible{outline: none;}
.form-control:focus{box-shadow:none;outline: none;color: #fff;}
.text-red, .red-text, .red, .txt-red{color: #FF2559!important;}
.text-green, .green-text, .green, .txt-green{color: #46C20C!important;}
.badge_info{background-color: rgba(47, 163, 213, 0.2);color:#2FA3D5 ;}
.badge_danger {background: rgba(255, 37, 89, 0.2);color: #FF2559;}
.badge_warning {background: rgba(255, 191, 66, 0.2);color: #FFBF42;}
.badge_success {background: rgba(70, 194, 12, 0.2);color: #46C20C;}


.badge_button{  padding: 5px 15px;
  border-radius: 40px;
  margin-bottom: 5px;
  display: flex;}

.divider {
  height: 2px!important;
  background-image: linear-gradient(to right, #fff0 0%, #fff3 51.04%, #fff0 100%), linear-gradient(to right, #0000 0%, #0009 51.04%, #0000 100%) !important;
  background-size: 100% 1px, 100% 1px;
  background-position: top, bottom;
  background-repeat: no-repeat;
  border: 0;
  margin: 0;
  opacity: 1!important;
  background-color: inherit!important;
}
.custom-hr{position: relative;    background: no-repeat;}
.custom-hr:before{
      width: 100%;
  height: 2px;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background-image: linear-gradient(to right, #0000 0%,#0009 51.04%,#0000 100%), linear-gradient(to right, #fff0 0%,#fff3 51.04%,#fff0 100%);
  background-size: 100% 1px, 100% 1px;
  background-position: top, bottom;
  background-repeat: no-repeat;}

.main_heading{
  font-size: 24px;
    letter-spacing: -.20px;
    font-weight: 800;
    text-transform: uppercase;
    padding-bottom:10px;
}


/*Header-css*/


header{display: flex;align-items: center;position: fixed;width: 100%;top: 0;background-color:#1A192A; z-index:99;}

.menu_toggle{
  width: 87px;
  height: 63px;
  position: relative;
  margin-right: 23px;
  background: transparent;
  border: none;
}

.menu_toggle svg{  
  color: #fff;
  z-index: 1;
  position: absolute;
  top: 14px;
  left: 20px;
  width: 26px;
  fill: #fff;
}

.menu_toggle:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/header-button-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  width: 87px;
  height: 66px;
}

.header--content{display: flex;align-items: center;}

.logo {
  height:45px;
  position: relative;
}

.logo img {
  max-width: 100%;
  max-height: 100%;
}
.layyer_one_logo {position: absolute;top:0;width: 43px;}
.layyer_one_logo img{animation-name: spin;animation-duration: 5000ms;animation-iteration-count: infinite;animation-timing-function: linear;width: 100%; }
.layyer_two_logo{    position: absolute;
  top: 9px;
  width: 20px;
  left: 12px;}
.layyer_one_logo img{width: 100%; }

.header--nav {
  padding-inline-start: 40px;
  display: flex;
  align-items: center;
  gap: 25px;
}

.btn_mob_logout{background-color:#292738;border: solid 1px #363447;border-radius: 100%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.btn_mob_logout svg{width: 25px;fill:#ACAAEB;}
.header--nav a{
  color: #fff;
  text-decoration: none;
  font-style: italic;
  letter-spacing: .03em;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  /* margin-right: 20px; */
  display: flex;
  gap: 5px;
  align-items: center;
}

.header--nav a:hover{color:#FFDC26}

@media screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

@media screen and (max-width: 991px) {
  .dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}


.header--actions{
  display: flex;
  align-items: center;
  text-align: right;
  margin-left: auto;
  position: absolute;
  right: 20px;
  top: 15px;
}

.header--actions li{list-style: none;}

.header--actions .dropdown-toggle { 
  font-size: 14px;
  /* line-height: 123%; */
  font-weight: 800;
  min-height: 45px;
  border-radius: 4px;
  border: 1px solid #413f54;
  align-items: center;
  background-color: #1a192a;
  /* text-align: left; */
  padding: 4px 16px;
  letter-spacing: .02em;
  color: var(--base-yello-color);
  position: relative;
  text-align: center;
}


.user_names{    /* position: absolute; */
  bottom: 0;
  font-size: 10px;
  color: #fff;
  display: block;
  min-width: 100px;
  text-align: center;
}

.header--actions  .dropdown-toggle::after{border-top-color: #828a9a;display: none;}
.belance_box{
  min-width:100%;
  border-radius: 4px;
  background:#1a192a;
  padding: 5px 8px;
  z-index: 5;
  border: 1px solid #54a0ff;
  margin-bottom: 1rem;
}

.belance_box li{  
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:10px;
  font-size: 14px;
  color: #fff;
}

.header--right-title{    line-height: 140%;
  font-weight: 400;}

  .header--right-info {
    line-height: 120%;
    font-weight: 800;
    letter-spacing: .03em;
    display: flex;
    margin-left: 10px;
    white-space: nowrap;
    position: relative;
}


.custom-button--small{
  background-position: 0, 24px, 100%;
  background-size: 26px 100%, calc(100% - 48px) 100%, 26px 100%;
  width: 100%;
  min-height: 36px;
  min-width: 88px;
  --stb-custom-button__padding-top: 5px;
  --stb-custom-button__padding-right: 30px;
  --stb-custom-button__padding-bottom: 5px;
  --stb-custom-button__padding-left: 30px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  justify-content: center!important;

}

.custom-button--small a{
  font-weight: 800;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  display: block;
  text-align: center;
}


.deposit_btn_dropdown{
    background-image: 
    url(../images/primary-blue-left-btn.webp), 
    url(../images/primary-blue-center-btn.webp), 
    url(../images/primary-blue-right-btn.webp);
    margin-bottom: 10px;
    margin-top: 10px;
}

.withdrawal_btn_dropdown{
    background-image: 
    url(../images/secondary-gray-left-btn.webp), 
    url(../images/secondary-gray-center-btn.webp), 
    url(../images/secondary-gray-right-btn.webp);
    margin-bottom: 10px;
}

.username_btn_dropdown{
  background-image: 
  url(../images/secondary-gray-left-btn.webp), 
  url(../images/secondary-gray-center-btn.webp), 
  url(../images/secondary-gray-right-btn.webp);
  background-color: transparent;
  border: none;
  min-height: 44px;
  min-width: 116px;
  padding-top: 5px;
  padding-right: 36px;
  padding-bottom: 5px;
  padding-left: 36px;
}

.custom-button__title{ 
   color: #fff;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: -.20px;
  cursor: pointer;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.header--right{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  gap: 15px;
  z-index: 5;
}

.user_name{display: none;}
.close_toggle{display: none;}
.mob_belance{font-size: 13px;font-weight: 400;}
/*Header-css*/



/*sportswrapper-css*/
.marquee_flex{font-size: 14px;border-bottom: solid 1px #292738;border-top: solid 1px #292738;padding: 5px 20px;display: flex;align-items: center;gap: 15px;margin-bottom: 5px;}
.lottie_mic svg{width: 20px!important;}
.body_wrapper{padding-top: 80px;}
.container_wrapper{display: flex;flex-wrap: nowrap;padding: 0 20px;min-height: 100vh;}
.sidebar_menu, .rightbar_betslip{min-height: 100vh;position: relative;width: 300px;}
.rightbar_betslip{margin-left:16px ;}
.wrapper_sports{flex-grow: 1;max-width: 100%;flex-direction: column;width: 60%;}
.coman_wrapper{width: 100%;}
.sidebar_menu{margin-right: 16px;}
/*menu-css*/
.sports_menu_list{display: grid;}
.sports_menu_item{padding: 8px;border-radius:5px;width: 100%;}
.sports_menu_item:hover{background-color:#292738;}
.sports_menu_item a{text-decoration: none;color: #fff;width: 100%;  display: flex;align-items: center;justify-content: space-between;font-weight: 700;font-size: 14px;}
.sports_menu_item:hover i{color:#fff;}
.sports_menu_item a img{width:20px;height:20px;margin-right:5px;}
.sports_menu_item a i {color:#828a9a;font-size:14px;}
/*menu-css*/


.sports_type_list{display: flex;align-items: center;gap: 5px;margin-bottom:10px;border: none;}
.nav-tabs .sports_type_item{
  background: #292738;
  border-radius: 5px;
  /* min-width: 100px; */
  text-align: center;
  display: grid;
  grid-row-gap: 12px;
  font-size: 14px;
  font-weight: 700;
  flex: 1;
  cursor: pointer;
  padding: 10px 5px;
  color: #fff;
  position: relative;
}

.nav-tabs .sports_type_item.active{  background: #292738;border-color: #454359;color:var(--base-yello-color);
}

.nav-tabs .sports_type_item:hover{
background-color:#2c2a3c;
border-color:#454359;

}

.sports_count{
  background-color: var(--base-yello-color);border-radius: 50%;font-size: 10px;width:18px;height: 18px;color:#1A192A;display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}

.sports_content_wrapper{
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  color:#1a192a;
  margin-bottom:1rem;
  font-size: 14px;
}

.sports_name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;letter-spacing: -.96px;font-weight: 800;text-transform: uppercase;}
.sports_name .lottie_icon{width:90px;display: block;}
.match_odds_box{margin-top:1rem;}
.match_odd_head{display: flex;align-items: center;font-size: 14px;font-family: "Montserrat", sans-serif;    padding: 5px 0; 
  font-weight: 700;}
.matchodds_heading, .odds_Sports_detail{flex-grow: 1;position: relative;}
.icon-arrow{
  position: absolute;
  top: 0;
  right: 9px;
}

.odds_Sports_detail a{text-decoration:none;color:#1a192a;}
.ball_running, .message-odds {
  position: absolute;
  background: rgba(41, 39, 56, 0.5);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 14px;
  font-weight:700;
  color: #fff;
}
.ball_running h6, .message-odds h6{font-size: 14px;font-weight:700;color:#fff;margin:0;}
.matchodds_heading img{width: 15px;}
.match_format_flex{display: flex;align-items: center;width:45%;justify-content: space-around;}
.item_match_flex{flex: 1;text-align: center;display: flex;align-items: center;justify-content: center;position: relative;}
.odds_flex_row{display: flex;align-items: center;padding:8px;text-decoration: none;color: #212529;;}
.odds_flex_row:hover{ color: #212529;;}
.odds_format_flex{display: flex;align-items: center;width:45%;justify-content: space-around;}
.odds_Sports_detail b{display: grid;font-size:14px;}
time{font-size: 11px;display: flex;align-items: center;gap: 3px;text-transform: capitalize;margin-bottom: 2px;font-family: "Montserrat", sans-serif;font-weight: 500;}
.odds_flex_row:nth-child(even){background: #f6f8fb;}
.odds_box_item{
  background: #e5e9ed;
    border-color: #e5e9ed;
    border-radius: 8px;
    color: #1a192a;
    min-width: 64px;
    width: 30%;
    font-size: 14px;
    margin: 0 2px;
    padding: 3px 10px;
    display: grid;
    font-weight: 800;
    cursor: pointer;
    min-height: 43px;
    align-items: center;
    position: relative;
    border: solid 1px transparent;
    overflow: hidden;
  
}

.layprice0 , .layprice1, .layprice2, .odds-Lay{border-color:#fda1fa;}
.backprice2, .backprice1, .backprice0, .odds-back{border-color:#8adfff;}

.odds_box_item:hover{background:#dde2e7;}


.odds_box_item.cls-update-odds:nth-child(1):before, .odds_box_item.cls-update-odds:nth-child(2):before, .odds_box_item.cls-update-odds:nth-child(3):before{

  content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #16BDF9 transparent transparent;

}
.odds_box_item.cls-update-odds:nth-child(4):before, .odds_box_item.cls-update-odds:nth-child(5):before, .odds_box_item.cls-update-odds:nth-child(6):before{
  content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #FF31F7 transparent transparent;
}

.status_live_match{background-color: #46C20C!important;}
  .match_status{
    background-color:#F44336;
    color: #fff;
    padding:1px 6px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-radius: 3px;
    margin-bottom: 3px;
  }
.live_state_icon {position: absolute;right: 20px;top: 20px;}
.Upcoming-state-icon svg path{fill:#828a9a;}

.mybet-details{background: #292738;min-height:350px;    padding: 10px;}
.mybet-details .table_wrapper{padding: 10px 0px;}
.empty_bets h5{text-transform: capitalize;font-family: "Montserrat", sans-serif;/* font-style: italic; *//* letter-spacing: .01px; */font-size:16px;font-weight: 600;text-align: center;color: #ACAAEB;}
.mybet-details .nav-tabs{border: solid 1px #4B495F;background-color: #1A192A;border-radius:10px;padding: 3px;align-items: center;justify-content: space-between;flex-wrap: inherit;}
.mybet-details .nav-tabs .nav-link{border: none;border-radius:10px;flex: 1;color: #fff;font-size: 14px;font-family: "Montserrat", sans-serif;font-weight: 600;margin-bottom:0px;text-align: center;}
.mybet-details .nav-tabs .nav-link.active{background-color: #4D4A98;}
.pegination_footer{padding: 1rem 0;}
.pagination{justify-content: center;}
.page-link{color: #fff;background-color: #1a192a;border: 1px solid #575568;}
.page-item.active .page-link{background-color: #3C3A4B;border-color:#575568;}
.page-item.disabled .page-link{background-color: #1a192a;border-color: #575568;}
.cashotpbtn{text-align: end;}
.cashotpbtn button {
  background: linear-gradient(rgb(40, 191, 255) -4.6%, rgb(103, 160, 247) 47.66%, rgb(32, 126, 233) 0px, rgb(44, 61, 220) 103.65%);
  border: 1px solid rgb(111, 169, 251);
  color: #fff;
  padding:10px 20px;
  border-radius:5px;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 600;
}
.cashotpbtn .redline{    background: #fff;
  padding: 0px 4px;
  border-radius: 2px;
}
/*sportswrapper-css*/

/*casino-css*/
.casino_head{background-color: #292738;border: solid 1px #363447;border-radius: 5px;padding:15px;display: flex;align-items: center;justify-content: space-between;}
.casino_head h6{color: #fff;font-style: italic;letter-spacing: .03em;font-size: 14px;font-weight: 700; text-transform: uppercase;font-family: "Montserrat", sans-serif;margin: 0;}
.casino_head h6 span{color: var(--base-yello-color);}
.more_btn{background-color: #1A192A;border: solid 1px #302F44;text-decoration: none;color: #fff;text-transform: capitalize;padding: 5px 18px;border-radius: 5px;font-size: 14px;}
.more_btn:hover{background-color: var(--base-yello-color);color: #1A192A;}
.casino_games_list{display: flex;align-items: center;gap: 10px;margin: 10px 0px;}
.caino_games_item{flex: 1;}
.caino_games_item img{width: 100%;}
/*casino-css*/


/*match_odds-css*/
.match_details_box{background-color: #292738;border-radius: 10px;overflow: hidden;margin-bottom: 10px;}
.match_details_head{background-color: #3C3A4B;display: flex;align-items: center;gap: 15px;padding: 12px;justify-content: space-between;letter-spacing: .03em;font-size: 14px;font-weight: 700;cursor: pointer;text-transform: uppercase;font-family: "Montserrat", sans-serif;}
.match_details_head time{color: #ACAAEB;}
.icon_tvs{display: none;}
.match_details_flex{display: flex;align-items: center;justify-content: space-between;padding: 15px;}
.match_details_flex .item{flex: 1;text-align:center;}
.match_details_flex .team_jercy h6{font-size:14px;font-weight:600;}
.match_details_flex .team_jercy img{width:50px;margin-bottom: 5px;}
.fancy_heading{display: flex;align-items: center;    gap: 8px;}
.fancy-book{position: absolute;right:30px;top:18px;cursor: pointer;}
.fancy-book img{filter: brightness(0.5);}
.fancy_odds_box .odds_box_item{width: 50%;}
.odds_match_heading{display: flex;align-items: center;padding:20px 10px;gap:5px;justify-content:space-between;}
.odds_match_heading i{color:#828a9a;font-size: 13px;}
.mini_odds{display: block;font-size: 11px;font-weight:500;color:#1A192A;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;width:100%;}
.odds_match_heading i.active{color: var(--base-yello-color);}
.fancy-name-list{display: flex;gap: 5px;align-items: center;width: 88%;}
.odds-rate{font-size: 13px;font-weight: 600;}
.casino_wrap_head{background-color:#292738;border-radius: 5px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;margin-top: 10px;border: solid 1px #363447;}
.casino_wrap_head span {text-transform:uppercase;font-style:italic;letter-spacing:.03em;font-weight:900;}
.casino_wrap_head b{color:var(--base-yello-color);}
.btn_viewall{background:#1A192A;border:solid 1px #302F44;padding:6px 15px;border-radius:5px;font-size:13px;text-decoration:none;color:#fff;    font-weight: 600;}
.btn_viewall:hover{background-color:var(--base-yello-color);color:#1A192A;}
.casino_slide_list{overflow: hidden;padding: 10px 0px;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content:center;justify-content: center;-webkit-box-align: center;-ms-flex-align:center;-webkit-align-items: center;align-items: center;}
.casino_slide_item{border:solid 1px #454359;overflow: hidden;border-radius:5px;}
.casino_slide_item img{width:100%;}
.Icon_root{margin:0 auto;max-width:40px;position:absolute;z-index:3;top:30%;left:0;right:0;opacity:0;}
.casino_slide_item:hover img{transform: scale(1.2);transition: .4s;opacity:0.3;}
.casino_slide_item:hover .Icon_root{opacity: 1;}
/*match_odds-css*/


/*deposit*/
.card_box_wrapper{background-color: #292738;border-radius: 10px;}
.head_card_box{display:flex;align-items: center;border-bottom: solid 1px #363447;padding:10px 15px;gap: 30px;position: relative;color: #fff;}
.back_button{background-color:#1A192A;border: solid 1px #363447;border-radius: 3px;color: #ACAAEB;padding: 5px 12px;}
.back_button:hover{background-color: #3C3A4B;}
.head_card_box span{font-style: italic;letter-spacing: .03em;font-size:15px;font-weight: 700;cursor: pointer;text-transform: uppercase;font-family: "Montserrat", sans-serif;}
.card_box_rectangle{padding:3rem 5rem;max-width: 650px;margin: 0 auto;position: relative;}
.card_heading{font-size: 16px;font-weight:600;margin-bottom:5px;}
.card_heading span{color: var(--base-yello-color);}
.heading_box{margin: 0px 15px;display: flex;justify-content: space-between;}
.close_btns{font-size: 14px;    text-decoration: none;}
.title_info{font-size:12px;color: #ACAAEB;font-weight: 500;line-height: 20px;display: block;}
.title_info a:hover{color: #fff;}
.title_info span{color: #fff;}
.card_group{margin: 10px 15px;position: relative;}
.half_card_group{display: flex;align-items: center;gap: 10px;}
.card_input{margin: 5px 0px;    flex: 1;}
.icon_input {
  position: absolute;
  bottom:10px;
  left: 10px;
}
.icon_input svg{width: 25px;}

.pass_icon {
  position: absolute;
  right: 14px;
  top: 34px;
  color: #ACAAEB;
}

.card_group input{border: solid 1px #4B495F;
  background-color: #3C3A4B;
  border-radius: 8px;
  font-size:14px;
  font-weight:700;
  padding: 14px 20px;
  width: 100%;color: #fff;}
  .card_group input:focus{ background-color: #3C3A4B;}
  .card_group input::placeholder{color: #828A9A;}
  .amount_label_list{position: relative;display: flex;align-items: center;justify-content: space-between;margin: 1rem 15px;font-size: 14px;
    font-weight: 600;}
    .change_pass_input  input{padding: 14px 40px 14px 40px;}
  .money {
    background: #4D4A98;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    position: absolute;
    left:1px;
    top:1px;
}
    .amount_label_btn{ border: none;
      background: #3C3A4B;
      color: #fff;
      border-radius: 60px;
      font-size:13px;
      font-weight: 500;
      padding: 5px 20px 5px 40px;position: relative;    text-decoration: none;}
.amount_label_btn:hover{background: #1a192a;text-decoration: none;color: #fff;}

      .amount_limits{display: flex;align-items: center;justify-content: space-between;margin: 20px 15px 10px;}
      .submit_button{ background-position:1px, 52px, 100%;
        background-size:52px 100%, calc(100% - 101px) 100%, 51px 100%;
        background-image: 
        url(../images/primary-blue-left-btn.webp), 
        url(../images/primary-blue-center-btn.webp), 
        url(../images/primary-blue-right-btn.webp);
        min-height:50px;
        border: none;
        padding: 0px 60px;
        background-repeat: no-repeat;
        background-color: transparent;
        margin: 0 auto;
        display: block;
        color: #fff;
        text-decoration: none;
        font-weight: 900;
        font-size: 15px;
        text-transform: uppercase;
        position: relative;
      }


      .deposit_details-box{margin: 15px 0px;}
      .deposit_info{line-height: 17px;}
      .deposit_item {display: flex;align-items: center;gap: 10px;border-bottom: solid 1px #363447;padding: 10px 15px;position: relative;}
      .deposit_info b{display: block;font-size: 13px;font-weight:600;}
      .deposit_info span{color:#ACAAEB;font-size: 12px;}
      .copy_link{position: absolute;right:15px;cursor: pointer;}
      .copy_link:hover svg rect, .copy_link:hover svg path{stroke:#fff ;}
  .wallet_info{display: flex;align-items: center;}
  .wallet_info .card_heading{line-height:25px;}
  .wallet_info #lottie-wallet{width:70px;}
  .payt_with{ 

    display: flex;
    justify-content: center;
    animation: showAnimation .6s ease-in-out forwards;
    gap: 10px;
    margin: 0px 15px;
    align-items: center;
  }
  .payment_selection label{     display: flex;
    border-radius: 10px;
    padding: 5px;
    height: 80px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .payment_selection {width: calc(100% / 2);}

.payment_selection label:has(input:checked){background-color: #e6f0f4;}

.payment_selection label:has(input:checked) .form__label-check {display: block;}

.payment_selection .form__label-check {
  color: #006ec8;
  fill: #ffffff;
  stroke-opacity: 1;
  stroke: #4B495F;
  background:#292738;
  border-radius: 100%;
  display: none;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 2px;
  left: 97%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}

  .payment_selection input{position: absolute;opacity: 0;}

  .payment_selection img{  
    margin: 0 auto;
    display: block;
    min-height: 50px;
    max-height: 50px;
    width: 100%;
  }


 .custom_toggles input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
  }
  
  .custom_toggles label {
    cursor: pointer;
    /* text-indent: -9999px; */
    width: 30px;
    height: 16px;
    background:#fff;
    display: block;
    border-radius: 100px;
    position: relative;
  }
  
  .custom_toggles label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background:#000;
    border-radius: 90px;
    transition: 0.3s;
  }
  
  .custom_toggles  input:checked + label {
    background: #bada55;
  }

  .custom_toggles  input:checked + label:after{
    background-color: #fff;

  }
  
  .custom_toggles input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
  }
  .payment-succ-msg{text-align: center;padding: 0px 15px;}
  .lottie_payment{width: 200px;margin: 0 auto;}
  .payment-succ-msg h2{    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;}
    .payment-succ-msg p{font-size: 14px;}
    #remainingTime{color: var(--base-yello-color);}
/*deposit*/


/*Profile-css*/
.thumb_profile{margin-bottom:15px;position: relative;z-index: 11;}
.profile_username{position: relative;z-index: 11;}
.profile_detail_box{position: relative;}
.profile_detail_box:before{    content: '';
  width: 100%;
  height:188px;
  left: 0;
  background-color: #1A192A;
  position: absolute;
  z-index: 1;
  top: -33px;
  border-top: none;
  border-bottom: none;
}
.profile_username h6{font-size: 18px;font-weight: bold;font-size: 18px;margin-bottom:0px;}
.profile_item{display: flex;align-items: center;justify-content: space-between;padding:5px 15px;font-size: 14px;font-weight:600;}
.profile_list{margin-top:30px;}
.profile_item b{color:#ACAAEB;}
.profile_heading{font-size:14px;margin-bottom:15px;color: #fff;}
.profile_heading p span{color: var(--base-yello-color);}
.otp_verifys{display: flex;align-items: center;justify-content: center;gap: 5px;margin:15px 15px 10px;
  position: relative;}
.otp_verifys button{flex: 1;    color: #fff;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: -.20px;
  cursor: pointer;
  text-transform: uppercase;
  display: flex;
  align-items: center;}
.btn_resend_otp{background-image: url(../images/secondary-gray-left-btn.webp), url(../images/secondary-gray-center-btn.webp), url(../images/secondary-gray-right-btn.webp);
  background-color: transparent;
  border: none;
  min-height: 44px;
  min-width: 116px;
  padding-top: 5px;
  padding-right: 36px;
  padding-bottom: 5px;
  padding-left: 36px;

}
  .btn_verify{
    background-image: url(../images/primary-blue-left-btn.webp), url(../images/primary-blue-center-btn.webp), url(../images/primary-blue-right-btn.webp);
    background-color: transparent;
  border: none;
  min-height: 44px;
  min-width: 116px;
  padding-top: 5px;
  padding-right: 36px;
  padding-bottom: 5px;
  padding-left: 36px;
  }
/*Profile-css*/

/*betslip*/
/*.betslip {position: fixed;transform: translate(-50%, -50%);left: 50%;top: 50%;width: 470px;z-index: 99999999;border: solid 1px #656A8A;overflow: hidden;}
.slipoverlay{position: relative;}
/*.slipoverlay::before{content: '';position: fixed;width:100%;left: 0;right: 0;z-index: 111111;height: 100%;background-color: rgba(25,25,42,0.92);}*/
.betslip {border: solid 1px #656A8A;overflow: hidden;width: 100%;position: relative;}
.bet_type_box .back_button{position: absolute;
  right: 5px;}
  .bet_type_box  .head_card_box{padding: 15px;}
.betslip .card_box_rectangle{padding: 1rem 1rem 2rem;max-width: 100%;}
.betslip .card_group .half_card_group .title_info{margin-bottom: 5px;font-size: 12px;text-transform: uppercase;}
.betslip .card_group input{background-color:#1A192A;border-color:#4B495F;}
.betslip .card_box_rectangle .amount_label_btn{border: solid 1px #464458;padding: 5px;border-radius: 8px;width: calc(97% / 3);}
.betslip .amount_label_list{flex-wrap: wrap;gap:3px;}
.betslip .card_group  input[type=number]::-webkit-inner-spin-button, 
.betslip .card_group input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.loader{display: block;position: absolute;z-index: 999;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(41, 39, 56, 0.92);text-align: center;}
.loader svg{width: 100px !important;text-align: center;margin: 40px auto;}
.betslip .head_card_box h3{letter-spacing: .03em;font-size: 14px;font-weight: 700;font-family: "Montserrat", sans-serif;margin-bottom: 0;}
.card_box_wrapper.back-cell{border: solid 1px #16BDF9;}
.card_box_wrapper.lay-cell{border: solid 1px #FF31F7;}
.clearAllsection {
  border-radius: 60px !important;
  width: 88px !important;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  padding: 5px 10px 5px 25px !important;
  text-transform: capitalize;
}

.clearAllsection .money{    left: 0px;
  top: 0px;}
/*betslip*/


/*custom-tables*/
.table_wrapper{border-bottom: solid 1px #363447;font-size:13px;padding: 10px 20px;}
.table_wrapper:last-child{border-bottom: none;}
.runner_td{display: flex;align-items: center;gap: 5px;}
.flex_tr{display: flex;align-items: center;justify-content: space-between;}
.item_td{display: flex;align-items: center;gap: 5px;font-weight: bold;font-size: 12px;}
.count_td{border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;font-size: 11px;      background-color: #1A192A;
  border: solid 1px #363447;}
.runner_td a{color: var(--base-yello-color);}
.mark-back .count_td, .mark-back .bet_tpes{background-color: #16BDF9;}
.mark-lay .count_td, .mark-lay .bet_tpes{background-color: #FF31F7;}
.bet_tpes{padding: 0 8px;border-radius: 3px;}
.bal_text{font-size: 15px;}
.deposit_info  .bal_text{font-size:20px;}
/*custom-tables*/

/*edit-stake*/
.stake_flex{    display: flex;
  align-items: center;
  background-color: #3C3A4B;
  border: solid 1px #4B495F;
  border-radius:15px;  margin-bottom: 8px;position: relative;}
  .stake_flex::before{content: '';position: absolute;height: 100%;width: 1px;left: 0;right: 0;margin: 0 auto;top: 0;background-color: #4B495F;}
.stake_col{flex: 1;text-align: center; padding: 10px;  }
.stake_col label{    color: #ACAAEB;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;}
.stake_col input{    background-color: #1a192a;
  border: none;
  color: #fff;
  text-align: center;
  border-radius: 50px;    width: 100%;}

  .mobile_btn{display: none;}
/*edit-stake*/



/*footer*/
footer{background: url(../images/footer_bg.svg)no-repeat;background-size: cover;display: none;position: fixed;bottom:-1px;left: 0;width: 100%;height: 72px;z-index: 99;}
footer span{display: flex;align-items: center;flex: 1;text-align: center;position: relative;}
.footer-link{text-decoration: none;color: #fff;font-size: 10px;text-transform: capitalize;flex: 1;text-align: center;}
.footer-link:hover{text-decoration: none;color: var(--base-yello-color);}
.center_footer{flex: inherit;}
.left_footer img, .right_footer img{width: 22px;display: block;margin: 0 auto;height: 22px;}
.casino-wheel{background-color: #5753C0;width: 64px;height: 64px;border: solid 10px #1A192A;border-radius: 50%;flex: inherit;display: flex;align-items: center;justify-content: center;}
.casino-wheel img{ animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}
.left_footer .footer-link:nth-child(2){margin-top: 25px;}
.right_footer .footer-link:nth-child(1){margin-top: 25px;}
.left_footer::before, .right_footer::before{content: '';position: absolute;top: 20px;width: 2px;height:40px;background: rgb(49,48,94);
background: linear-gradient(180deg, rgba(49,48,94,1) 0%, rgba(85,83,130,1) 100%);}
.left_footer::before{left: 0;right: 0;margin: 0 auto;}
.right_footer::before{left: 0;right: 0;margin: 0 auto;}
/*footer*/



/*Login-Signup*/
.login_wrapper{/*height: 100vh;*/overflow: hidden;display: flex;align-items: center;justify-content: center;}
.login--title{color: var(--base-yello-color);font-size: 22px;line-height: 40px;font-weight: 900;font-style: italic;text-transform: uppercase;margin: 0;}
.login_card label{margin-bottom: 5px;    color: #828a9a;}
.logo_login img{max-width:250px;}
.login_wrapper .card_box_rectangle{
  
  width: 450px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.login_card{background-color: #292738;padding:2rem;}
.divder-or {
  font-size:14px;
  justify-content: center;
  display: flex;
  width: 40px;
  align-items: center;
  height: 40px;
  text-align: center;
  margin: 0 auto;
  color: #ACAAEB;
  border-radius: 50px;
  position: relative;
}
.div-forgot-password{height: 100%;}

.divder-or::before{  
  content: '';
  position: absolute;
  left: -30px;
  width: 30px;
  height: 1px;
  background-color: #ACAAEB;
  top: 20px;
}

.divder-or::after{
  content: '';
  position: absolute;
  right: -30px;
  width: 30px;
  height: 1px;
  background-color: #ACAAEB;
  top: 20px;
}
.login_card_footer{    padding: 25px;background-color: #413f54;text-align: center;}
.login_card_footer p{font-size: 14px;color: #fff;}
.login_card_footer p a{color: #fff;}
.login_wrapper .custom-button--small {
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 40%;
  min-height: 50px;
  font-weight: 800;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;

}

.login_card .card_group input{    border: solid 1px #ffffff;
  background-color: #ffffff;color: #1A192A;}
  .mob_header_register{display: none;}
  .styled-checkbox {
    position: absolute;
    opacity: 0;
  }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 10px 0;
    color: #fff;
    font-size: 14px;
  }
  .styled-checkbox + label:before {
    content: "";
    margin-right: 6px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 4px;
  }
  .styled-checkbox:hover + label:before {
    background: var(--base-yello-color);
  }
  .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }
  .styled-checkbox:checked + label:before {
    background:var(--base-yello-color);
  }
  .styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}
  .styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}
  .styled-checkbox:checked + label:after {content: "";position: absolute;left: 5px;top: 9px;background:#1A192A;width: 2px;height: 2px;box-shadow: 2px 0 0 #1A192A, 4px 0 0 #1A192A, 4px -2px 0 #1A192A, 4px -4px 0 #1A192A, 4px -6px 0 #1A192A, 4px -8px 0 #1A192A;transform: rotate(45deg);}

/*Login-Signup*/


/*welcome-page-css*/
section{padding:8rem 0;}
.container_fluid{padding: 0 100px;}
.welcome_header{position: fixed;width: 100%;top: 0;z-index: 99;
  background: linear-gradient(1turn, rgb(26 25 42 / 0) 0, rgb(26 25 42 / .5) 50.52%, rgb(26 25 42 / 1));
}
.inner_welcome_header{display: flex;align-items: center;justify-content: space-between;padding: 15px 0px;}
.welcome_btn_groups{display: flex;align-items: center;gap: 15px;}
.welcome_btn_groups a{background-position: 0, 30px, 100%;background-size: 32px 100%, calc(100% - 60px) 100%, 32px 100%;min-height: 44px;min-width: 116px; background-repeat: no-repeat;padding-top: 5px;padding-right: 36px;padding-bottom: 5px;text-decoration: none;padding-left: 36px;color: #fff;}
.btn_signIn{background-image: url(../images/primary-blue-left-btn.webp), url(../images/primary-blue-center-btn.webp), url(../images/primary-blue-right-btn.webp);}
.btn_signUp{background-image: url(../images/secondary-gray-left-btn.webp), url(../images/secondary-gray-center-btn.webp), url(../images/secondary-gray-right-btn.webp);}
.welcome_btn_groups span{position: relative;z-index: 1;font-family: "Montserrat", sans-serif;text-transform: uppercase;color:#fff;text-shadow: 0 1px 2px #00000040;font-size: 14px;line-height: 30px;font-weight: 800;}
.main-banner {margin-bottom: -50px;padding-top: 125px;background: url(../images/bg-tablet.webp)no-repeat;min-height: 740px;width: 100%;position: relative;background-position: 50%;background-size: cover;}
.welcome_hero .submit_button{display: inline-flex;align-items: center;z-index: 99;}
.btn_chats{display: flex;align-items: center;gap: 8px;padding: 0!important;width: auto!important;justify-content: end;text-align: center;}

.btn_chats svg{width:40px;fill:var(--base-yello-color);}
.welcome_hero .submit_button:hover{color: #fff;}
.main-banner video {position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;width: 100%;}
.welcome_hero{position: relative;position: relative;max-width: 462px;text-align: center;}
.main-banner--wrapper{display: flex;justify-content: space-between;flex-direction: row;align-items: center;}
.welcome_hero h1{font-weight: 800;color:var(--base-yello-color);margin-bottom: 24px;font-size: 48px;font-style: italic;text-transform: uppercase;text-align: center;z-index: 1;position: relative;}
.main-banner--widgets{display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px 25px;margin-top: 32px;max-width:680px;width: 100%;padding: 0 16px;}
.hero_thumb {position: absolute;top: -10rem;right: -29rem;}
.hero_thumb img{max-width: 100%;}
.main-banner--widgets .item{width: 312px;order: 0;position: relative;}
.main-banner--widgets .item img{width: 100%;}
.main-banner--collection-wrapper{grid-area: 1 / 2 / 3 / 3;}
.main-banner--text{font-size: 22px;line-height: 120%;font-weight: 700;color: #fff;text-transform: uppercase;text-align: center;font-style: italic;margin-bottom: 20px;position: absolute;bottom: 0;left: 0;right: 0;}
.heading_welcome{font-weight: 900;color: #fff;margin-bottom: 24px;font-size: 30px;font-style: italic;text-transform: uppercase;}
.flex-content-home {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-top: 2rem;}
.flex-content-item{display: flex;align-items: center;gap: 15px;}
.item-contents h5{font-weight: 900;color:var(--base-yello-color);margin-bottom: 10px;font-size: 18px;text-transform: capitalize;}
.item-contents p{font-size: 13px;}
.about-home h2.text-center {font-size: 28px;font-weight: 700;margin-bottom: 2rem;line-height: 45px;}
.about-home h3{font-size:22px;font-weight:500;}
.accordian_welcome .accordion-item{background-color:#292738;margin-bottom:15px;}
.accordian_welcome .accordion-header{margin-bottom: 0;}
.accordian_welcome .accordion-body{padding: 20px 70px;}
.accordian_welcome .accordion-button{font-size: 16px;padding:16px 30px 16px 70px;font-weight: 800;margin-bottom: 0;text-align: left;letter-spacing: .02em;text-transform: uppercase;background-color: #3c3a4b;border-radius: 8px;color: #fff;flex: 1;position: relative;}
.accordian_welcome .accordion-button:before{width: 66px;height: 66px;top: 50%;transform: translateY(-50%);background-size: 66px 66px;content: "";position: absolute;z-index:3;background-repeat: no-repeat;left: -20px;}
.accordian_welcome .accordion-button:after{content: "";position: absolute;top: 50%;right: 21px;transform: translateY(-50%);background: url(../images/arrow-accordion.svg);width: 16px;height: 8px;background-size: contain;background-position: 50%;background-repeat: no-repeat;opacity: .3;}
.btn_services:before{background: url(../images/according-icon1.webp);}
.btn_odds:before{background: url(../images/according-icon2.webp);}
.btn_withrall:before{background: url(../images/according-icon4.webp);}
.item_welcome{border: solid 1px #363447;padding: 15px;border-radius: 15px;height: 100%;}
.item_welcome h3{font-weight: 900;color:#fff;margin-bottom: 10px;font-size: 18px;text-transform: capitalize;}
.accordian_welcome{margin:4rem 0;}
.item_welcome p{font-size: 14px;}
.welcome_footer{background-image: url('../images/pattern.svg');background-repeat: repeat;background-position: 50%;position: relative;background-color: #292738;}
.accordian_welcome .accordion-button:focus{box-shadow:none;outline:none}
.footer_partners{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.footer_partners .item-partner{display: flex;justify-content: center;align-items: center;flex: 0 0 33%;flex-basis: 88px;padding: 4px 0;}
.footer_partners .item-partner img{height: auto;max-width: 100%;}
.footer_border {display: flex;align-items: center;gap: 50px;padding: 3rem 0;}
.copyright{padding: 4px 0px;font-size: 14px;font-weight: 400;font-family: "Montserrat", sans-serif;}
.footer_border h6{padding: 4px 10px;background-color: #3c3a4b;font-size: 16px;font-weight: 700;text-transform: uppercase;}
.fixed-chat-icon{  background: url(../images/bg-for-icon.svg);background-size: cover;position: fixed;right: 0;width: 53px;height: 48px;z-index: 99;bottom: 30px;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;}
.fixed-chat-icon a{text-decoration: none;color: #fff;}
.mob_logout_btn{background: url(../images/logout_bg.png)no-repeat;background-size: cover;border: none;}
.mob_logout_btn svg{width: 20px;fill: #fff;}
.fixed-chat-icon small{font-size: 10px;}
.fixed-chat-icon.d-sm-none a{line-height: 14px;display: block;padding-left: 10px;}
/*welcome-page-css*/


/*popup-css*/
.user_guide_content{padding:2rem;}
.modal-content{background-color: #292738;}
.modal-header{border-bottom:solid 1px #3c3a50;}
.modal-footer{border-top:solid 1px #3c3a50;}
.modal-footer .btn-success{background:var(--base-yello-color);border-color:var(--base-yello-color);text-transform: capitalize;font-size: 13px;color: #000;}
.modal-footer .btn-primary{background: #4D4A98;border-color: #4D4A98;text-transform: capitalize;font-size: 13px;}
.user_guide_content h3 {font-size: 20px;margin-bottom: 5px;font-weight: bold;}
.user_guide_content p{font-size: 15px;font-weight: 500;}
.user_guide_content img{margin: 1rem 0;border: solid 1px #656A8A;width: 100%;}
.guide_wrapper {border-bottom: solid 2px #fff;margin-bottom: 2rem;}
.guide_wrapper:last-child{margin-bottom: 0;border-bottom: 0;}
.btn-close{filter: invert(1);}
.bets-table{color: #fff;    font-size: 14px;}
.bets-table>:not(:last-child)>:last-child>*{border-bottom-color:#4B495F}
.bets-table{border: solid 1px #4B495F;}
.bets-table tr td, .bets-table tr th{border-bottom: solid 1px #4B495F;}
/*popup-css*/

/*Chatbox-css*/

.chat-history{
  overflow-y: auto;
  padding: 25px;
  background-color: #fcfcfe;
  position: relative;
  display: grid;
  grid-row-gap: 15px;
  height:65vh;
}

.chat-history:after {
  content: "";
  background-image: url(../images/chat-bg.svg);
  opacity: 0.06;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  position: absolute;

}

.chat_wrapper {
  border-radius: 15px;
  overflow: hidden;
}

.msg_row{position:relative;z-index:1;display:flex;align-items: flex-end;}
.msg_head {display:flex;align-items: center;gap:10px; }
.msg_img{width: 30px;border-radius: 100%;height: 30px;overflow: hidden;}
.msg_img img{width:100%;vertical-align: super;}
.user_namess{font-size:13px;font-weight:700;text-transform: capitalize;}
.msg-info-time{font-size:12px;font-weight:600;color: #5c5c5c;position: relative;margin-left: 10px;}
.msg-info-time:before{content: '';position:absolute;left:-10px;top:5px;background-color: #5c5c5c;width: 4px;height: 4px;border-radius: 30px;}
.msg-bubble{border: solid 1px #e6e6ed;background: #fff;border-radius: 12px;padding: 10px 12px 12px 12px;max-width: 450px;margin-left: 42px;font-size: 13px;font-weight: 500;line-height: 20px;}
.right-msg .msg_head{justify-content: end;margin-bottom: 5px;}
.right-msg .msg-bubble{background-color: #e3f6f4;/* color: #fff; */border-color: #cfefec;}
.right-msg{flex-direction: row-reverse;}
.chat_footer{background-color: #fff;display: flex;align-items: center;padding:10px 15px;border-top: solid 1px #ddd;}
.conversation-compose{display: flex;align-items: center;width: 100%;gap: 15px;}
.chat_footer textarea{width: 100%;background-color: #f7f7f7;border: none;border-radius: 50px;padding: 18px 24px 10px;height: 60px;font-size: 14px;}
.btn_msg{background-color: #3b73fc;color: #fff;font-size:20px;border-radius: 50%;border: none;width: 60px;height: 55px;display: flex;align-items: center;justify-content: center;}
.div-date {font-size: 11px;font-weight: 500;color: #202020;justify-content: end;display: flex;margin-top: 5px;}
.chat-app{width: 60%;margin: 40px auto;color: #1b1c1e;}
.thumb_avtar{width: 40px;height: 40px;overflow: hidden;border-radius: 100%;}
.chat_header{background-color: #fff;padding:15px;border-bottom: solid 1px #ddd;display: flex;align-items: center;gap:10px;}
.chat_header_detail:before{content: '';
  position: absolute;
  left: 42px;
  background-color: #76bb0c;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  bottom: 4px;}
.chat_header h3{font-size:16px;font-weight: 700;margin-bottom: 0px;}
.chat_header span{font-size: 12px;font-weight: 500;color: #818181;text-transform: capitalize;}
.chat_header_detail{line-height: 15px;position: relative;}
.chat_body_wrapper{
  background: url(../images/bg-tablet.webp) no-repeat;
  position: relative;
  background-position: 50%;
  background-size: cover;
}
/*Chatbox-css*/

.beta-select{border: solid 1px #4B495F;
  background-color: #1A192A;
  border-radius: 8px;
  padding: 8px 5px;
  color: #fff;
  font-size: 14px;
  width: 175px;
  position: absolute;
  right: 15px;

}

.empty_data{padding: 2rem;}

.empty_data p{font-size: 16px;margin-top: 20px;}
.panel_body{display: block;}
.box_scores video, .box_scores iframe{width: 100%;}
.error_tv_img{width: 80%;margin: 15px auto 0;}
.close_tvs {
  background: #FF2559;
  position: absolute;
  right: 9px;
  font-size: 10px;
  text-transform: capitalize;
  padding: 2px 8px;
  border-radius: 3px;
  top: -1px;
}



@media screen and (max-width: 1600px) {

  .sidebar_menu, .rightbar_betslip{width: 260px;}
}


@media screen and (max-width:1400px) {

  .odds_format_flex{width: 55%;}

}


@media (max-width:767px) {

  header{border-bottom: solid 1px #292738;justify-content: space-between;}
  .logo{width: 210px;}
  .menu_toggle:after{width: 75px;height: 55px;}
  .empty_data img{width: 100%;}
  .menu_toggle svg{top: 10px;left: 16px;}
  .menu_toggle{margin-right: 0;width: 72px;}
  .body_wrapper{padding-top:63px;padding-bottom: 75px;}
  .container_wrapper{flex-wrap: wrap;padding: 0;min-height: auto;}
  .sidebar_menu {height: 100%;width: 0; position: fixed; z-index:999; top: 0; right: 0;overflow-x: hidden; transition: 0.2s;background: #292738;margin: 0;}
  .rightbar_betslip{display: none;}
  .header--nav, .header--actions{display: none;}
  .sports_type_list{flex-wrap: nowrap;  white-space: nowrap;overflow: scroll;padding:2px 8px 8px;margin-bottom: 0;}
  .nav-tabs .sports_type_item{flex: inherit;min-width:90px;height:70px;padding: 5px;grid-row-gap:0px}


 
  .odds_box_item.cls-update-odds
  .nav-tabs .sports_type_item b span{display: block;}
  .nav-tabs .sports_type_item b{font-weight: 500;text-transform: uppercase;font-size: 11px;letter-spacing: 0.5px;}
  .icon-sports img{width:25px;}
  .sports_content_wrapper{background-color:transparent;color: #fff;padding: 0;}
  .odds_flex_row:nth-child(even){background-color: transparent;}
  .match_odd_head{background-color:#292738;padding:5px 0px;font-size:12px;}
  time{color: #ACAAEB;}
  .odds_Sports_detail b{font-size: 12px;line-height: 16px;font-weight: 600;}
  .odds_flex_row{border-bottom:solid 1px #292738;padding: 0;align-items:inherit;color: #fff;}
  .odds_flex_row:hover{color: #fff;}
  .odds_Sports_detail{padding:10px;}
  .sports_content_wrapper{margin-bottom: 0;}
  .matchodds_heading, .odds_Sports_detail{width:60%;}
  .odds_match_heading{padding: 20px 10px;}
  .matchodds_heading{padding-left: 10px;}
  .sports_type_row{width: 60px;padding-left: 10px;display: none;}
  .odds_format_flex .match-odds-box{display: inline-flex;}
  .overlay3 {height: 100%;width: 0;position: fixed;z-index:999;top: 0;left: 0;background-color: rgba(26, 25, 42, 0.9);overflow-y: auto;overflow-x: hidden;text-align: center;opacity: 0;transition: opacity 1s;}
  .odds_box_item{flex: 1;width:64px;background-color: transparent;border: none;color: #fff;height: 100%;display: none;align-items: center;justify-content: center;border-right: solid 1px #292738;border-radius: 0;margin: 0;    padding: 10px 2px;flex-wrap: wrap;}
  .odds_box_item:nth-child(3), .odds_box_item:nth-child(4){display: grid;}
  .odds_format_flex{align-items:inherit;border-left: solid 1px #292738;width: 40%;}
  .match_format_flex{width: 40%;}
  .belance_box{border-color: #656A8A;margin: 15px;margin-top: 0;min-width: inherit;}
  .sports_menu_list{margin:0 15px;display: flex;flex-wrap: wrap;gap: 5px;}
  .sidebar_menu .main_heading{display: none;}
  .sports_menu_item{width: calc(96% / 3);background: #3C3A4B;border-radius: 5px;border:solid 1px #4b4f69;text-align: center;}
  .sports_menu_item a i{display: none;}
  .sports_menu_item a img{display: block;margin: 0 auto;width: 30px;height: 30px;margin-bottom:4px;}
  .sports_menu_item a{display: block;font-size: 12px;font-weight: 500;        line-height: 13px;}
  .sports_menu_item:nth-child(1){display: none;}
  .user_name{padding: 15px;text-transform: capitalize;display: block;}
  .bold_user{color: var(--base-yello-color);font-weight: 600;} 
  .match_odds_box{margin-top: 0;}
  .ball_running, .message-odds{border-radius: 0;}
  .ball_running h6, .message-odds h6{font-size:12px;}
  .close_toggle {position: absolute;top:10px;right: 15px;border-radius: 50%;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border: solid 1px #363447;}
  .casino_wrapper{padding: 10px;}
  .casino_head{padding:8px;}
  .fancy-book img{filter: inherit;}
  .match_odd_head{text-transform: uppercase;font-style: italic;letter-spacing: .03em;}
  .fancy_match_head{padding: 10px 0px;border-top: solid 1px #363447;border-bottom: solid 1px #363447}
  .odds_match_heading i{color: #ACAAEB;}
  .fancy_match_head .matchodds_heading{color: var(--base-yello-color);}
  .mini_odds{color:#ACAAEB;}
  .fancy_odds_box .odds_box_item{display:grid;}
  .fancy-book{right:10px;top:18px;}
  .casino_games_list{flex-wrap: nowrap;white-space: nowrap;overflow: scroll;}
  .caino_games_item{flex: inherit;min-width: 102px;}
  .match_details_box{/*border-radius: 0;*/margin: 10px;}
  .match_details_flex .team_jercy img{width:25px;}
  .match_details_flex .team_jercy h6{font-size: 13px;}
  .odds-Lay{color: #FF31F7;}
  .odds-back{color: #16BDF9;}
  .amount_label_btn{font-size: 12px;}
  .card_box_rectangle{padding: 2rem 0rem;max-width: 100%;}
  .coman_wrapper{margin: 15px;        width: auto;}
  .profile_detail_box:before{border: solid 1px #363447;height: 65px;}
  .profile_list{margin-top: 15px;}
  .betslip{width:98%;margin: 0 auto;}
  .betslip .card_box_rectangle{padding:1rem 0;}
  .table_wrapper{padding: 10px 15px;}
  .table_wrapper.mark-lay{border: solid 1px #FF31F7;margin-bottom: 10px;}
  .table_wrapper.mark-back{border: solid 1px #16BDF9;margin-bottom: 10px;}
  .odds_Sports_detail a{color: #fff;}
  .btn_deposit_group{display: flex;align-items: baseline;}
  .payt_with{    grid-template-columns: repeat(2, minmax(130px, 1fr));margin: 10px 15px;}
  .login_card{padding:0;background-color: transparent;}
  .login_wrapper{display: inherit;height: calc(100vh - 55px);        overflow: scroll;}
  .login_card_footer{position: absolute;bottom: 0;left: 0;width: 100%;}
  .login_wrapper .card_box_rectangle{width: 100%;height: 100%;position: relative;transform: inherit;left: auto;top: auto;}
  .logo_login img{max-width: 180px;}
  .logo_login{padding-top:1rem;}
  .reg_wrapper{height: auto;}
  .Desktop_header_register {background: #ffdc26;margin: 20px 0px;text-align: center;}
  .Desktop_header_register .login--title{color: #1a192a;font-size:18px;}
  footer{display: flex;display: flex;align-items: center;justify-content: space-between;}
  .reg_wrapper .card_box_rectangle{height: auto;}
  .stake_flex{margin:8px;border-radius: 8px;}
  .match_details_head{display: block;flex-wrap: wrap;gap: 0;justify-content: center;text-align: center;}
  .match_details_head time{justify-content: space-between;}

  .sports_count{right: -3px;top: -3px;z-index: 11;}

  .container_fluid{padding:0px}
  .welcome_btn_groups{gap:0px;}
  .welcome_btn_groups a{text-align: center;min-height: 28px;min-width: 103px;padding: 3px 15px;}
  .welcome_btn_groups span{font-size:12px;font-weight:600;}
  .inner_welcome_header{padding: 10px 8px;gap: 15px;}
  .inner_welcome_header .logo {height: auto;}
  .main-banner--wrapper{flex-wrap: wrap;}
  .welcome_header{background-color: #1a192a;}
  .hero_thumb{position: absolute; top: -140px;right:52%;height: 676px;width: 100%;transform: translateX(50%);pointer-events: none;}
  .welcome_hero h1{font-size:25px;}
  .main-banner--widgets{display: grid;grid-template-columns: repeat(3, 1fr);gap: 14px 25px;margin-top: 32px;max-width: 885px;width: 100%;padding: 0 16px;overflow-x: auto;overflow-y: hidden;}
  .flex-content-home{flex-wrap: wrap;padding: 0 15px;}
  .main-banner{padding-top: 220px;min-height: 680px;margin-bottom: 0;}
  .main-banner--gradient-mobile{position: absolute;width: 100%;height: 610px;top: -80px;left: 0;background: linear-gradient(180deg, #1a192a00, #1a192ae6 29.69%), linear-gradient(180deg, #1a192a00, #1a192a99 29.69%, #1a192a 73.44%);}
  .main-banner--widgets .item img{height: 100%;}
  .main-banner--widgets .item{height: 200px;}
  section{padding: 2rem 0;}
  .item-thumbs img{width:64px;}
  .about-home{padding: 0px 15px;}
  .about-home h2.text-center{font-size: 22px;line-height: 30px;}
  .item_welcome{margin-bottom: 15px;height: auto;}
  .accordian_welcome .accordion-body{padding: 15px;}
  .accordian_welcome .accordion-button{padding: 16px 30px 16px 40px;text-transform: capitalize;font-size: 14px;font-weight: 700;}
  .accordian_welcome .accordion-button:before{background-size: 50px 50px;width: 50px;height: 50px;  }
  .accordian_welcome .accordion-body p{font-size:14px;}
  .footer_border{flex-wrap: wrap;padding: 2rem 1rem;gap: 0;}
  .footer_partners{gap: 0;justify-content: space-between;}
  .welcome_hero{text-align: center;}
  .btn_mob_logout{margin-right: 10px;}
  .desktop_btn{display: none;}
  .mobile_btn{display: block;}
  .pagination{justify-content: start;overflow: scroll;}
  .pegination_footer {padding: 1rem 10px;}
  .user_guide_content{padding:15px;}
  .live_state_icon{right: 10px;}
  .casino_home_wrapper{margin: 10px;}
  .casino_wrap_head{margin:0;padding: 5px 10px;}
  .casino_wrap_head span{font-size: 14px;}
  .odds_box_item:hover{background-color: transparent;}
  .layyer_one_logo{width: 38px;}
  .layyer_two_logo{top:6px;width: 17px;left:11px;}
  .chat_body_wrapper{padding: 0;}
  .chat-app{width: 100%;margin: 0;padding-top:57px;color: #fff;}
  .btn_msg{width: 60px;height: 50px;}
  .chat_footer textarea{padding: 10px 24px 10px;height: 45px;background: #1a192a;color: #fff;}
  .chat-history{height: calc(100vh - 260px);    background-color: #292738;}
  .btn_chats span{display: none;}
  .chat_header{background-color: #292738;border-bottom: solid 1px #363447;}
  .msg-bubble{color: #1b1c1e;;}
  .msg-info-time{color:#828A9A;}
  .msg-info-time:before{top: 7px;background-color: #828A9A;}
  .chat_footer{background-color: #292738;border-top: solid 1px #363447;}
  .cashotpbtn{text-align: center;}
  .cashotpbtn button{width:70%;border-radius: 5px;margin-bottom: 10px;}
  .bet_tpes{background-color: transparent!important;}
  .beta-select{  width: 100%;position: inherit;right:inherit;}
  .marquee_flex{font-size: 13px;background:#292738;padding:5px;}
  .icon_tvs{display: block;text-align: center;line-height: 8px;}
  .icon_tvs svg{width: 25px;fill: #ffdc26;display: block;margin: 0 auto;}
  .icon_tvs span{font-size: 8px;text-transform: uppercase;color: #fff;}
  .error_tv_img {width: 32%;margin: 8px auto;}
  .otp_verifys button{padding-right:20px;padding-left:20px;}


}