/*
*Author: Naved Islam
*Site: webnet.com.pk
*/
:root {
  --black: #000000;
  --white: #ffffff;
}
.theme-dark {
  --color-primary: #17ed90;
  --color-secondary: #2a2c2d;
  --color-accent: #12cdea;
  --font-color: #ffffff;
}
.theme-light {
  --color-primary: #0060df;
  --color-secondary: #fbfbfe;
  --color-accent: #fd6f53;
  --font-color: #000000;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{
    font-size: 62.5%;
}
body {
  font-family: sans-serif !important;
  background: #1d4875;
/*  padding: 0 0 76px;*/
}

ul{
  padding: 0;
  margin: 0;
}
li{
  list-style: none;
}
a{
  list-style: none;
  text-decoration: none;
}
/* p{
  margin-bottom: 0!important;
} */
h1{
    margin-bottom: 0!important;
}
a:hover{
  list-style: none;
  text-decoration: none;
}
select:focus{
  outline: none;
}
input:focus{
  outline: none;
}

.menu_area ul li a.active {
    /*color: #f01111;*/
    background: #ff8d35;
    padding: 6px;
}


/*error css start here*/
.callout.callout-danger.error {
    color: red;
    font-size: 12px;
    padding-bottom: 10px;
}
/*error css end here*/

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #2f148400 inset;
  transition: background-color 5000s ease-in-out 0s;
}
/*=====================================*/

.logo a img {
  /*width: 50px;*/
  height: 72px;
  width: 72px;
}
.menu_area ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*.menu_area ul li a {
  padding: 0 15px;
  font-size: 15px;
  color: var(--white);
}*/
.menu_area ul li a {
    padding: 0 10px;
    font-size: 13px;
    color: var(--white);
}
.menu_area ul li a:hover {
  color: #ff8d35;
  transition: ease-in-out 0.4s;
}

.Profile_area img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
}
.Profile_area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.matka_header_main {
  height: 60px;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: rgb(9 4 53 / 100%);
  transition: all 0.3s ease-in;
}
.main_year_chart_allara {
  padding: 74px 15px 0;
}
.main_year_chart_allara h1 {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 17px !important;
}
.king_result_list_main .group_chart {
  background: #073059;
  margin: 0 0 9px;
  padding: 15px;
  border-radius: 12px;
}
.king_result_list_main .group_chart h3 {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin: 0 0 9px;
}
.king_result_list_main .group_chart .chrt_gp {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.main_year_chart_allara {
  padding: 74px 15px 75px;
}
.chrt_gp a svg {
  width: 14px;
  fill: #fff;
}
.chrt_gp a {
  background: #d7b600;
  color: #fff;
  font-size: 13px;
  border-radius: 4px;
  padding: 5px 14px;
  margin: 0 0 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.play_bazar_foot_content {
    background: #2f1c73;
    text-align: center;
    padding: 15px;
    color: #fff;
}
.play_bazar_foot_content p {
  font-size: 15px;
  margin: 12px 0 0;
}
.play_bazar_foot_content_main .play_bazar_foot_content:nth-child(2n+2) {
  background: #1d0a64;
}
.play_bazar_foot_content h3 {
  color: #f42e19;
  font-size: 19px;
}
.matka_header_main .row {
  display: flex;
  align-items: center;
}
.banner_area_main {
  position: relative;
}
.banner_area_main img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.Profile_area{
  display: none;
}
.login_regis ul li a svg {
  width: 12px;
  color: #fff;
}
.login_regis ul li a {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#F01111), color-stop(15%, #FF8D35), color-stop(30%, #FF8D35), color-stop(55%, #F01111), to(#F01111));
  background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position: 50% 0;
  background-size: 200%;
  padding: 11px 16px;
  font-size: 14px;
  border-radius: 6px;
  display: inline-block;
  margin: 10px 0 0 10px;
  transition: ease-in-out 0.4s;
}
.login_regis ul li a:active, .login_regis ul li a:focus, .login_regis ul li a:hover {
  color: #fff;
  background-position: 0;
  transition: ease-in-out 0.4s;
}


.bnrdownload .bnrdownload_appbtn {
       height: 70px!important;
    position: absolute;
    left: 26%;
    top: 65%;
}


     


.banner_contwrp1 {
    position: relative!important;
}



.login_regis ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/*.banner_cont {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}*/
section.login_wrap_area h6 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 0;
}
.banner_cont {
       /* position: absolute; */
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    transform: translate(0,-50%);
}
.banner_cont img {
/*  width: 31%;*/
width: auto;
}
.matka_rate_area {
  
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px 0px 15px 0px;
}
.matkaply_area {
  background: rgba(77, 25, 173, 0.5);
  border: 2px solid rgba(94, 53, 177, 0.5);
  border-radius: 10px;
  height: 100%;
  width: 100%;
  left: 50%;
  right: 50%;
  top: 0;
  /* z-index: -1; */
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  padding: 25px;
}
.matkaply_area h1 {
    text-align: center;
    color: #d57440;
    font-size: 2.55rem;
    padding-bottom: 10px;
  
}
.matkaply_area p {
  color: #fff;
  text-align: center;
  font-size: 15px;
  margin: 0 0 8px;
  position: relative;
  z-index: 99;
}
.matkaply_area::before{
content: "";
position: absolute;
right: 0;
top: 50%;
height: 250px;
width: 250px;
background-image: url(../images/ro.webp);
background-size: cover;
-webkit-transform: translate(50px, -50%);
transform: translate(50px, -50%);

}
.matkaply_area::after{
content: "";
position: absolute;
left: 0;
top: 50%;
height: 250px;
width: 250px;
background-image: url(../images/ro.webp);
background-size: cover;
-webkit-transform: translate(-50px, -50%);
transform: translate(-50px, -50%);

}




.matkarate_area {
  background: rgba(77, 25, 173, 0.5);
  border: 2px solid rgba(94, 53, 177, 0.5);
  border-radius: 10px;
  height: 100%;
  width: 100%;
  /* left: 50%;
  right: 50%; */
  top: 0;
  /* z-index: -1; */
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  padding: 25px;
}
.matkarate_area h2 {
  text-align: center;
  color: #d57440;
  margin: 0 0 12px;
}
.matkarate_area p {
  color: #fff;
  text-align: center;
  font-size: 15px;
  margin: 0;
}
.matkarate_area::before{
content: "";
position: absolute;
right: 0;
top: 50%;
height: 250px;
width: 250px;
background-image: url(../images/ro.webp);
background-size: cover;
-webkit-transform: translate(50px, -50%);
transform: translate(50px, -50%);

}
.matkarate_area::after{
content: "";
position: absolute;
left: 0;
top: 50%;
height: 250px;
width: 250px;
background-image: url(../images/ro.webp);
background-size: cover;
-webkit-transform: translate(-50px, -50%);
transform: translate(-50px, -50%);

}
.matkarate_area ul li {
  text-align: ;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  color: #fff;
  padding: 8px 0 8px;
  border-bottom: 1px solid #333488;
}
.matkarate_area ul li p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
}
.matkarate_area ul li p svg {
  width: 18px;
  margin: 0 10px 0 0;
  color: #f85425;
}
.matkarate_area ul {
  position: relative;
  z-index: 99;
}
.matkarate_area ul li span {
  color: #f85425;
  font-weight: 600;
}
.calltoaction {
  background: #f12711; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f12711, #f5af19); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f12711, #f5af19); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding: 30px 15px;
  text-align: center;
}
.button_area a {
  color: #fff;
  /* background: -webkit-gradient(linear, left top, right top, from(#F01111), color-stop(15%, #FF8D35), color-stop(30%, #FF8D35), color-stop(55%, #F01111), to(#F01111));
  background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position: 50% 0;
  background-size: 200%; */
  padding: 11px 39px;
  font-size: 20px;
  border-radius: 6px;
  display: inline-block;
  margin: 0 0 0 10px;
  /* transition: ease-in-out 0.4s; */
  letter-spacing: 2px;
}

.button_area h2 {
  color: #ffff;
  font-size: 18px;
}

.button_area p {
  color: #ffff;
  font-size: 13px;
  margin: 10px 28px 0px 28px;
}


.matka_game_result_area {
  background-image: url(../images/reslt_bg.webp);
  background-size: cover;
  background-attachment: fixed;
  padding: 30px 0 7px;
  position: relative;
}
.heading h2 {
  text-align: center;
    color: #df7a41;
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 22px;
}

.heading p {
  text-align: center;
    color: #f7f7f7;
    margin: 0 0 45px;
    font-weight: 600;
    font-size: 14px;
}

.result_main {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.single_result {
  background: rgba(77, 25, 173, 0.5);
  border: 2px solid rgba(94, 53, 177, 0.5);
  border-radius: 10px;
  width: 18%;
  margin: 0 7px 35px;
  padding: 10px 15px;
  position: relative;
}
.single_result::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 150px;
  width: 150px;
  background-image: url(../images/ro.webp);
  background-size: cover;
  -webkit-transform: translate(50px, -50%);
  transform: translate(50px, -50%);
  opacity: 0.5;
}
.single_result::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 150px;
  width: 150px;
  background-image: url(../images/ro.webp);
  background-size: cover;
  -webkit-transform: translate(50px, -50%);
  transform: translate(-50px, -50%);
  opacity: 0.5;
}
.result_opn_cls p {
  transform: translate(0, -50%);
  height: 28px;
  width: 84px;
  background: #5E35B1;
  border-radius: 50px;
  line-height: 29px;
  margin: auto;
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
.result_opn_cls p::after {
  content: "";
  position: absolute;
  height: 40px;
  width: 96px;
  border-radius: 50px;
  left: -6px;
  top: -6px;
  background: #5E35B1;
  opacity: 0.45;
  z-index: -1;
}
.result_opn_cls {
  display: flex;
  justify-content: space-between;
  bottom: 11px;
  position: relative;
}
.single_result .bazar_title {
  text-align: center;
  color: #ff8d35;
  font-size: 17px;
  margin: -4px 0 0;
}
.result_number {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.result_number span {
  color: #fff;
  font-size: 18px;
  margin: 5px 0;
  font-weight: 600;
}
.chart_btn a svg {
  width: 12px;
  position: relative;
  bottom: 1px;
}
.chart_btn a {
  background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
  color: #fff;
  padding: 5px 14px;
  font-size: 15px;
  text-transform: capitalize;
  border-radius: 50px;
  display: inline-block;
}
.chart_btn {
  display: flex;
  justify-content: space-around;
  margin: 10px 0 0;
  position: relative;
  z-index: 9999;
}
.button_area a svg {
  width: 18px;
  margin: 0 9px 0 0;
  fill: #fff;
}
.game_timetable_area {
  background: url(../images/bg2.webp);
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  background-attachment: fixed;
}
.game_table {
  background: rgba(77, 25, 173, 0.5);
  border: 2px solid rgba(94, 53, 177, 0.5);
  width: 100%;
  border-radius: 15px;
  padding: 25px;
  position: relative;
  text-align: center;
}
.game_table table {
  width: 100%;
}
.game_table table tr th {
  border-bottom: 3px solid #4528aa;
  font-size: 15px;
  color: #ff8d35;
  font-weight: 500;
  padding: 0 0 6px;
}
.game_table table tr td {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  padding: 12px 0;
  border: none;
  border-bottom: 1px solid #3b1e95;
  text-align: center;
}
.game_table::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 500px;
  width: 500px;
  background-image: url(../images/ro.webp);
  background-size: cover;
  -webkit-transform: translate(50px, -50%);
  transform: translate(50px, -50%);
  opacity: 0.5;
}
.game_table::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 500px;
  width: 500px;
  background-image: url(../images/ro.webp);
  background-size: cover;
  -webkit-transform: translate(-50px, -50%);
  transform: translate(-50px, -50%);
  opacity: 0.5;
}


/*design added*/
.info_area{
  padding: 40px 0;
      background: #1d0a64;
}
.info_detl {
    color: #fff;
    border: 1px solid #49249d;
    padding: 0 35px 24px;
    background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
    border-radius: 10px;
    position: relative;
}

.info_detl h2 {
    transform: translate(0px, -16px);
    height: 30px;
    width: auto;
    background: #5E35B1;
    border-radius: 50px;
    line-height: 29px;
    /* margin: auto; */
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    display: inline-block;
    padding: 0px 14px;
}

.info_detl p {
    font-size: 15px;
}
.info_detlspcr:last-child{
  margin-bottom: 0  ;
}

.info_detlspcr{
  margin: 10px 0;
}
.info_detlspcr {
    margin: 38px 0;
}
.page_footer {
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
      background-color: #232a5c;
  background-size: 100%;
}
.sociallink_hdng {
    font-size: 2.2rem;
    color: #fff;
}
.footer_logo{
  height: 50px;
}
div.footer_sociallink {
    display: flex;
    flex-direction: row;
}

h6.sociallink_hdng {
    color: #ff8d35;
    font-size: 2rem;
    padding-top: 15px;
}

div.footer_sociallink a svg {
      fill: #fff;
    height: 25px;
    margin: auto;
    display: table;
    width: 25px;
}
div.footer_sociallink a {
    border: 1px solid #5e35b1;
    margin-right: 30px;
    border-radius: 2px;
    padding: 10px;
    margin-top: 15px;
    height: 45px;
    width: 45px;
}
.Quicklnk_spcr{
  display: flex;
  flex-direction: row;

}
ul.Quicklnk_spcr li a {
    color: #fff;
    font-size: 15px;
    padding-right: 30px;
}
.Quicklink_hdng{
      color: #ff8d35;
    font-size: 2.2rem;
    padding-bottom: 15px;
}
.bottom_footer{
  border-top: 1px solid #121826;
}
.top_footer{
  padding-bottom: 40px;
}
.bottom_footer p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 15px;
    margin: 0;
}
.steps_wrap {
    padding: 40px 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
        background: #1d0a64;
}

.steps_info {
    text-align: center;
    margin: 0 0 60px;
    color: #fff;
    padding: 0 25%;
}

.steps_info h2 {
    font-size: 2.5rem;
    padding-bottom: 15px;
    color: #ff8d35;
}

.steps_info p {
    font-size: 15px;
}

.steps_infobox {
    color: #fff;
    text-align: center;
    padding: 0 12px;
}

.steps_infobox .steps_dwnhdng {
    font-size: 2rem;
    padding-bottom: 15px;
    color: #ff8d35;
    height: 60px;
}

.steps_infobox p {
    font-size: 13px;
}
.steps_infobox p svg{
    fill: #fff;
    height: 22px;
}
.svg_icon{
  transform: translate(0, -50%);
    height: 60px;
    width: 60px;
    background: #5E35B1;
    border-radius: 50px;
    margin: auto;
    padding: 18px;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.svg_icon:after{
    content: "";
    position: absolute;
    height: 72px;
    width: 72px;
    border-radius: 50px;
    left: -6px;
    top: -6px;
    background: #5E35B1;
    opacity: 0.45;
    z-index: -1;
}
.trust_wrap{
  background: #0a0858;
  padding: 40px 0;
}
ul.Trust_listing li svg {
    height: 20px;
    fill: #f01111;
    margin-right: 12px;
}

.trust_info h2 {
    color: #ff8d35;
    padding-bottom: 8px;
    font-size: 2.5rem;
}
.Trust_listing li .media-body h5 {
    color: #ff8d35;
    font-size: 2rem;
}

.Trust_listing li .media-body p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
}

ul.Trust_listing li {
    padding-bottom: 20px;
}
ul.Trust_listing li:last-child {
    padding-bottom: 0;
}
.trust_img{
  position: relative;
  display: inline-block;
}
.trust_bgley{
  position: absolute;
  left: 0;
  height: 100px;
}
img.trust_imgmn {
/*     width: 400px;*/
         width: 330px;
    z-index: 99;
    /* opacity: 2; */
    position: relative;
    background: #fff;
    border-radius: 10px;
}
.trust_img:after {
    content: "";
    background: url("../images/why_us_grid.webp");
    width: 300px;
    height: 170px;
    top: -4%;
    right: -20%;
    position: absolute;
    display: inline-block;
    z-index: 9;
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
}
/*login page css start here*/
.inner_banner{
    height: 60px;
    background: #1d0a64;
}
.sec_login {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  background: #2e1185;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec_login{
  background: url('../images/login_bg.jpg'); 
  background-repeat: no-repeat;
  background-size: cover;
}
/*.login_wrap {
    width: 44%;
    margin: auto;
    display: table;
    padding: 5% 4%;
    background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
    border-radius: 10px;
    color: #fff;
}*/
.login_wrap h1 {
  font-size: 2.2rem;
  text-align: center;
  padding-bottom: 35px;
  color: #fffefe;
}

.login_wrap label {
    display: block;
    font-size: 1.6rem;
    padding-bottom: 7px;
}
/*
.login_wrap input {
  border: none;
    width: 100%;
    padding: 9px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 18px;
        background: #ffffff24;
        color: #fff;
}*/
.login_wrap input::placeholder{
  color: #fff;
}
/*.sec_register input{
   border: none;
    width: 100%;
    padding: 9px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 18px;
        background: #ffffff24;
        color: #fff;
}*/
.sec_register input::placeholder{
  color: #fff!important;
}

.sec_register input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff!important;
}

.sec_register input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff!important;
}
sec_register input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff!important;
}


.guest_frm textarea::placeholder{
  font-size: 14px!important;
}

.guest_frm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px!important;
}

.guest_frm input::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 14px!important;
}
.guest_frm input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 14px!important;
}


.submit_btn {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#F01111), color-stop(15%, #FF8D35), color-stop(30%, #FF8D35), color-stop(55%, #F01111), to(#F01111));
  background: #D7B600;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position: 50% 0;
  background-size: 200%;
  padding: 11px 28px;
  font-size: 14px;
  border-radius: 6px;
  display: inline-block;
  margin: auto;
  transition: ease-in-out 0.4s;
  display: inherit;
  border: none;
  width: 50%;
  text-align: center;
}
a.forget_pass {
    font-size: 14px;
    color: #fff;
     padding: 0 0px 8px;
    display: inline-block;
}
.registr_pass {
  font-size: 14px;
  color: #fff;
  padding: 0;
  display: inline-block;
  text-align: center;
}
.login_logo img {
  width: 50%;
  margin: 0 auto 58px;
  display: block;
}
/*.registr_pass {
font-size: 14px;
    color: #fff;
     padding: 0 0px 8px;
     display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}*/
p.registr_pass a {
    color: #c3ab08;
    font-size: 14px;
    padding: 6px 7px;
    display: inline-block;
    margin: 0;
    border-radius: 4px;
    font-weight: 600;
}
/*resgister page css stat here*/
.register_wrap {
    width: 44%;
    margin: auto;
    display: table;
    padding: 5% 4%;
    border-radius: 10px;
    color: #fff;
}
.sec_register{
   background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  background: #2e1185;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec_register {
  background: url('../images/login_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.sec_register h1 {
    font-size: 2.2rem;
    text-align: center;
    padding-bottom: 20px;
    color: #ffffff;
}

.sec_register label {
    display: block;
    font-size: 1.5rem;
    padding-bottom: 7px;
}

/*.sec_register input {
  border: none;
    width: 100%;
    padding: 9px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 18px;
}*/

.singlepage_wrap {
  background: #1d4875;
  padding: 40px 0;
}
.single_hdng {
  color: #fff;
  text-align: center;
  margin: 0 0 6px;
}

.single_hdng h2 {
    font-size: 2rem;
    padding-bottom: 10px;
}

.single_hdng p {
    font-size: 15px;
}
.gameslect_hdng {
  font-size: 17px;
  color: #fff;
  padding-bottom: 0;
  text-align: center;
}
.single_display select {
    width: 100%;
    padding: 10px;
    font-size: 15px;
        border: 2px solid rgba(94, 53, 177, 0.5);
    border-radius: 10px;
    background: rgba(77, 25, 173, 0.5);
    color: #fff;
}
.single_display select:focus{
  outline: none;
}

.main_tab_cont_play h3 {
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.bet_total h3 {
  margin: 26px 0 0;
}
.bet_total h3 span {
  color: #d7b600;
  font-weight: 600;
}
.play_area_main form select {
  width: 100%;
  height: 50px;
  background: #ffffff24;
  border: 0;
  border-radius: 4px;
  padding: 0 13px;
  font-size: 13px;
  color: #fff;
  padding: 12px 0;
  padding: 10px;
  border-radius: 10px;
  margin: 0 0 12px;
}
.play_area_main form {
    margin: 24px auto 0;
}
.game_input {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-between;
}

.play_area_main form input::placeholder{
  color: #fff;
}
.play_area_main form input {
  width: 49%;
  border-radius: 10px;
  height: 50px;
  background: #ffffff24;
  border: 0;
  padding: 0 13px;
  font-size: 13px;
  color: #fff !important;
  margin: 0;
}
.game_input {
  margin: 10px 0 0
}
.game_input input {
  margin: 0 0 10px;
}
.game_input.game_input_new input {
  margin: 0 8px 0 0;
}
.game_input {
  margin: 10px 0 0;
  display: flex;
  justify-content: space-between;
}
.bet_btn button {
  background: #D7B600;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position: 50% 0;
  background-size: 200%;
  padding: 11px 16px;
  font-size: 14px;
  border-radius: 6px;
  display: inline-block;
  margin: 0 0 0 10px;
  transition: ease-in-out 0.4s;
  border: none;
  color: #fff;
  margin: 10px auto 0;
  display: table;
  width: 35%;
}
.bet_btn button:hover {
color: #fff;
    background-position: 0;
    transition: ease-in-out 0.4s;
    }
.close_div svg {
  width: 14px;
  fill: #fff;
}
.close_div {
  background: #d22323;
  height: 50px;
  display: flex;
  width: 41px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin: 0 0 0 0;
  cursor: pointer;
}
.play_area_main .game_input .close_div {
  display: none;
}
.game_input.game_input_new .close_div {
  display: flex;
}
.btn-copy {
  cursor: pointer;
  background: #72ccdb;
}
.btn-copy svg {
  width: 15px;
  margin: 0 0 0 7px;
  fill: #fff;
}
.btn-copy {
  cursor: pointer;
  background: #25c4d5;
  width: 154px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  border-radius: 4px;
  margin: 25px auto 0;
  color: #fff;
  font-size: 15px;
}
/*sngle patti page css strat here*/
.singlepatti_wrap{
  background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    border-radius: 15px;
}
.singlpatti_markt {
    width: 50%;
    height: 50px;
    background: #ffffff24;
    border: 0;
    border-radius: 4px;
    padding: 0 13px;
    font-size: 13px;
    color: #fff;
    padding: 12px 0;
    border: 1px solid #4528aa;
    padding: 10px;
    border-radius: 10px;
    margin: auto;
    display: table;
}
.patti_numbring {
  position: relative;
    color: #fff;
    background: #5E35B1;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: 50% 0;
    background-size: 200%;
    padding: 11px 16px;
    font-size: 14px;
    border-radius: 6px;
    display: inline-block;
    transition: ease-in-out 0.4s;
    width: 1%;
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
        margin-bottom: 20px;
        margin-left: 20px;
        z-index: 1;
}
.patti_numbring:after {
  content: "";
    position: absolute;
    width: 1%;
    height: 40px;
    width: 40px;
    border-radius: 6px;
    left: -6px;
    top: -4px;
    background: #5E35B1;
    opacity: 0.45;
    z-index: -1;
}
.patti_numbring:hover {
    color: #fff;
    background-position: 0;
    transition: ease-in-out 0.4s;
  }

ul.patti_brkwrp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

li.patti_brkwrpli {
    width: 17%;
    display: flex;
    flex-direction: row;
    margin: 0 18px 15px;
}
li.patti_brkwrpli input {
    width: 100%;
    background: #ffffff24;
    border: none;
    padding: 14px;
    font-size: 14px;
    color: #fff;
    border-radius: 0px 6px 6px  0px;
}

li.patti_brkwrpli span {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#F01111), color-stop(15%, #FF8D35), color-stop(30%, #FF8D35), color-stop(55%, #F01111), to(#F01111));
    background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
    padding: 11px;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: 50% 0;
    background-size: 200%;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
    display: inline-block;
    transition: ease-in-out 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single_patti2 {
    margin-top: 25px;
}
.sangam_input  input {
    width: 32.5%!important;
}
.totalpoint_text {
    text-align: center;
    color: #fff;
    font-size: 2rem;
    padding-top: 15px;
}
.submitgame_btn {
    margin: 15px auto 0;
    display: table;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#F01111), color-stop(15%, #FF8D35), color-stop(30%, #FF8D35), color-stop(55%, #F01111), to(#F01111));
    background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
    padding: 11px;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: 50% 0;
    background-size: 200%;
    font-size: 14px;
    border-radius: 6px;
    display: inline-block;
    transition: ease-in-out 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    padding: 12px 54px;
}
.submitgame_btn:hover{
  color: #fff;
  transition: ease-in-out 0.4s;
}
.halfsangam_addbet {
    background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
    border-radius: 10px;
    margin: 20px 0;
    padding: 15px;
}
.jodichart_mainwrap {
    padding: 40px 50px;
        /*background: url(../images/bg2.webp);*/
        background: #080757;
}
.chartlist_pagetitle h2 {
    font-size: 2rem;
    padding-bottom: 10px;
    color: #fff;
}
.chartlist_pagetitle p {
    font-size: 14px;
    /*padding-bottom: 15px;*/
    padding-bottom: 5px;
    color: #fff;
}
.record_text{
  text-align: center;
}
.record_text {
    background: #d4d4d4;
    width: 33%;
    text-align: center;
    margin: 25px auto 25px;
    transform: translate(0, -50%);
    height: 35px;
    background: #5E35B1;
    border-radius: 50px;
    line-height: 29px;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 2px 0;
        top: 10px;
}

.jodilist_box{
      background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
    border-radius: 10px;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    /* z-index: -1; */
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    padding: 25px;
}
.jodilist_box::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 250px;
    width: 250px;
    background-image: url(../images/ro.webp);
    background-size: cover;
    -webkit-transform: translate(50px, -50%);
    transform: translate(50px, -50%);
}
.jodilist_box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 250px;
    width: 250px;
    background-image: url(../images/ro.webp);
    background-size: cover;
    -webkit-transform: translate(-50px, -50%);
    transform: translate(-50px, -50%);
}
.jodilist_boxlisting a  {
    width: 17%!important;
    margin: 8px 15px!important;
    font-size: 14px;
    background: #ffffff24;
    padding: 8px 12px;
    border-radius: 10px;
    border: 2px solid rgba(94, 53, 177, 0.5);
}
.jodilist_boxlisting a li {
    color: #fff;
}
ul.jodilist_boxlisting {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    z-index: 999;
    position: relative;
}
.jodichart_tablewrp {
  padding: 40px 50px;
  background: #1d4875;
}
.charttable_hdng {
    background: #d4d4d4;
    width: 33%;
    text-align: center;
    margin: 25px auto 25px;
    transform: translate(0, -50%);
    height: 40px;
    background: #5E35B1;
    border-radius: 50px;
    line-height: 29px;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 6px 0;
    top: 10px;
}

.jodichart_table {
  color: #fff;
  font-size: 16px;
  background: rgb(1, 54, 108);
  border: 1px solid rgb(16, 70, 125);
  text-align: center;
}

.jodichart_table>tbody>tr>td {
/*        font-size: 25px;*/
  font-size: 20px;
        padding: 5px 0;
        /* border: 1px solid #333488; */
}

.jodichart_table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #333488;
}
.jodichart_table thead th{
      border-bottom: none;
          padding: 12px 0;
}
.jodichart_table thead {
  background: #d7b600;
}
/*how to play page css start here*/
.howplay_sec {
  padding: 85px 15px 76px;
  color: #fff;
}
.howplay_sec p {
  font-size: 14px;
}
.howplay_sec h2 {
  font-size: 17px;
  margin: 13px 0px 10px 0px;
}
/*accordian css*/
ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px;
  margin: 0;
  list-style: none;
/*  background-color: #f9f9fa;*/
}
ul.accordion-list li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 20px 10px;
    margin: 0 auto 15px auto;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
}
ul.accordion-list li.active h3:after {
  transform: rotate(88deg);
}
ul.accordion-list li h2 {
  font-weight: 700;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.01em;
  cursor: pointer;
}
ul.accordion-list li h3:after {
  content: ">";
  font-family: "material-design-iconic-font";
  position: absolute;
  right: 0;
  top: 0;
  color: #fcc110;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
}
ul.accordion-list li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
      border-top: 1px solid #48229d;
}
ul.accordion-list li div.answer p {
  position: relative;
  display: block;
  font-weight: 300;
  padding: 10px 0 0 0;
  cursor: pointer;
  line-height: 150%;
  margin: 0 0 15px 0;
  font-size: 14px;
}
.howplay_hdng {
    text-align: center;
    color: #fffd;
    font-size: 2rem;
    padding-bottom: 25px;
}
.howplay_hdng {
    background: #d4d4d4;
    width: 20%;
    text-align: center;
    margin: 25px auto 25px;
    transform: translate(0, -50%);
    height: 35px;
    background: #5E35B1;
    border-radius: 50px;
    line-height: 29px;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding: 2px 0;
    top: 10px;
}



/*custom css*/
.fixed {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    background: rgb(9 4 53);
    transition: all 0.3s ease-in;
}
.page_header .nav>.nav-btn {
    display: none;
}
div#nav_toggler {
    display: none;
}


.menu_area ul li a .active a{
      color: #ff8d35;
}


/*profile page css strat here*/
.profile_hdng {
  color: #D7B600;
  width: 10%;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 0;
}
.profilepage_wrap {
    padding: 85px 15px 90px;
}
.wallet_box img {
    height: 40px;
    width: 40px;
}
.wallet_wrp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}
.wallet_box {
  background: rgb(1, 54, 108);
  border: 2px solid rgb(66, 122, 179);
  width: 45%;
  text-align: center;
  padding: 30px;
  /* padding: 15px; */
  border-radius: 10px;
  margin: 0 0;
}
.wallet_box h6 {
    font-size: 2rem;
    padding-bottom: 15px;
    color: #fff;
}
.wallet_box img {
    margin-bottom: 15px;
    color: #fff;
}
.ransactionhis_btn{

}
.wrap_pager {
    padding: 50px 0 30px;
}
.profl_logout {
  color: #fff;
  background: #D7B600;
  background-position-x: 0%;
  background-position-y: 0%;
  background-position: 50% 0;
  background-size: 200%;
  padding: 11px 16px;
  font-size: 14px;
  border-radius: 4px;
  transition: ease-in-out 0.4s;
  width: 30%;
  text-align: center;
  margin: -22px auto;
  display: table;
  position: relative;
}
.profl_logout {
    color: #fff;
    background-position: 0;
    transition: ease-in-out 0.4s;
}
.ransactionhis_btn {
  color: #fff;
  background: #d7b600;
  background: #vvv;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position: 50% 0;
  background-size: 200%;
  padding: 11px 16px;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  margin: 0;
  transition: ease-in-out 0.4s;
  width: 60%;
  text-align: center;
  margin-bottom: 10px;
}
.ransactionhis_btn {
    color: #fff;
    background-position: 0;
    transition: ease-in-out 0.4s;
}
.profilebet_btn {
  color: #fff;
  background: #5195db;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position: 50% 0;
  background-size: 200%;
  padding: 11px 16px;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  margin: 0 0 15px;
  transition: ease-in-out 0.4s;
  width: 60%;
  text-align: center;
}
.bet_btn {
    color: #fff;
    background-position: 0;
    transition: ease-in-out 0.4s;
}
.profile_detalinfo h6 {
  padding: 6px 0 12px;
  color: #fff;
  font-size: 15px;
  border-bottom: 1px solid #427ab3;
  width: 65%;
  margin: 0 0 16px;
}
.profile_detalinfo span {
    padding-left: 15px;
}
.#nav li a:active {
    color: #000;
}
.tranastion_hdng {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 18px;
}


.transactionhistory_box h2 {
    color: #fff;
    font-size: 2rem;
}

.transactionhistory_box p {
    color: #fff;
    font-size: 15px;
}

.transactionhistory_box {
  background: rgb(1, 54, 108);
  border: 2px solid rgb(19, 96, 174);
  border-radius: 10px;
  width: 100%;
  margin: 30px auto;
  padding: 5px;
  border-radius: 15px;
}
.acnt_dtlsbox h2 {
    font-size: 2rem;
    color: #ff8d35;
}

.acnt_dtlsbox h2 span {
    font-size: 15px;
    padding-left: 2rem;
    color: #ffffff;
}
.bethistory_box h2 span {
    font-size: 15px;
    padding-left: 2rem;
  color: #ff8d35;
}
.bethistory_box h2 {
    font-size: 2rem;
    color: #fff;
}
.bethistory_box {
    padding-top: 20px;
}
h2.banner_info1 {
    color: #fff;
    font-size: 3rem;
    color: #ff8d35;
    font-weight: 700;
}

.banner_info2 {
    font-size: 15px;
    color: #fff;
}

.banner_contwrp2 {
    position: absolute;
    top: 50%;
}
.banner_contwrp1 {
    width: 60%;
    /*padding-bottom: 0.5rem;*/
}

/*new css added here*/
.matkarate_area ul li p a {
    color: #fff;
}
select option {
    color: #000;
}
.frnt_accrdian li{
    padding: 0px 20px 10px!important;
    margin: 0 auto 35px auto;
    background: transparent!important;
    border: none!important;
}
ul.frnt_accrdian li div.answer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: -35px -42px 25px;
    padding: 30px 30px 15px;
    cursor: pointer;
    border-top: 1px solid #48229d;
    border-radius: 10px;
        background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
}
ul.frnt_accrdian li h2:after {
    content: ">";
    font-family: "material-design-iconic-font";
    position: absolute;
    right: 18px;
    top: 8px;
    color: #ff8d35;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
}
ul.frnt_accrdian li.active h2:after {
    transform: rotate(88deg);
}



.frnt_accrdian .info_detl h2 {
    transform: translate(0px, -16px);
    height: auto;
    width: 50%;
    text-align: left;
    background: #5E35B1;
    border-radius: 50px;
    line-height: 27px;
    /* margin: auto; */
    position: relative;
    z-index: 1;
    /* text-align: center; */
    color: #fff;
    font-size: 2rem;
    display: inline-block;
    padding: 8px 25px;
}
.accordion_listinfo{
        padding: 40px 0 0!important;
}
.frnt_accrdian li:last-child{
    margin-bottom: 0;
}
.wallet_portn h6 svg {
    height: 25px;
    fill: #f01111;
    margin-right: 6px;
}
.wallet_portn h6 {
    color: #fff;
    font-size: 15px;
    padding: 10px 8px 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}




.transactionech_wrp h2 {
  color: #fff;
  font-size: 2rem;
  background: #0e4a88;
  padding: 10px;
  border-radius: 50px;
  width: 23%;
  text-align: center;
  font-size: 1.55rem;
  margin-bottom: 15px;
}
.transactionech_wrp {
  background: rgb(1, 54, 108);
  border: 2px solid rgb(64, 107, 151);
  border-radius: 10px;
  width: 57%;
  margin: 30px auto;
  padding: 23px;
  border-radius: 15px;
  /* text-align: center; */
}
p.transactionhistory_actn span {
  color: #D7B600;
  font-size: 17px;
  font-weight: 600;
  padding-right: 10px;
}
.transactionech_wrp p {
  color: #fff;
  font-size: 15px;
  border-bottom: 1px solid #0e4a88;
  padding-bottom: 0px;
}
.transactionech_wrp p:last-child{
  border: none!important;
}

.bethistory_wrp {
    width: 50%;
}
.bethistory_wrp h6 {
  background: #0a4077;
  padding: 10px;
  border-radius: 4px;
  font-size: 1.50rem;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
  text-align: center;
  margin: 7px 10px;
}
.bethistory_wrp h6 span {
    color: #d7b600;
    padding-right: 15px;
}
.head_menu_area ul li a:hover svg {
  fill: #fff;
}
.ovaerlay_footer {
    padding-top: 30px;
    background: #121826;
}
hr.ftr_border {
    border: 1px solid #5e35b1;
    margin: 20px 0;
}
.licenses_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: end;
    margin-top: auto;
    margin-bottom: 0;
}

.licenses_wrap li img {
    height: 30px;
    margin-left: 20px;
}

/*.licenses_wrap li img:last-child {
    margin-right: 0!important;
}*/
.main_socialwrp{
  display: flex;
  justify-content: space-between;
}
.aboutpage_wrap{
    padding: 40px 50px;
    background: url(../images/bg2.webp);
}
.about_hdng {
    background: #5E35B1;
    font-size: 2rem;
    padding: 8px 40px;
    border-radius: 50px;
    color: #fff;
    width: 25%;
    text-align: center;
    margin: auto;
}
.privary_info {
    padding: 50px 0;
}
.privary_info h2 {
    font-size: 2rem;
    padding-bottom: 15px;
        color: #ff8d35;
         padding-top: 15px;
}
.privary_info h3 {
    /*font-size: 2rem;*/
    padding-bottom: 15px;
        color: #ff8d35;
         padding-top: 15px;
}
.privary_info p {
    font-size: 14px;

}
.privary_info ul li {
    font-size: 13px;
    list-style: disc;
      margin-left: 30px;
}
.matkalink{
  color: #ff8d35!important;
}
.contact_wrap {
    width: 90%;
    margin: auto;
    border-radius: 20px;
    background: rgba(77, 25, 173, 0.5);
    border: 2px solid rgba(94, 53, 177, 0.5);
    padding: 30px 40px;
    position: relative;
}
.contact_wrap h6:last-child {
    border: none;
}
.contact_wrap h6 svg {
    fill: #fff;
    height: 40px;
    background: #f01111;
    padding: 10px;
    border-radius: 11px;
    margin-right: 18px;
}

.contact_wrap h6 {
    /*padding: 15px 0;*/
    /* border-bottom: 1px solid #5e35b1; */
    font-size: 16px;
    /*margin-bottom: 0;*/
    background: #080757;
    width: 50%;
    padding: 15px 30px;
    border-radius: 14px;
    border: 2px solid #442199;
    margin: 20px 0;
}
form.my_detls {
    display: flex;
    flex-direction: column;
    width: 95%;
}


form.my_detls label {
    font-size: 14px;
    color: #ff8d35;
    font-weight: 700;
}

form.my_detls input {
    border: none;
    background: transparent;
    border-bottom: 1px solid #5e35b1;
    padding: 10px 0; 
    margin: 10px 0;
    border-radius: 0;
}
form.my_detls input::placeholder {
  color: #fff;
  font-size: 12px;
}
h6.border_mdl {
    position: absolute;
    height: 89%;
    width: 1px;
    top: 22px;
    background: #5e35b1;
    left: 49%;
    right: auto;
}
p.howplay_smalldres {
    color: #fff;
    font-size: 13px;
    padding: 0 20px;
}
.play_hdng {
  color: #D7B600;
  padding-left: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
ul.frnt_accrdian li div.answer h4 {
    color: #ff8d35;
    padding-top: 15px;
}
ul.frnt_accrdian li div.answer h6 {
    font-size: 15px;
     color: #ff8d35;
     padding-top: 15px;
}
.accor_underoptn p {
    padding: 0px!important;
}
.trust_infodtl{
      font-size: 14px;
    color: #fff;
    padding-bottom: 10px;
}

.whatsapp_icon {
  position: fixed;
  left: 8px;
  bottom: 17px;
  z-index: 99999;
}
.whatsapp_icon a img {
  width: 50px;
  height: 50px;
}



/*banner button*/
.bnrdownload_appbtn {
     background-color: #004A7F;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    /* color: #FFFFFF; */
    cursor: pointer;
    display: inline-block;
    /* font-family: Arial; */
    /* font-size: 20px; */
    padding: 0;
  /* text-align: center;*/
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
  height: 65px;
  width: 214px;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}


/*banner button*/

.chartlis_hdng{
      color: #f08837!important;
      padding-bottom: 8px;
}

span.invalid-feedback strong {
    font-size: 13px;
    padding-top: 0;
}
.chartlist_pagetitle h1 {
  color: #d7b600;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}



.login_wrap input[type=number]::-webkit-inner-spin-button, 
.login_wrap input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sec_register input[type=number]::-webkit-inner-spin-button, 
.sec_register input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.contact_wrap h6 a {
    font-size: 16px;
    color: #fff;
  }

  .msvg_hdng{
    font-size: 16px!important;
    color: #ff8d35!important;
    margin-bottom: 0!important;
    font-weight: 700!important;
    padding-top: 0!important;
  }



  option:disabled { color: #d4d4d4 }



  /*login register input style start here*/

.input-group {
  margin-bottom: 0;
  position: relative;
}
.input-group__label {
  display: block;
  position: absolute;
  top: 3px;
  line-height: 40px;
  color: #fff;
  left: 5px;
  padding: 0 5px;
  transition: line-height 200ms ease-in-out, font-size 200ms ease-in-out, top 200ms ease-in-out;
  pointer-events: none;
}
.input-group__input {
  width: 100%;
  height: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 0 10px;
  color: #fff;
  border: 1px solid #2e96ff !important;
  border: none;
  width: 100%;
  padding: 12px 9px;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 18px;
  background: #2f148400;
  color: #fff;
  line-height: 0;
  height: 50px;
}
.input-group__input:not(:-moz-placeholder-shown) + label {
  background-color: #fff;
  line-height: 10px;
  opacity: 1;
  font-size: 10px;
  top: -5px;
}
.input-group__input:not(:-ms-input-placeholder) + label {
  background-color: #fff;
  line-height: 10px;
  opacity: 1;
  font-size: 10px;
  top: -5px;
}
.input-group__input:not(:placeholder-shown) + label, .input-group__input:focus + label {
     background: #2e1185;
  line-height: 10px;
  opacity: 1;
  font-size: 10px;
  top: -5px;
}
.input-group__input:focus {
  outline: none;
  border: 1px solid #0086e4;
}
.input-group__input:focus + label {
  color: #fff;
  font-size: 13px;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-radius: 6px;
    border-radius: 6px;
}

/*login register input style end here*/

.login_wrap_area {
  /* background: #d94825; */
}
.login_wrap_area h3 {
  margin: 0;
  color: #fff;
  text-align: center;
  padding: 27px 0;
}
.login_wrap_area p a {
  background: linear-gradient(to right,#090758 0%,#090758 15%,#6E4BD2 30%,#090758 55%,#090758 100%);
  padding: 10px 20px;
  border-radius: 8px;
  /*margin: 0 0 0 13px;*/
  color: #fff;
}
.login_wrap_area {
  /* background: #d94825; */
  padding-bottom: 5px;
  padding-top: 15px;
}


section.login_wrap_area p {
  font-size: 14px;
  text-align: center;
  color: #fff;
  /* margin: 6px; */
  line-height: 1.6;
      margin-bottom: 0;
}


.viewpage_hdng{
      color: #f08837;
    text-align: left;
    padding-bottom: 8px;
    padding-top: 20px;
}
.list_uphdng{
  text-align: center;
}    

.uphd_hdng{
  color: #f08837!important;
}    
.list_uphdng p{
  font-size: 15px;
    /* padding-bottom: 15px; */
    padding-bottom: 20px;
    color: #fff;
}


.underpage_loginpcr {
    /*background: #d94825;*/
    /*padding-bottom: 15px;*/
    /*padding-top: 15px;*/
    margin-bottom: 12px;
    /*border-radius: 15px;*/
    /*border: 2px solid #442199bd;*/
}
.underpage_loginpcr a {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #ff0103;
  /* margin: 6px; */
  line-height: 32px;
  margin-bottom: 0;
  border: 1px solid #ff0305;
  padding: 6px;
  width: 67%;
  margin: auto;
  display: inherit;
}
.underpage_loginpcr p a {
        background: linear-gradient(to right,#f01111 0%,#f01111 15%,#fe8232 30%,#f01111 55%,#f01111 100%);
    padding: 10px 20px;
    border-radius: 8px;
    /* margin: 0 0 0 13px; */
    color: #fff;
}
/* .jodichart_table tbody tr td:nth-child(3), tbody tr td:nth-child(6), tbody tr td:nth-child(9), tbody tr td:nth-child(12), tbody tr td:nth-child(15), tbody tr td:nth-child(18), tbody tr td:nth-child(21), tbody tr td:nth-child(24), tbody tr td:nth-child(27) {
    border-left-width: 0;
    border-right-width: 0;
    font-size: 17px;
    font-weight: 700;
} */
/* .jodichart_table tbody tr td:nth-child(2), tbody tr td:nth-child(5), tbody tr td:nth-child(8), tbody tr td:nth-child(11), tbody tr td:nth-child(14), tbody tr td:nth-child(17), tbody tr td:nth-child(20), tbody tr td:nth-child(23) {
    border-right-width: 0;
    font-size: 13px;
} */
.jodichart_table td, .table th{
  vertical-align: middle;
}
.pro_optnmain{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
/*  flex-wrap: wrap;*/
}
.pro_optn img {
   height: 30px;
    background: #000;
    
    padding: 0;
  background: linear-gradient(to right,#F01111 0%,#FF8D35 15%,#FF8D35 30%,#F01111 55%,#F01111 100%);
    padding: 6px;
}

.prooption_img{
  background: linear-gradient(to right,#F01111 0%,#FF8D35 15%,#FF8D35 30%,#F01111 55%,#F01111 100%);
    border-radius: 50px;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
        margin: auto;
}

.pro_optn {
    width: 27%;
    margin: auto;
    text-align: center;
}
.pro_optn a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding-top: 15px;
}
.pro_optnmain {
    padding-top: 22px;
}

.matkaply_conarea {
    padding: 40px 0;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    /* background: #1d0a64; */
    background-image: url(../images/reslt_bg.webp);
}
.login_areainfohdng {
    color: #ff8d35;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}
.login_areainfoadded{
      padding-bottom: 11px;
    font-size: 15px;
    font-weight: 400;
}
.matkaply_area h2 {
    text-align: center;
    color: #d57440;
    font-size: 2.55rem;
    padding-bottom: 10px;
}
.page_not_found {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.page_not_found_inn h1 {
  font-size: 169px;
  background: -webkit-linear-gradient(#ff8d35, #f01111);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}
.page_not_found_inn h3 {
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 3px;
}
.page_not_found_inn p {
  font-size: 17px;
}
.page_not_found_inn a {
  display: inline-block;
  background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
  padding: 10px 24px;
  font-size: 15px;
  color: #fff;
  margin: 27px 0 0;
  border-radius: 8px;
}
.page_not_found_inn a:hover {
  color: #fff;
}
.payment_slider .slick-list {
  padding: 0 !important;
}
.payment_slider {
  /* width: 420px; */
  margin: 0 auto;
  height: auto;
}
.payment_slider img {
  width: 100%;
}
.payment_slider .slick-prev::before, .payment_slider .slick-next::before {
  font-size: 30px !important;
  color: #fff !important;

}
.payment_slider_main {
  background: #1d0a64;
  padding: 27px 0 2px;
}
.payment_slider .slick-prev {
  left: -49px;
}
.payment_slider .slick-next {
  right: -40px;
}
.heding_withd {
  text-align: center;
  color: #df7a41;
  margin: 0 0 3px;
  font-weight: 700;
  font-size: 22px;
}
.para_withd {
  text-align: center;
  color: #fff;
  font-size: 17px;
  margin: 0;
  padding: 0 0 34px;
}


ul.parter_listing {
    display: flex;
    flex-direction: row;
}

ul.parter_listing li {
    width: 14%;
    padding-right: 3%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.parter_listing li img {
    width: 100%;
    /* object-fit: cover; */
    height: 35px;
}
img.prtnerlogobg {
    background: #fff;
}

/*guest_forum page css start here*/
.guest_foruminfo {
    color: #fff;
    text-align: justify;
}

.guest_foruminfo h1 {
  font-size: 22px;
      color: #f08837;
}
.guest_foruminfo p {
    font-size: 14px;
    padding-bottom: 15px;
        padding-top: 15px;
}
.guest_foruminfo ul li {
    font-size: 14px;
    text-align: center;
    padding: 5px;
}
.guest_foruminfo ul li {
    text-align: justify;
    font-size: 15px;
    padding: 5px;
}

.guest_foruminfo ul li span {
    color: #f01111;
    padding-right: 20px;
}
.guest_frm label {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  padding: 0 0 10px 0;
}

.guest_frm textarea {width: 50%;margin-bottom: 25px;padding: 15px 8px;font-size: 14px;}

form.guest_frm .submit_btn {
    margin-right: auto;
    margin-left: 0;
    width: 12%;
    margin-bottom: 15px;
}

form.guest_frm .submit_btn button {
    border: 0;
    background: none;
    color: #fff;
}
.guestforum_accordian .accordion-list {
    padding: 20px 0;
}
.guestforum_accordian .guestforum_name {
    font-size: 18px;
    font-weight: 700;
}
span.guestforum_name {
    font-size: 14px;
}
.guestforum_accordian .guestforum_admin {
 font-size: 14px;
    padding-bottom: 2px;
    padding-top: 3px;
    display: block;
    font-weight: 700;
/*    color: #ff0209;*/
    border-bottom: 1px solid #48229d52;
}

.guestforum_accordian .guestforum_contactadmin {
    font-size: 15px;
    padding-bottom: 5px;
     padding-top: 5px;
}
.guestforum_accordian .guestforum_about{
  padding-bottom: 5px;
}
/*.guest_frm textarea::placeholder{
  font-size: 14px!important;
}*/



/*home page banner css*/
.pagebanner_info h1 {
    padding-bottom: 10px;
    font-size: 28px;
}
.pagebanner_info p {
    font-size: 15px;
    padding: 5px;
}


/* guestforum accordian*/

.guestforum_accordian .accordion-listgus {
    padding: 20px 0;
}
.accordion-listgus {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    list-style: none;
}

ul.accordion-listgus li {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 20px 10px;
  margin: 0 auto 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  background: rgb(1, 54, 108);
  border: 2px solid rgb(41, 105, 170);
}
ul.accordion-listgus li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-top: 1px solid #22588f;
  margin: 4px 0 0;
}
ul.accordion-listgus li div.answer p {
    position: relative;
    display: block;
    font-weight: 300;
    padding: 10px 0 0;
    cursor: pointer;
    line-height: 150%;
    margin: 0 0 15px;
    font-size: 14px;
}
.guestforumtime{
  font-size: 14px;
  font-weight: 400;
}
.guest_admin_reply {
  background: #61a1e3;
  padding: 10px 18px;
  margin: 10px 0;
  border-radius: 6px;
  color: #000;
}
.guestforum_admintime{
  font-size: 15px;
}



/*expert forum css*/
.expert_forum{
      position: fixed;
    left: 8px;
    bottom: 17px;
    z-index: 99999;
    background: #ff0105;
    border-radius: 4px;
    padding: 14px;
}
.expert_forum a span {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}


img.pro-offer {
  width: 100%;
  height: 310px;
      
}
div.footer_sociallink {
  display: flex;
  flex-direction: row;
}
div.footer_sociallink a {
  border: 1px solid #5e35b1;
  margin-right: 30px;
  border-radius: 2px;
  padding: 10px;
  margin-top: 15px;
  height: 45px;
  width: 45px;
}
div.footer_sociallink a svg {
  fill: #fff;
  height: 25px;
  margin: auto;
  display: table;
  width: 25px;
}
.top_content {
  background: #1d0a64;
  padding: 15px 7px;
}
.top_content p {
  font-size: 15px;
  color: #fff;
  margin: 0;
  text-align: center;
}
.top_content marquee {
  color: #ff8d35;
  font-size: 17px;
  border-top: 1px solid #351a97;
  padding: 9px 0 0;
  margin: 14px 0 0;
}
.satta_live {
  background: #0a0858;
  padding: 15px 7px;
}
.sattlalv_title {
  text-align: center;
}
.sattlalv_title h1 {
  color: #df7a41;
  font-weight: 700;
  font-size: 23px;
  margin: 0 0 13px;
}
.sattlalv_title p {
  color: #fff;
  font-size: 15px;
  margin: 9px 0 0;
}
.single_live_reslt {
  text-align: center;
  border-top: 2px solid #3633a6;
  margin: 0 0 0;
  padding: 20px 0;
}
.sattlalv_title {
  text-align: center;
  margin: 0 0 20px;
}
.single_live_reslt h2 {
  font-size: 22px;
  color: #fff;
  margin: 0 0 13px;
}
.single_live_reslt span {
  display: block;
  font-size: 25px;
  font-weight: 800;
  color: #f01111;
  line-height: 19px;
  margin: 0 0 18px;
}
.single_live_reslt button {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#F01111), color-stop(15%, #FF8D35), color-stop(30%, #FF8D35), color-stop(55%, #F01111), to(#F01111));
  background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
  border: 0;
  padding: 7px 20px;
  font-size: 15px;
  border-radius: 5px;
}
.single_live_reslt a {
  display: block;
  color: #27cc8e;
  font-size: 14px;
  border-bottom: ;
  text-decoration: underline;
  padding: 3px 0 0;
}
.single_live_reslt p {
  margin: 0;
  color: #fff;
  font-size: 15px;
  margin: 10px 0 0;
}
.sattlalv_bottom_cont {
  text-align: center;
  border-top: 2px solid #3633a6;
  padding: 20px 0 0;
}
.sattlalv_bottom_cont p {
  font-size: 15px;
  color: #fff;
}
.sattlalv_bottom_cont p:nth-child(2) {
  color: #f01111;
}
.sattlalv_bottom_cont a {
  font-size: 21px;
  color: #27cc8e;
  font-weight: 500;
}
.munna_game_area {
  background: #1d0a64;
  text-align: center;
  padding: 20px 7px;
}
.munn_title p {
  font-size: 25px;
  color: #fff;
}
.munn_title h1 {
  font-size: 25px;
  color: #fff;
}

.munn_title h2 {
  font-size: 20px;
  color: #fff;
}


.munn_title span {
  font-size: 20px;
  margin: 20px 0 14px;
  display: block;
}
.munn_text_area p {
  color: #fff;
  font-size: 16px;
  /* font-weight: 600; */
  line-height: 29px;
}
.munn_text_area h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 18px;
}
.munn_text_area a {
  font-size: 23px;
  color: #27cc8e;
  text-decoration: underline;
}
.munn_text_area {
  border-bottom: 0;
  margin: 0 0 20px;
  padding: 0 0 0;
}
.munn_text_area_bott p {
  font-size: 21px;
  color: #f01111;
  font-weight: 600;
}
.munn_text_area_bott span {
  font-size: 25px;
  margin: 0 0 12px;
  display: block;
}
.munn_text_area_bott h5 {
  font-size: 20px;
  color: #fff;
  margin: 0 0 8px;
}
.munn_text_area_bott a {
  font-size: 21px;
  color: #27cc8e;
  font-weight: 500;
}
.pro_landing_result {
  background: #1d4875;
  padding: 20px 15px 20px;
}
.pro_landing_result_title {
  text-align: center;
  margin: 0 0 28px;
}
.pro_landing_result_title h2 {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}
.pro_landing_result_title p {
  color: #fff;
  font-size: 16px;
}
.single_pro_landing_result {
  background: #27156a;
  padding: 15px;
  border-radius: 10px;
}
.pro_landing_result_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.single_pro_landing_result {
  background: #073059;
  padding: 15px;
  border-radius: 10px;
  width: 24%;
  text-align: center;
  margin: 0 0 18px;
}
.single_pro_landing_result h3 {
  color: #d7b600;
  font-size: 18px;
  font-weight: 600;
}
.single_pro_landing_result p {
  color: #a6b6c0;
    font-size: 12px;
    margin: 3px ;
}
.single_pro_landing_result h5 {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
}
.reslt_butt a {
  background: #D7B600;
  padding: 8px 9px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  width: 28.9%;
  margin: 0 0 7px;
  text-align: center;
}
.reslt_butt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.satta_matka_month_chart {
  background: #1a436f;
  padding: 20px 15px 90px;
}
.satta_matka_month_chart_title {
  text-align: center;
  margin: 0 0 30px;
}
.satta_matka_month_chart_title h2 {
  color: #d7b600;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 2px;
}
.satta_matka_month_chart_title p {
  color: #fff;
  font-size: 15px;
}
.satta_matka_month_chart table {
  width: 100%;
}
.satta_matka_month_chart table thead {
  background: #d7b600;
  padding: 3px 0;
}
.satta_matka_month_chart table thead tr th {
  padding: 7px 14px;
  font-size: 13px;
  color: #fff;
  border-right: 1px solid #e3c72c;
}
.satta_matka_month_chart table tbody tr td {
  color: #fff;
  padding: 7px 14px;
  font-size: 13px;
  border-bottom: 1px solid #1d4875;
  border-right: 1px solid #1d4875;
  text-align: center;
}
.botm_marq {
  background: #f42e19;
  padding: 6px 7px;
}
.botm_marq marquee a button {
  background: #1d0a64;
  border: 0;
  color: #fff;
  padding: 7px 15px;
  font-size: 13px;
  border-radius: 4px;
}
.footer_up_area {
  background: #2f1c73;
  padding: 20px 7px;
  text-align: center;
}
.footer_up_area h3 {
  color: #f01111;
  font-size: 23px;
  margin: 0 0 20px;
}
.footer_up_area p {
  color: #fff;
  font-size: 18px;
  margin: 13px 0 0;
}
.footer_up_area a {
  font-size: 21px;
  color: #27cc8e;
  font-weight: 500;
  margin: 17px 0 25px;
  display: block;
}
.footer_up_area h4 {
  color: #fff;
  font-size: 17px;
  padding: 0;
  margin: 15px 0 0;
}



#single-disawar-form ul li span {
  background: #D7B600;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #fff;
  border-radius: 4px 0 0 4px;
}
#single-disawar-form ul li input {
  width: 100%;
  height: 40px;
  border-radius: 0 4px 4px 0;
}
#single-disawar-form ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}




#single-form ul li span {
  background: #ff0105;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #fff;
  border-radius: 4px 0 0 4px;
}
#single-form ul li input {
  width: 100%;
  height: 40px;
  border-radius: 0 4px 4px 0;
}
#single-form ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
      justify-content: center;
}
#single-form ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19%;
  margin: 12px 10px 0 0;
}
.number-area ul li {
  padding: 6px 24px;
  border-bottom: 1px solid #dedada;
  font-size: 15px;
  font-weight: 600;
}
.number-area ul {
  margin: 0;
  padding: 5px 0;
  overflow-y: auto;
  height: 241px;
}
.number-area {
  background: #fff;
  border-radius: 8px;
  border: 3px solid #689fd7;
  height: 244px;
  margin: 18px 0 0;
}
.number-area ul li span {
  font-size: 19px;
  color: #000;
}
.number-area ul li:hover {
  cursor: pointer;
  background: #fb6d2c;
}
.num.select-digit {
  background: #fb6d2c;
}



.selected_digit_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 21px 0 0;
}
.select_digit {
  background: #d7b600;
  width: 40px;
  height: 40px;
  border-radius: 4px 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
}
.close_select {
  background: #f48787;
  width: 40px;
  height: 40px;
  border-radius: 0 4px 4px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: #fff;
  font-size: 16px;
  cursor: pointer;
}
.single_select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 11px;
  width: 48%;
}
.single_select input {
  height: 40px !important;
  border-radius: 0 !important;
  border: 0 !important;
  width: 114px !important;
}
.chartlist_pagetitle h3 {
  font-size: 18px;
  color: #ff8d35;
  margin: 0 0 11px;
}
.chartlist_pagetitle ul li {
  color: #fff;
  font-size: 15px;
  line-height: ;
  padding: 0 0 7px;
  list-style: disc;
  margin: 0 0 0 15px;
}
.chartlist_pagetitle ul {
  margin: 0 0 13px;
}
.number-area ul li.active {
  cursor: pointer;
  background: #3d6289;
  color: #fff;
}


table.table.jodichart_table.paneltable tr td:nth-child(4), table.table.jodichart_table.paneltable tr td:nth-child(7), table.table.jodichart_table.paneltable tr td:nth-child(10), table.table.jodichart_table.paneltable tr td:nth-child(13), table.table.jodichart_table.paneltable tr td:nth-child(16), table.table.jodichart_table.paneltable tr td:nth-child(19) {
  border-right: 1px solid #777676;
}

table.table.jodichart_table.paneltable tr {
  border-bottom: 1px solid #777676;
}

td.r {
  color: red;
}
.top_content marquee {
  border-top: 0 !important;
  padding: 0 !important;
  margin: 5px 0 0 !important;
}
.munna_game_area {
  padding: 12px 7px 1px !important;
}
.sdwn {
  font-size: 15px !important;
}
#dlidedown {
  background: #1d0a64;
  padding: 20px;
}
#dlidedown h3 {
  color: #f42e19;
  font-size: 22px;
  margin: 0 0 14px;
  text-align: center;
}
#dlidedown p {
  color: #fff;
  font-size: 15px;
  text-align: center;
}



.chart_bottom_menu {
  background: #090435;
  text-align: center;
  padding: 18px 0;
}
.chart_bottom_menu ul li a {
  text-decoration: none;
  color: #fff;
  border: 2px solid #fd4f4f;
  border-radius: 9px;
  padding: 7px 25px;
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #f01111) drop-shadow(0 0 20px #f01111) contrast(2) brightness(2);
  transition: .5s;
  display: inline-block;
  margin: 22px 5px;
  background: #ff0105;
}
.chart_bottom_menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom_menu_heading h3 img {
  width: 94px;
}
.bottom_menu_heading h3 {
  color: #fff;
  font-size: 20px;
}



.button_up img {
  width: 40px;
}
.button_down img {
  width: 40px;
}
.button_up {
  background: #f8a331;
  font-size: 15px;
  border-radius: 50px;
  text-align: center;
  padding: 6px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin: 0 auto 18px;
}
.button_up a {
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.button_down {
  background: #f8a331;
  font-size: 15px;
  border-radius: 50px;
  text-align: center;
  padding: 6px 16px;
  width: 100px;
  margin: 33px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button_down a {
  color: #fff;
  font-weight: 600;
  text-align: center;
}



.chart_bottom_menu{
  position: relative;
}

/*.transaction_pegination .pagination .page-item .page-link {
    color: #ffffff;
    pointer-events: none;
    background-color: #5e35b1;
    border-color: #5e35b1;
    padding: 0px 10px;
    font-size: 27px;
}*/
.transaction_pegination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    
    background-color: #5e35b1;
    border-color: #5e35b1;
        font-size: 15px;
}
.transaction_pegination .page-link {
  position: relative;
  display: block;
  background-color: #0e4a88;
  border-color: #2268b0;
  font-size: 15px;
  color: #fff;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.transaction_pegination .page-item.disabled .page-link {
    color: #ffffff;
    pointer-events: none;
    background-color: #0e4a88;
    border-color: #2268b0;
    padding: 0px 10px;
    font-size: 20px;
}
.transaction_pegination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #D7B600;
  border-color: #D7B600;
}

@media(min-width: 1536px) {
.menu_area ul li a {
    padding: 10px 15px;
    font-size: 14px;
}

}

@media(max-width: 600px) {
.button_up {
/*    top: 244px;*/
  top: 225px;
}
.button_down {
  bottom: -60px;
}
.jodichart_table > tbody > tr > td {
  font-size: 12px;
}
#single-disawar-form ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48%;
  margin: 4px 0;
}


}

@media (max-width: 360px) {
  .button_up {
    top: 190px;
  }

}


.para_tag {
  margin: 0 0 33px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
/*kalyan-fatafat page css strat here*/
.marque_wrap {
    background-color: #090758;
    color: #fff;
    font-size: 14px;
    /* margin-bottom: 0; */
    /* padding-bottom: 0; */
    /* padding: 10px; */
}

.marque_wrap .marque_wrap {
    margin-bottom: 0;
    padding-bottom: 0;
}

.marque_wrap marquee {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 12px 10px 5px 10px;
    text-shadow: 1px 2px 0px #f01111;
}


.fatatfat_result{
    background-image: url(../images/fatafatbg.webp);
}

.fatatfat_resultoverlay {
    background: #090435f0;
     padding: 35px 0;
}
.fatafatresult_box {
    background: rgba(77,25,173,.5);
    border: 2px solid rgba(94,53,177,.5);
    border-radius: 10px;
    width: 100%;
    margin: 0 7px 35px;
    padding: 10px 15px;
    position: relative;
    color: #fff;
    text-align: center;
        display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.fatafatresult_box h2 {
    font-size: 22px;
    color: #ff0000;
    font-weight: 700;
}


.fatafatresult_box p {
     color: #ff8d35;
    font-size: 13px;
    font-weight: 700;
        margin-bottom: 0;
}


/*blink soft css*/
.blink-soft {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}


/*blink soft css*/
.playgame_wrp {
    background: #f00;
    padding: 8px;
    width: 30%;
    margin: auto;
    border-radius: 6px;
    box-shadow: 1px -1px 3px #121826;
        background: linear-gradient(to right,#F01111 0%,#FF8D35 15%,#FF8D35 30%,#F01111 55%,#F01111 100%);
        display: inline-block;

}

.playgame_wrp h6 {
    font-size: 16px;
    font-weight: 700;
}
.playgame_wrp img {
    height: 36px;
    margin-bottom: 0px;
}

.fatafatresult_box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 150px;
    width: 150px;
    background-image: url(https://matkaplay.pro/images/ro.webp);
    background-size: cover;
    -webkit-transform: translate(50px,-50%);
    transform: translate(-50px,-50%);
    opacity: .5;
}
.fatafatresult_box::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 150px;
    width: 150px;
    background-image: url(https://matkaplay.pro/images/ro.webp);
    background-size: cover;
    -webkit-transform: translate(50px,-50%);
    transform: translate(50px,-50%);
    opacity: .5;
}
.fatatfat_result {
    background-image: url(../images/fatafatbg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.playgame_wrp h6 {
    display: none;
}

.fatafat_jodichart{
      background: #1d0a64;
    padding: 20px 7px;
}
.fatafat_jodichart h2 {
    background: #f01111;
    font-size: 20px;
    text-align: center;
    margin-bottom: 38px;
    color: #fff;
    border-radius: 50px;
    padding: 8px;
    box-shadow: 0px 4px 3px #1b1f24;
}

.fatafat_jodichart .jodichart_list h5 {
    transform: translate(0,-50%);
    height: 30px;
    width: 100%;
    background: #5e35b1;
    border-radius: 50px;
    line-height: 32px;
    margin: 26px auto;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.fatafat_jodichart .jodichart_list h5::after {
    content: "";
    position: absolute;
    height: 42px;
    width: 101%;
    border-radius: 50px;
    left: -6px;
    top: -6px;
    background: #5e35b1;
    opacity: .45;
    z-index: -1;
}

.NagpurFatafat_Ratesmain {
    background-image: url(../images/NagpurFatafatratebg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
        padding: 25px;

}

.NagpurFatafat_overlay {
    background: #090435d9;
    padding: 35px 0;
}


.fatafatrate_title h2 {
    text-align: center;
    color: #fff;
    background: #ff0404;
    width: 30%;
    padding: 6px;
    border-radius: 50px;
    display: table;
    margin: auto;
}


.Fatafat_Ratesbox {
    background-image: url(../images/fatafatratesboximg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    margin: 25px auto 0;
    border-radius: 8px;
    box-shadow: 0px 0px 7px #2e84ff;
}
.Fatafat_Ratesboxoverlay {
    background: #090435b0;
    padding: 18px 20px;
}



.matkarate_area ul li {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #333488;
}
.Fatafat_Ratesbox .Fatafat_Ratesboxoverlay h5 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: #f00;
    padding: 6px;
    border-radius: 50px;
        margin-bottom: 16px;
}


.Fatafat_rateslisting li {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: #fff;
    padding: 8px 0;
    border-bottom: 1px solid #333488;
}
.Fatafat_rateslisting li p{
  margin-bottom: 0;
}
ul.Fatafat_rateslisting li p a {
    color: #f00;
    font-weight: 700;
}


.AddMoney_Offer {
    background: #0a0858;
    padding: 20px 7px;
}
.AddMoney_Offer h2 {
    font-weight: 700;
    text-align: center;
    color: #f00;
    font-size: 22px;
    padding-bottom: 12px;
}


.AddMoney_Offer table thead {
    background: linear-gradient(to right,#F01111 0%,#FF8D35 15%,#FF8D35 30%,#F01111 55%,#F01111 100%);
    padding: 3px 0;
}

.AddMoney_Offer table thead tr th {
    padding: 9px 15px;
    font-size: 14px;
    color: #fff;
    border-right: 1px solid #ffcbbb;
    border-left: 1px solid #ffcbbb;
}
.AddMoney_Offer table tbody tr td {
    color: #fff;
    padding: 10px 15px;
    font-size: 15px;
    border-bottom: 1px solid #372286;
    border-right: 1px solid #372286;
        border-left: 1px solid #372286!important;
}
.AddMoney_Offer table {
    width: 100%;
    text-align: center;
}
.paly_offerinfo {
    padding-top: 30px;
    text-align: center;
    color: #f00;
}
.paly_offerinfo h5 {
    font-size: 16px;
    padding: 4px 0;
}
.paly_offerinfo h3 {
    font-weight: 700;
    font-size: 20px;
}
.paly_offerinfo h5 b {
    font-size: 20px;
}


.fatafatresult_one {
    width: 18%;
}
.fatafatresult_two {
    width: 35%;
}
.showing_boxnew .fatafatresult_box{
  display: flex;
      justify-content: space-between!important;
}
.onlyreadbtn .playgame_wrp {
    opacity: 0.2;
}



@media only screen and (max-width: 800px) {
.fatafatresult_one {
    width: 50%;
}
/*.fatafatresult_two {
    width: 55%;
}*/
.fatafatresult_box h2 {
    font-size: 16px;
}
.fatafatresult_box p {
    font-size: 11px;
}
.fatafatresult_box {
    margin: 0 0px 10px 0px;
}
.fatafatrate_title h2 {
    width: 100%;
    padding: 6px;
    border-radius: 50px;
    display: table;
    margin: auto;
}
.Fatafat_Ratesbox {
    width: 100%;
    margin: 20px auto 0;
}
.fatafat_jodichart .jodichart_list h5 {
    margin: 20px auto;
}
.fatafat_jodichart .jodichart_list h5:last-child {
    margin-bottom: 0;
}
.para_withd {
    padding: 0 0 20px;
}
.fatafat_jodichart .jodichart_list h5::after {
    width: 103%;
    left: -6px;
}
.fatafatresult_box::before {
    right: 45px;
}
.playgame_wrp {
    float: right;
    width: 70%;
    padding: 8px;
}
.fatafatresult_box {
    padding: 10px 45px;
}
.fatafatresult_two {
    width: 63%!important;
    z-index: 999;
}
.playgame_wrp img {
    height: 45px;
    margin-bottom: 0px;
}
.showing_boxnew .fatafatresult_box {
    padding: 10px 20px;
}
}
@media (max-width: 480px)
.matka_header_main {
    height: 198px;
}



/*menu new blink css added 10.11.2023*/
li.fatafat_sevr {
    position: relative;
}

li.fatafat_sevr a img {
    height: 20px;
    position: absolute;
    top: -18px;
    right: 22px;
}

@media only screen and (max-width: 991) {
li.fatafat_sevr a img {
      height: 19px;
    position: absolute;
    top: -8px;
    right: 34px;
}
}
@media only screen and (max-width: 800px) {
li.fatafat_sevr a img {
      height: 19px;
    position: absolute;
    top: -8px;
    right: 34px;
}
}
@media only screen and (max-width: 360px) {
li.fatafat_sevr a img {
      height: 19px;
    position: absolute;
    top: -8px;
    right: 34px;
}
}

.gradient-background {
  background: linear-gradient(300deg,deepskyblue,darkviolet,blue);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}



         .recharge_area a {
            background: transparent !important;
            border: 1px solid #f01111;
            padding: 3px 15px !important;
            text-align: center;
         }
         .recharge_area a p {
            margin: 0;
            font-size: 11px;
         }
         .recharge_area a h6 {
            margin: 0 0 2px;
            font-size: 13px;
         }
         .blinktext{
           text-align: center;
            animation: animate 1.5s linear infinite;
         }
         .blinktext {
            color: #ff8d35 !important;
         }
         @keyframes animate {
           0% {
               opacity: .3;
           }
         
           50% {
               opacity: 1;
           }
         
           100% {
               opacity: .3;
           }
         }
         .deposit_btn {
           position: fixed;
           bottom: 100px;
           background: linear-gradient(to right, #F01111 0%, #FF8D35 15%, #FF8D35 30%, #F01111 55%, #F01111 100%);
           left: 8px;
           width: 73px;
           padding: 7px;
           border-radius: 5px;
           text-align: center;
           z-index: 9999;
         }
         .deposit_btn a {
           font-size: 14px;
           color: #fff;
           font-weight: 600;
           line-height: 16px;
         }
         
         
         @media (max-width: 480px){
          .footer_sociallink a {
    margin-right: 12px !important;
}
         .recharge_area {
            position: absolute;
            right: 5px;
            top: -4px;
            z-index: 999;
         }
         .wallet_portn {
            left: 28%;
         }
         .login_regis ul li a {
            font-size: 13px;
            padding: 5px 5px;
            width: 80px;
         }
         .recharge_area a h6 {
            margin: 0 0 0px;
            font-size: 12px;
         }
         .recharge_area a p {
            font-size: 10px;
         }
         .lgot {
            position: relative;
            top: 3px;
         }
         
         }
               @media (max-width: 380px){
                  .res-header {
                     height: 195px!important;
               }  
               .wallet_portn {
            left: 21%;
         } 
         }
               @media (max-width: 360px){
                  .wallet_portn {
            left: 18%;
         }
                  div.footer_sociallink a {
                      border: 1px solid #5e35b1;
                      margin-right: 30px;
                      border-radius: 2px;
                      padding: 10px;
                      margin-top: 15px;
                      height: 45px;
                      width: 45px;
                      width: 15%;
                  }
                  div.footer_sociallink {
                      display: flex;
                      flex-direction: row;
                      flex-wrap: wrap;
                  }
         
         }
         /*fatafat css*/
         .fatafat_sevr{
            position: relative;
         }
         li.fatafat_sevr a img {
             height: 20px;
             position: absolute;
             top: -18px;
             right: 22px;
         }
         .para_tag {
           margin: 0 0 33px;
           text-align: center;
           color: #fff;
           font-size: 13px;
         }
         .para_withd {
           padding: 0 0 11px;
         }
         @media only screen and (max-width: 991px) {
         li.fatafat_sevr a img {
               height: 19px;
             position: absolute;
             top: -8px;
             right: 35px;
         }
          .menu_area ul li a {
                 padding: 5px;
                 font-size: 13px;
             }
         }
         @media only screen and (max-width: 393px) {
         li.fatafat_sevr a img {
             height: 19px;
             position: absolute;
             top: -8px;
             right: 35px;
         }
         }
         @media only screen and (max-width: 360px) {
         li.fatafat_sevr a img {
               height: 19px;
             position: absolute;
             top: -8px;
             right: 32px;
         }
         .menu_area ul li {
             padding: 7px 10px;
         }
         .menu_area ul li a {
             padding: 0;
             font-size: 13px;
         }
         }


         .logo-6 h3 {
          color: #f01111;
          font-weight: 500;
          font-size: 24px;
          line-height: 1.3;
          margin: 0px;
      }
      .logo-6 h3 span {
          background: #f01111;
          color: #fff;
          display: inline-block;
          line-height: 1.8;
          padding: 0 16px;
      }
     



     .bannersecnd_optn p a {
    color: #fff;
    font-size: 18px;
}



.bannersecnd_optn {
    background: linear-gradient(45deg, #f12911, #ff8d35)!important;
}

.blink-soft {
    animation: blinker 1.5s linear infinite;
   
}
.blinkcall a {
    font-weight: 700;
    font-size: 20px;
}

.blinkcall {
      background: linear-gradient(94deg, #47c758, #147521)!important;
   
    width: 10%;
    padding: 10px;
   color: #fff;
        margin: auto;
    display: table;
        border-radius: 6px;
}
.blinkcall:hover {
    color: #fff!important;
}
.blinkcall span {
    font-size: 18px;
    font-weight: 700;
}


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

.telegram_area {
    position: fixed;
    bottom: 94px;
    right: 11px;
}
.telegram_area a img {
    width: 65px;
    height: 65px;
}

.best_offer_today_main {
  position: relative;
  text-align: center;
}

.best_offer_today {
  position: absolute;
  top: 28px;
  left: 0;
  margin: 0 auto;
  width: 100%;
}
.best_offer_today h3 {
  color: #2c0c9e;
  font-size: 22px;
  margin: 0 0 7px;
  font-weight: 600;
}
.best_offer_today p {
  font-size: 18px;
  color: #000;
  margin: 0;
  font-weight: 600;
}
.best_offer_today_main img {
  width: 100% !important;
  height: 120px !important;
  object-fit: cover;
}
/*.bottom_footer p a {
    color: #da01dc!important;
}*/

.clickRECHARGEdwn {
    margin-top: 35px;
       background: #ff0000;
}
.clickRECHARGEdwn:hover {
    color: #fff;
}
.top_mainheader_area {
  background: #01366c;
  padding: 7px 15px;
  position: fixed;
  width: 100%;
  z-index: 999999;
  border-bottom: solid 3px #d7b600;
}
.main_logo_area a img {
  width: 50px;
}
.toggle_button span {
  background: #fff;
  width: 25px;
  display: block;
  height: 1.5px;
  border-radius: 50px;
}
.toggle_button span:nth-child(2) {
  margin: 7px 0;
}
.toggle_button {
  cursor: pointer;
  margin: 0 26px 0 0;
}
.main_logo_area {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.betclstime {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 9px;
}
.betclstime p {
  margin: 0 13px 0;
}
.header_menu_main {
  position: fixed;
  background: #073059;
  top: 0;
  left: -100%;
  width: 79vw;
  height: 100vh;
  z-index: 99999999;
  padding: 25px;
  transition: ease-in-out 0.4s;
}
.head_menu_area ul li a {
  color: #fff;
  font-size: 13px;
  padding: 9px 17px;
  display: block;
  background: #0a3560;
  margin: 9px 0;
  border-radius: 4px;
  transition: ease-in-out 0.4s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.head_menu_area ul li a:hover {
  background: #d7b600;
  transition: ease-in-out 0.4s;
}
.head_menu_area ul li a svg {
  width: 13px;
  fill: #fff;
}
/*.mnuficon {
  float: inherit !important;
  position: inherit !important;
}*/
.head_menu_area ul li a span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.head_menu_area ul li a span svg {
  margin: 0 9px 0 0;
  fill: #d7b600;
}
.cls_menu svg {
  width: 15px;
  fill: #fff;
}
.cls_menu {
  background: #d7b600;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}
.head_menu_area {
  padding: 35px 0 0;
}
.header_menu_main.header_menu_main2 {
    left: 0;
    transition: ease-in-out 0.4s;
    overflow: auto;
}
.hidden {
  overflow: hidden;
}
.bottom_area_inn ul li a svg {
  width: 17px;
  fill: #fff;
}
.bottom_menu_area {
  background: #01366c;
  padding: 10px 30px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  z-index: 99999;
  border-top: solid 3px #d7b600;
}
.bottom_area_inn ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottom_area_inn ul li {
  text-align: center;
}
.bottom_area_inn ul li a h3 {
  color: #fff;
  font-size: 11px;
  margin: 5px 0 0;
}
.bottom_area_inn ul li a {
  display: block;
}
.wallet_portn_main h6 a svg {
  width: 25px;
  fill: #d7b600;
}
.wallet_portn_main h6 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}
.wallet_portn_main h6 span {
  color: #fff;
  font-size: 15px;
  margin: 0 0 0 9px;
}
.header_main_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mbanner_area video {
  width: 100%;
}
.mbanner_area {
  padding: 63px 0 0;
}
.bottom_area_inn ul li {
  position: relative;
}
.play_menu {
  position: absolute;
  top: -108px;
  opacity: 0;
  visibility: hidden;
}
.play_menu ul li a {
  display: inline-block;
  background: #d7b600;
  color: #fff;
  width: 103px;
  padding: 6px 9px;
  font-size: 12px;
  border-radius: 4px;
  text-align: left;
  margin: 0 0 2px;
}
.play_menu ul {
  display: inherit;
}
.play_menu.play_menu2 {
  opacity: 1;
  visibility: visible;
}
.bottom_area_inn ul li.active a h3 {
  color: #d7b600;
}
.bottom_area_inn ul li.active a svg {
  fill: #d7b600;
}
.submenu_list {
  height: 0;
  opacity: 0;
  display: none;
}
.submenu_list2 .submenu_list {
  height: auto;
  opacity: 1;
  display: block;
}
.submenu_list li a {
  background: #0a3560 !important;
}
.submenu_list2 a {
  background: #d7b600 !important;
}
.submenu_list2 a svg {
  fill: #fff !important;
}














@media (max-width: 480px){

.jodichart_tablewrp .reslt_butt a {
      width: 100%;
}

}