@font-face {
    font-family: 'proza_libresemibold';
    src: url('../font/prozalibre-semibold-webfont.eot');
    src: url('../fonts/prozalibre-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prozalibre-semibold-webfont.woff2') format('woff2'),
         url('../fonts/prozalibre-semibold-webfont.woff') format('woff'),
         url('../fonts/prozalibre-semibold-webfont.ttf') format('truetype'),
         url('../fonts/prozalibre-semibold-webfont.svg#proza_libresemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proza_librebold';
    src: url('../fonts/prozalibre-bold-webfont.eot');
    src: url('../fonts/prozalibre-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prozalibre-bold-webfont.woff2') format('woff2'),
         url('../fonts/prozalibre-bold-webfont.woff') format('woff'),
         url('../fonts/prozalibre-bold-webfont.ttf') format('truetype'),
         url('../fonts/prozalibre-bold-webfont.svg#proza_librebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'intermedium';
    src: url('../fonts/inter-medium-webfont.eot');
    src: url('../fonts/inter-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-medium-webfont.woff2') format('woff2'),
         url('../fonts/inter-medium-webfont.woff') format('woff'),
         url('../fonts/inter-medium-webfont.ttf') format('truetype'),
         url('../fonts/inter-medium-webfont.svg#intermedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noto_sansregular';
    src: url('../fonts/notosans-regular-webfont.eot');
    src: url('../fonts/notosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notosans-regular-webfont.woff2') format('woff2'),
         url('../fonts/notosans-regular-webfont.woff') format('woff'),
         url('../fonts/notosans-regular-webfont.ttf') format('truetype'),
         url('../fonts/notosans-regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'interregular';
    src: url('../fonts/inter-regular-webfont.eot');
    src: url('../fonts/inter-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter-regular-webfont.woff2') format('woff2'),
         url('../fonts/inter-regular-webfont.woff') format('woff'),
         url('../fonts/inter-regular-webfont.ttf') format('truetype'),
         url('../fonts/inter-regular-webfont.svg#interregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dm_sansregular';
    src: url('../fonts/dmsans-regular-webfont.eot');
    src: url('../fonts/dmsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dmsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/dmsans-regular-webfont.woff') format('woff'),
         url('../fonts/dmsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/dmsans-regular-webfont.svg#dm_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
img{
    max-width:100%;
    height:auto;
}
body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'noto_sansregular';
    color: #000;
    background: #fd7c03d9;
    background-size: cover;
}
*{
    box-sizing:border-box;
}
ul{
    padding:0;
    margin:0;
    list-style-type:none;
}
a{
    text-decoration:none;
}
textarea:focus, input:focus, button:focus, select:focus{
    outline:none;
}
input::-webkit-input-placeholder{
    color:#a7a7a7 !important;
    font-size:12px;
    vertical-align:middle;
    font-family: 'noto_sansregular';
}
textarea::-webkit-input-placeholder{
     color: #6B6F80;
     font-family: 'noto_sansregular';
     font-size: 14px;
     line-height: 20px;
}
.field-error {
    float: left;
    color: #F00;
    width: 100%;
}
:root {
    --primary: #fd7c03;
}
.container {
    width: 96%;
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
}
p {
    color: #ffffff;
    font-size: 14px;
    line-height: 23px;
}
.btn {
    float: none;
    width: auto;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    padding: 12px 28px;
    background: #fff;
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(220, 167, 58, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 3px solid var(--primary);
}
.btn:hover, .monthly_btn_wrap ul li a:hover {
    background: var(--primary);
    box-shadow: 0 8px 25px rgb(58 53 41 / 45%), 0 0 20px rgb(120 101 53 / 30%);
    color: #fff;
}

.main_wrap h2 {
    font-family: 'proza_librebold';
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.04em;
    
    margin-bottom: 48px;
        margin-top: 0;
}
.color_text{
        color: var(--contrast);
}
/*header*/

.header {
    float: left;
    width: 100%;
    padding: 10px 0px;
    background: var(--primary);
    text-align: center;
}
.header .logo_wrap {
    float: none;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    display: table;
}
.header_menu {
    float: left;
    width: 100%;
}
.header_menu ul {
    display: flex;
    width: 300px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
.header_menu ul li a {
    color: #fff;
    font-size: 14px;
}
/*content*/
.content {
    width: 100%;
    float: left;
    /* background: #f7f8ff9e; */
    font-size: 14px;
    position: relative;
    padding: 0px 0;
}

.live_result {
    float: left;
    width: 100%;
    padding: 20px 0 0;
    background: url(../images/bg.png) no-repeat center center;
    background-size: cover;
}
.live_record, .old_result_wrap h3 {
    /* background: #ffffff24; */
    float: left;
    width: 100%;
    padding: 10px;
    color: #fff;
    color: #ffffff;
    text-align: left;
    font-size: 20px;
    margin-bottom: 8px;
    border-radius: 5px;
}
.live_record img{
    display: inline-block;
    vertical-align: middle;
}

.result_table {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    margin-bottom: 8px;
}
.result_table table {
    width: 100%;
    border-collapse: collapse;
    /* background: #ffffff24; */
    border-radius: 5px;
    /* border: 1px solid rgba(115, 243, 225, 0.15); */
    /* background-color: #1c1c1c8c; */
}
.result_table td, .result_table th {
    border: 1px solid #fc590233;
    padding: 8px;
    color: #575757;
}
.result_table tr{
    border-radius: 5px 5px 0 0;
}
.result_table tr:nth-child(odd) {
    /*background-color: #ffffff69;*/
}
.result_table th {
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: normal;
    background-color: #fc5902;
    color: var(--primary);
    font-size: 15px !important;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 19px;
    border: 1px solid rgba(115, 243, 225, 0.15);
    /* border-radius: 5px 5px 0 0; */
}
.btn_wrap {
    float: left;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}
.result_table td a {
    color: #10a304;
    font-weight: 700;
}
.old_result_wrap {
    float: left;
    width: 100%;
    /* background: #ffac7f00; */
    background-size: 100%;
    padding: 0px 0;
}
.monthly_results_wrap {
    float: left;
    width: 100%;
    padding: 17px 0;
    background: url(../images/old-result-bg.png) no-repeat center center;
    background-size: cover;
}
.monthly_results_wrap h3, .other_game_result h3, .patti_result_wrap h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    text-align: left;
    margin-bottom: 19px;
    margin-top: 7px;
    color: #fff;
    font-weight: normal;
}
.monthly_btn_wrap {
    float: left;
    width: 100%;
}
.monthly_btn_wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px;
}
.monthly_btn_wrap ul li {
    float: left;
    width: 49%;
    border-radius: 4px;
}
.monthly_btn_wrap ul li a {
    float: left;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding: 15px;
    padding: 14px 26px;
    border-radius: 14px;
    background: rgb(248 248 248 / 34%);
    border: 1px solid rgba(255, 215, 120, 0.25);
    color: #fff;
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: all 0.3s ease;
}
.play_time_table {
    float: left;
    width: 100%;
    background: url(../images/time-table-bg.png) center center no-repeat;
    background-size: cover;
    padding: 40px 0;
}
.play_time_table table {
    float: left;
    width: 400px;
    background: rgb(255 255 255 / 25%);
    text-align: center;
    border-collapse: collapse;
    max-width: 100%;
    color: #fff;
    font-weight: normal;
}
.play_time_table td {
    color: var(--primary);
    font-size: 14px;
    font-weight: normal;
}
.play_time_table td, .play_time_table th {
    border: 1px solid rgba(115, 243, 225, 0.15);
    padding: 5px;
    background: #ffffff;
}
.play_time_table th {
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: normal;
    font-size: 15px !important;
    font-weight: bold;
    color: #fff;
    background: #fc5902;
}
.lower_content {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.footer {
    float: left;
    width: 100%;
    background: #001311;
    padding: 12px 0;
    background: #fc5902;
    border-top: 1px solid rgba(255, 215, 120, 0.25);
}
.copyright_text {
    float: left;
    width: auto;
    color: #fff;
    font-size: 13px;
}
.footer_menu {
    float: right;
    width: auto;
}
.footer_menu ul li{
    float:left;
    width:auto;
}
.footer_menu ul li a{
    float:left;
    width:auto;
    color:#fff;
    padding:0 8px;
    font-size:13px;
}
.message {
    float: left;
    width: 100%;
    padding: 5px 0;
    background: #a31602;
    color: #FFF;
}
/*--tips_section start--*/
.tips_section{
    padding-top:10px;
}
.tips_wrap{
    width:100%;
    float:left;
}
.tips_content{
    width:100%;
    float:left;
}
.tips_content ul{
    width:100%;
    float:left;
}
.tips_content ul li{
    width:48.5%;
    float:left;
    margin-right:30px;
    margin-bottom:30px;
    background: rgba(255,255,255,0.3);
    border: 1px solid rgba(255,255,255,0.3);
    padding:10px 20px;
    border-radius:2px;
}
.tips_content ul li:nth-child(2n){
    margin-right:0px;
}
.tips_content ul li a{
    color:var(--deep-blue);
    font-family: 'montserratmedium';
    font-size:20px;
}
/*--tips_section end--*/
.patti_list{
    float: left;
    width: 100%;
    background: #ff0000;
    padding-bottom: 50px;
}
.patti_list h3 {
    float: left;
    width: 100%;
    font-size: 34px;
    text-align: center;
    margin-bottom: 18px;
    color: #FFF;
}
.patti_list table {
    width: 100%;
    background: #ffffffd1;
    text-align:center;
    border-collapse: collapse;
    max-width: 100%;
}
.patti_list td, .patti_list th {
    border: 1px solid #b3b3b3;
    padding: 5px;
    font-weight: bold;
}
.patti_list th {
    padding-top: 7px; */
    /* padding-bottom: 12px; */
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
    background: #fc6c1a;
    color: #FFF;
}
.content_txt_wrap {
    float: left;
    width: 100%;
    padding: 20px;
    min-height: 700px;
}

.other_game_result {
    padding: 30px 0;
    float: left;
    width: 100%;
    background: #ffc008;
    text-align: center;
}
.other_game_result ul{
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    width: 100%;
}
.other_game_result ul li{
    width: 48%;
    margin: 1%;
}

.other_game_result ul li a{
    background: #FF0000;
    color: #FFF;
    border-radius: 30px;
    padding: 10px 0;
    width: 100%;
    float: left;
    box-shadow: 2px 3px 4px 1px #00000091;
}
.other_game_result ul.tips_btn li{
    width: 48%;
}

.other_game_result ul.tips_btn li a{
    background: #000;
}

.game_wrap {
    float: left;
    width: 100%;
    text-align: center;
}

.game_wrap table{
    float: none;
    margin: 0 auto;
    background: #ffffff69;
    width: 100%;
}
.game_wrap table th{
    background: #ff0000;
    font-size: 20px;
    padding: 10px;
    color: #FFF;
}

.game_wrap.nob_2 table td{
    font-size: 30px;
}


.videos {
    float: left;
    width: 100%;
    padding: 30px 0;
    text-align: center;
}
.video_list {
    display: flex;
    width: 100%;
    justify-content: center;
}
.video_list .video{
    width: 50%;
    padding: 10px;
}
.old_result_wrap .result_table th {
    padding: 16px 5px;
    font-size: 10px;
    line-height: 13px;
    font-size: 12px !important;
    font-weight: normal;
}
.old_result_wrap .result_table td {
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    /* font-weight: bold; */
    background: #fff;
}
.old_result_wrap .result_table tr {
    border: 1px solid rgba(115, 243, 225, 0.15);
}
.rf {
    display: flex;
}
.rfl,
.rfr{
    text-orientation: upright;
    /* height: 62px; */
    display: inline-block;
    writing-mode: vertical-lr;
    width: 20%;
    font-weight: bold;
}
.rfm{
    width: 60%;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
}

.week_results .result_table td, 
.week_results .result_table th{
    padding: 0;
}
.week_results .result_table th {
    font-size: 10px;
    line-height: 10px;
    padding: 4px;
}
.week_results .result_table td{
    font-size: 12px;
}
.week_results .result_table  thead td{
    background: #673ab7;
    color: #FFF;
    font-size: 14px;
}
.single-game .content_txt_wrap{
    min-height: auto;
}
.single-game .other_game_result{
    padding: 10px 0;
}
.dl_btn_wrap{
    float: left;
    width: 100%;
    margin-top: 15px;
}
.div_shadow {
    float: left;
    width: 100%;
    box-shadow: 12px 5px 8px 8px #00000066;
    background: rgb(255 255 255);
    /* border: 1px solid rgba(255, 215, 120, .15); */
    backdrop-filter: blur(16px);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .45);
}
table.tips {
    border-collapse: collapse;
    width: 400px;
    max-width: 100%;
    margin: 30px auto;
    border: solid 1px #04AA6D;
}
table.tips th, td {
    padding: 8px;
    text-align: center;
    font-size: 14px;
}
table.tips tr:nth-child(even){background-color: #f2f2f2}

table.tips th {
  background-color: #04AA6D;
  color: white;
}
/*adding css*/


.bazar-card {
  background-color: #ad240e;
  padding: 20px;
  border-radius: 12px;
  color: white;
  text-align: center;
  width: 250px;
  margin: auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.bazar-numbers {
  display: flex;
  justify-content: space-around;
  margin: 15px 0;
  font-size: 24px;
}

.bazar-numbers div {
  font-weight: bold;
}

.card {
    background-color: #ad240e;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    color: white;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    margin: 20px;
    display: inline-block;
}

.numbers {
    display: flex;
    justify-content: space-around;
    margin: 20px 0;
}

.button-group {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 10px 0px;
}

.button-group a {
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  min-width: 90px;
  transition: background 0.3s;
}

.refresh-button {
  background-color: #161515;
  color: rgb(248, 241, 241);
}

.refresh-button:hover {
  background-color: #a91212;
}

.view-button {
  background-color: #161515;
  color: white;
}

.view-button:hover {
  background-color: #a91212;
}


@media (max-width: 780px){
    .bazar-card{
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
.old_result_wrap.patti_result {
    float: left;
    width: 100%;
    padding: 17px 0;
    border-bottom: 1px solid #f7c74a61;
    border-top: 1px solid #f7c74a61;
}
.old_result_wrap.patti_result td {
    padding: 10px 5px;
}