.btn-blank {
  display: block;
  text-align: center;
  padding: 15px 0;
  color: #900409;
  font-size: 14px;
  font-weight: 600;
  background: #fff;
  width: 100%;
  border-radius: 24px;
  border: 1px solid #900409;
  margin-top: 18px;
}
.forgot_customer_box{
  background: var(--primary);
  padding: 15px 10px;
  border-radius: 8px;
  text-align: center;
}
.forgot_customer_box h6 a{
  font-size: 15px;
  color: #fff;
  font-weight: 500;
}

.auth-main{
	margin-top: 0px !important;	
}
.auth.signin{
	padding-top: 40px;
}
.auth.signin .heading .logo{
	width: 136px;
	margin-bottom: 7px;
}
.home {
  margin-bottom: 50px;
  margin-top: 51px;
  background: #1e0606;
  height: 300px;
  border-radius: 0px 0px 50px 50px;
}
.menu{
  /*box-shadow: 1px 1px 3px 1px #ccab08;
  border-bottom: 1px solid #ede81d;*/
}

/*Mobile Footer bar CSS*/
.mobile-nav {
  position: fixed;
  bottom: 0px;
  /*left: 0px;*/
  width: 400px;
  max-width: 100%;
  z-index: 999;
  background-image: linear-gradient(to bottom, #b80f14, #dd2409, #750f1c, #c21f2d, #b80f14);
  border-radius: 13px 13px 0px 0px;
  box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1);
  border-top: 2px solid #b80f14;

}
.mobile-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 80px;
  padding: 10px 0px;
  border-radius: 10px;
  position: relative;
}
.mobile-widget i {
  font-size: 17px;
  margin-bottom: 7px;
  color: #fff;
  text-shadow: 2px 3px 8px rgba(0,0,0,0.1);
}
.fa-home::before {
  content: "\f015";
}
.mobile-widget span {
  line-height: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.plus-btn {
  margin-top: -36px;
}
.plus-btn i {
  width: 60px;
  height: 60px;
  font-size: 19px;
  line-height: 50px;
  border-radius: 50%;
  margin-bottom: 2px;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(to bottom, #9b0000, #dd2409, #750f1c, #c21f2d, #fee00a);
  border: 6px solid #fff;
}


/*Promotional*/
.promotional{
	margin: 0;
  color: #000;
	overflow: hidden;
	color: #2f2d2d;
}
.marquee-container {
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marquee-inner {
  position: relative;
  transition: transform 0.5s ease-in-out;
}
.marquee-line {
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  font-weight: 500;
  color: #f8e57f;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.profile_box1{
  padding: 0px 5px;
  margin: 5px;
  margin-bottom: 0px;
  border-radius: 10px;
}
.profile_box1 .bg_col{
  background: var(--primary);
  padding: 20px 17px;
  border-radius: 20px 20px 20px 20px;
}
.profile_box1 .bg_col p{
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}
.profile_box1 .bg_col .image{
  width: 56px;
  height: 56px;
}
.profile_box1 .bg_col h3{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.profile_box1 .bg_col .hone_id{
  font-size: 11px;
  color: #f8e57f;
  font-weight: bold;
}



.home_profile_box{
  padding: 0px;
  margin: 5px;
  margin-bottom: 0px;
  border-radius: 10px;
}
.home_profile_box .bg_col{
  background: #000;
  padding: 14px 5px;
  border-radius: 5px;
}
.home_profile_box .bg_col p{
  font-size: 13px;
  font-weight: bold;
  color: #f8e57f;
}
.home_profile_box .bg_col .image{
  width: 56px;
  height: 56px;
}
.home_profile_box .bg_col h3{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.home_profile_box .bg_col .hone_id{
  font-size: 11px;
  color: #f8e57f;
}



.wining_area{
  padding: 0px;
  margin: 0px 5px 5px 5px;
  border-radius: 10px;
  margin-top: 0px;
}
.wining_area .wining_header{
  background-image: linear-gradient(to bottom, #9b0000, #8c050c, #f94711, #ac0c1a, #570101);
  text-align: center;
  color: #ff9726;
  padding: 10px 0px;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 600;
}
.wining_area .wining_header h3{
  color: #f8e57f;
  font-size: 17px;
  font-weight: 600;
  margin: 5px 0px;
}
.wining_area .wining_list{
  padding: 7px 4px;
  background: #91131ad6;
  border-radius: 10px;
  box-shadow: 1px 1px 3px 1px #1038992e;
  border-bottom: 1px solid #1038991a;
  line-height: 21px;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.wining_list .image{
  width: 40px;
  height: 40px;
}
.wining_list h3{
  font-size: 16px;
  font-weight: 600;
  color: #ffb660;
}
.wining_list p{
  font-size: 11px;
  font-weight: 600;
  color: #ffb660;
}
.wining_list .text1{
  font-weight: bold; 
  font-size: 16px; 
  color: #ffb660;
  float: right;
}



.icheck-primary input[type="radio"] {
  display: none;
}

.icheck-primary label {
  padding: 6px 12px;
  background-color: #f1f1f1;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  color: #333;
  transition: background-color 0.3s, color 0.3s;
  font-size: 14px;
}

.icheck-primary input[type="radio"]:checked + label {
  background: var(--primary);
  color: #fff;
}



/*Home Page Game List Page*/
.game_area{
  padding: 0px;
  margin: 0px 5px 5px 5px;
  /*background: #c1f1ff4d;*/
  border-radius: 10px;
  margin-top: 0px;
}
.game_area .game_header{
  background-image: linear-gradient(to bottom, #9b0000, #8c050c, #f94711, #ac0c1a, #570101);
  text-align: center;
  color: #ff9726;
  padding: 10px 0px;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 600;
}
.game_area .game_header h3{
  color: #f8e57f;
  font-size: 17px;
  font-weight: 600;
  margin: 5px 0px;
}
.game_area .game_list{
  padding: 7px 4px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 3px 1px #1038992e;
  border-bottom: 1px solid #1038991a;
  line-height: 21px;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
.game_list h2{
  font-size: 13px;
  font-weight: 600;
  color: #2b2929;
}
.game_list p{
  font-size: 13px;
  font-weight: 600;
  color: #2b2929;
}
.game_list .span1{
  font-size: 9px;
  font-weight: 600;
  margin-top: -3px;
  color: #2b2929;
}
.game_list .span2{
  font-size: 11px;
  font-weight: 600;
  color: #222121;
}
.game_list .btn_play{
  display: block;
text-align: center;
padding: 4px 0px;
color: white;
font-size: 32px;
font-weight: 600;
background: var(--primary);
width: 40px;
border-radius: 50%;
height: 40px;
}
.game_list img{
  width: 50px;
}
.game_list .padd{
  padding-right: 1px;
  padding-left: 0px;
}
.game_list .btn_play_text{
text-align: center;
padding: 7px 5px;
font-size: 13px;
font-weight: 600;
width: 100%;
border-radius: 17px;
}
.game_list .btn_play_bg{
  background: #47BC1C;
  color: white;
}
.game_list .btn_close_bg{
  background: #f01616;
  color: white;
}
.game_list .btn_coming_bg{
  background: #ECBF0D;
  color: white;
}
.m-menu li .icon img{
  width: 20px !important;
}
/*Bread camp*/
.breadcamp{
background: #db00df;
padding: 12px 0px;
color: #fff;
font-size: 14px;
font-weight: 600;
align-items: center;
border-radius: 0px 0px 13px 13px;
border-bottom: 1px solid #db00df;
text-align: center;
}
.breadcamp a{
letter-spacing: 1px;
color: #000;
font-size: 14px;
font-weight: 600;
}


/*Profile Menu*/
.profile_menu{
  padding: 20px 8px;
  box-shadow: 0px 0px 8px 5px #b80f141f;
background: #fff;
border-radius: 20px 20px 10px 10px;
margin: 10px;
padding-bottom: 80px !important;
min-height: 100vh;
}
.user-profile-heading .image{
  height: 56px;
width: 56px;
}
.user-profile-heading h3{
  font-size: 18px;
font-weight: 600;
color: var(--my-dark);
}
.user-profile-heading p{
  font-size: 14px;
font-weight: 600;
color: var(--gray-70);
}
.user-personal h4 {
  font-size: 12px;
  font-weight: 500;
  color: var(--my-dark);
}
.profile_menu h4{
  font-size: 12px;
  font-weight: 500;
  color: var(--my-dark);
}
.setting_list li {
  margin-bottom: 22px;
}
.setting_list li i{
  color: var(--my-dark);
  font-size: 19px;
}
.setting_list li p{
  font-size: 14px;
font-weight: 500;
color: var(--my-dark);
}


.user-info .input-label{
  display: block;
margin-bottom: 8px;
font-size: 15px;
font-weight: 600;
color: var(--my-dark);
}
.user-info .input {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f2a4a62e;
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: 20px;
}
.user-info .eye-btn {
  position: absolute;
  top: 68%;
  transform: translateY(-50%);
  right: 12px;
}
.profile_menu .content_page h1{
  font-size: 16px;
font-weight: 700;
color: var(--my-dark);
padding: 10px 0px;
}
.profile_menu .support li h1{
  font-size: 18px !important;
font-weight: 700 !important;
color: var(--my-dark) !important;
padding: 7px 0px !important;
}
.profile_menu .content_page p{
  font-size: 14px;
  font-weight: 500;
  color: #3c3b3b;
  padding: 6px 0px;
  text-align: justify;
}

/*Payment Setup Menu*/
.payment_setup_menu{
background: #fff0;
}
.user_payment_heading{
 box-shadow: 0px 0px 8px 5px #9cb7bd63;
 padding: 12px;
 border-radius: 10px;
margin: 8px;
}
.user_payment_heading .image{
  height: 36px;
  width: 36px;
}
.user_payment_heading h3{
  font-size: 16px;
font-weight: 600;
padding-bottom: 2px;
color: var(--my-dark);
}
.user_payment_heading p{
  font-size: 14px;
font-weight: 600;
color: var(--gray-70);
}
.user_payment_heading .input_label{
  font-size: 14px;
font-weight: 600;
color: var(--gray-70);
margin-bottom: 10px;
}
.user_payment_heading .form_input {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f4f4f4;
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 7px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: 20px;
}


/*Betting Popup*/
.bet_popup{

}
.bet_popup h6{
  font-size: 16px;
  color: var(--primary);
  font-weight: 600;
}
.bet_popup .modal-header{
  padding: 4px 20px;
}
.bet_popup h3{
  font-size: 16px;
  color: var(--primary);
  font-weight: 700;
  margin: 15px 0px;
}
.bet_popup .form_input {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f4f4f4;
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 7px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: 20px;
}

/*===========================================================
20: dark-mode CSS
=============================================================*/
.dark-mode .user-profile-heading h3,
.dark-mode .user-profile-heading p,
.dark-mode .profile_menu h4,
.dark-mode .setting_list li p,
.dark-mode .setting_list li i,
.dark-mode .profile_menu .content_page p,
.dark-mode .profile_menu .content_page h1,
.dark-mode .profile_menu .content_page h1,
.dark-mode .profile_menu .content_page h2,
.dark-mode .profile_menu .content_page h3,
.dark-mode .profile_menu .content_page h4{
  color: white;
}

.dark-mode .user-profile-heading .edit-info img,
.dark-mode .user_personal img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(322deg) brightness(102%) contrast(102%);
}



.bid_history{
  padding: 0px;
margin: 0px;
  margin-top: 5px;
background: #fff;
border-radius: 10px;
}
.bid_history label{
  font-size: 14px;
  font-weight: bold;
  color: #524f4f;
}
.bid_history .bid_fixed{
position: sticky; top: 53px;
background: #fff;
}
.bid_history .padd{
  padding-top: 10px;
  padding-bottom: 10px;
}
.bid_history .table-success {
  --bs-table-color: #fff;
  --bs-table-bg: #2f890e;
  font-size: 14px;
}
.bid_history .text_size tr td{
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
}


.res_history{
  padding: 0px;
 margin: 0px;
margin-top: 0px;
background: #fff;
border-radius: 10px;
}
.res_history .res_fixed{
position: sticky; 
top: 0px;
background: #e3e7f5;
padding-top: 10px;
  padding-bottom: 10px;
}
.action_bt{
    padding: 3px 9px;
border-radius: 12px;
background: #ff2929;
color: #fff;
font-size: 12px;
font-weight: 500;
cursor: pointer;
}


/*Game Rules*/
.game_rules{
  padding: 8px;
  box-shadow: 0px 0px 8px 5px #9cb7bd63;
background: #61a202;
border-radius: 10px;
margin: 10px;
margin-bottom: 60px;
}
.game_rules .content_page p{
  font-size: 15px;
font-weight: 500;
color: #fff;
padding: 4px 0px;
text-align: justify;
}
.game_rules .content_page span{
  font-size: 12px;
  padding-left: 20px;
  color: #fff;
}
.game_rules .content_page i{
  margin-right: 10px;
  color: #fff;
}

/*Game Rules*/
.gametimes{
  padding: 5px 0px;
  box-shadow: 0px 0px 8px 5px #9cb7bd63;
background: #fff;
border-radius: 10px;
margin: 10px;
margin-bottom: 60px;
}
.gametimes .content_page p{
  font-size: 15px;
font-weight: 500;
color: #000;
padding: 4px 0px;
text-align: justify;
}
.gametimes .content_page td{
font-size: 13px;
font-weight: 500;
}
.gametimes .content_page span{
  font-size: 12px;
  padding-left: 20px;
  color: #000;
}
.gametimes .content_page i{
  margin-right: 10px;
  color: #000;
}

/*Mobile Footer bar CSS*/
.Foot_Pay {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 3;
  background: var(--primary);
  border-radius: 13px 13px 0px 0px;
  box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1);
  border-top: 0px solid #379d12;
}

.box_size{
  padding: 10px 10px;
  background-image: linear-gradient(to bottom, #b80f14, #dd2409, #750f1c, #c21f2d, #b80f14);
  border-radius: 10px;
}
.button_sec{
  width: 80%;
  font-size: 14px !important;
  padding: 10px 0px;
  border-radius: 25px;
}

.service img{
  width: 18px;
}


.page-item.active .page-link {
    background: var(--primary);
    color: #fff;
}
.page-link {
    cursor: pointer;
}

/*Profile Page CSS*/
.propile {
  margin-bottom: 8px;
  box-shadow: 0px 0px 0px 0px #ffffff1f;
}
.propile .p_box1{
  border: 1px solid #63c0ff;
padding: 5px 14px;
border-radius: 7px;
}
.propile .p_box1 img{
  width: 46px;
  border-radius: 5px;
}
.propile .p_box1 h3{
  font-size: 15px;
  color: #2f2e2e;
}
.propile .p_box1 p{
  font-size: 12px;
  font-weight: 600;
  color: #424040;
}

/*Activity Page CSS*/
.activity {
  background: #ebfffc;
  margin-bottom: 8px;
  box-shadow: 0px 0px 0px 0px #ffffff1f;
}
.activity .a_box1 img{
  width: 55px;
}
.activity .a_box1 p{
  font-size: 12px;
  font-weight: 600;
  color: #424040;
}
.activity .a_box2{
  background: #06865a;
  padding: 8px;
  border-radius: 6px;
  height: 190px;
}
.activity .a_box2 h1{
  font-size: 14px;
  margin-top: 7px;
  color: #fff;
  font-weight: 600;
}
.activity .a_box2 p{
  font-size: 12px;
  color: #fff;
  margin-top: 3px;
}
.activity .a_box3{
  background: #1e0606;
  padding-bottom: 15px;
  border-radius: 6px;
}
.activity .a_box3 img{
  border-radius: 5px;
}
.activity .a_box3 h1{
  font-size: 16px;
  margin-top: 7px;
  color: #fff;
  font-weight: 600;
}
.activity .a_box3 p{
  font-size: 14px;
  color: #fff;
  margin-top: 3px;
}



/*Betting Rebates Page CSS*/
.rebates{
  
}
.rebates .r_box1{
  background: #06865a; color: #fff; padding: 10px;
}
.rebates .r_box1 p{
  font-size: 14px;
}

.rebates .r_box2{
  background: #085339;
padding: 10px 30px;
border-radius: 5px;
}
.rebates .r_box2 h1{
  font-size: 15px;
}
.rebates .r_box3{
  background: #06865a;
padding: 12px;
border-radius: 5px;
}
.rebates .r_box3 h6{
  color: #fff;
  margin-bottom: 5px;
  font-size: 14px;
font-weight: 600;
}
.rebates .r_box3 p{
  font-size: 12px;
font-weight: 600;
color: #eaeaea;
}



/*Invitation History Page CSS*/
.invitation {
  background: #ebfffc;
  margin-bottom: 8px;
  box-shadow: 0px 0px 0px 0px #ffffff1f;
}
.invitation .i_box1{
  border: 1px solid #5bafea;
width: 100px;
padding: 5px;
border-radius: 5px;
margin: auto;
background: #d0ecff;
}
.invitation .i_box1 img{
  width: 55px;
}
.invitation .i_box1 p{
  font-size: 12px;
  font-weight: 600;
  color: #424040;
}

.invitation .i_box2 h3{
  font-size: 18px;
  margin-bottom: 6px;
}
.invitation .i_box2 p{
  font-size: 13px;
}
.invitation .i_box2 h4{
  font-size: 14px;
}
.menu img{
  width: 103px !important;
}