@font-face {
    font-display: swap; 
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/manrope-v13-latin-200.eot');
    src: url('../fonts/manrope-v13-latin-200.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-v13-latin-200.woff2') format('woff2'),
         url('../fonts/manrope-v13-latin-200.woff') format('woff'), 
         url('../fonts/manrope-v13-latin-200.ttf') format('truetype'), 
         url('../fonts/manrope-v13-latin-200.svg#Manrope') format('svg'); 
  }
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/manrope-v13-latin-300.eot');
    src: url('../fonts/manrope-v13-latin-300.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/manrope-v13-latin-300.woff2') format('woff2'), 
         url('../fonts/manrope-v13-latin-300.woff') format('woff'), 
         url('../fonts/manrope-v13-latin-300.ttf') format('truetype'), 
         url('../fonts/manrope-v13-latin-300.svg#Manrope') format('svg'); 
  }
  
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/manrope-v13-latin-regular.eot');
    src: url('../fonts/manrope-v13-latin-regular.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/manrope-v13-latin-regular.woff2') format('woff2'), 
         url('../fonts/manrope-v13-latin-regular.woff') format('woff'), 
         url('../fonts/manrope-v13-latin-regular.ttf') format('truetype'), 
         url('../fonts/manrope-v13-latin-regular.svg#Manrope') format('svg'); 
  }
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/manrope-v13-latin-500.eot');
    src: url('../fonts/manrope-v13-latin-500.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-v13-latin-500.woff2') format('woff2'),
         url('../fonts/manrope-v13-latin-500.woff') format('woff'),
         url('../fonts/manrope-v13-latin-500.ttf') format('truetype'),
         url('../fonts/manrope-v13-latin-500.svg#Manrope') format('svg');
  }
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/manrope-v13-latin-600.eot');
    src: url('../fonts/manrope-v13-latin-600.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-v13-latin-600.woff2') format('woff2'),
         url('../fonts/manrope-v13-latin-600.woff') format('woff'),
         url('../fonts/manrope-v13-latin-600.ttf') format('truetype'),
         url('../fonts/manrope-v13-latin-600.svg#Manrope') format('svg');
  }
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/manrope-v13-latin-700.eot');
    src: url('../fonts/manrope-v13-latin-700.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/manrope-v13-latin-700.woff2') format('woff2'), 
         url('../fonts/manrope-v13-latin-700.woff') format('woff'), 
         url('../fonts/manrope-v13-latin-700.ttf') format('truetype'), 
         url('../fonts/manrope-v13-latin-700.svg#Manrope') format('svg'); 
  }
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/manrope-v13-latin-800.eot');
    src: url('../fonts/manrope-v13-latin-800.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/manrope-v13-latin-800.woff2') format('woff2'), 
         url('../fonts/manrope-v13-latin-800.woff') format('woff'),
         url('../fonts/manrope-v13-latin-800.ttf') format('truetype'), 
         url('../fonts/manrope-v13-latin-800.svg#Manrope') format('svg'); 
  }
  
  ::-moz-selection {
      background: rgb(255 226 217/50%)
  }
  
  ::selection {
      background: rgb(255 226 217/50%)
  }
  * {
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      outline: 0;
      vertical-align: baseline;
  }
  body {
      font-family: 'Manrope', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      color: #fff;
      padding: 3px 10px;
      background-color: #000;
      overflow-x: hidden;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul {
      padding: 0;
      margin: 0
  }
  a {
      color: #fff;
      text-decoration: none;
      background-color: transparent;
      transition: all 0.3s 0s;
      font-weight: 600;
  }
  a:hover {
      text-decoration: none;
      color: initial
  }
  li{
    list-style: none;
  }
  button:focus {
      outline: 0!important
  }
  
  p {
      font-size: 15px;
      line-height: 30px;
      color: #fff;
  }
  a,
  a:hover {
      text-decoration: none
  }
.social-info{
    display: flex;
    justify-content: center;
    width: 100%;
    column-gap: 44px;
}
.social-info-icon{
  display: flex;
  align-items: center;

}
.social-info-icon i{
    width: 33px;
    border-radius: 50%;
    height: 33px;
    justify-content: center;
    align-items: center;
    background: #085271;
    display: flex;
    font-size: 24px;
    margin-right: 6px;
  }
  .wp-icon i{
    background:  #18bc1e !important;
  }
  .social-info-icon a:hover{
    color:  #fdcf21;
  }
  .tele-icon i{
    background:#2fabea !important;
  }
  .social-info-icon span{
    font-size: 23px;
    font-weight: 600;
    color: #fdcf21;
    padding-right: 12px;
  }
    .social-info-icon  a{
      font-size: 23px;
    }

  /* ================================================================================================ */
  .matka-info-data p{
    font-size: 13px;
  }
.box-card{
    color: #000;
    text-align: center;
    margin-bottom: 27px;
    margin-top: -2px;
    display: block;
    font-size: 20px;
    outline: 4px #fff;
    outline-offset: -9px;
    border: 2px solid #e5a835 !important;
    border-style: outset;
    border-radius: 13px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%); 
}
.box-card h3,.box-card h4{
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #000;
    display: block;
    color: #ffffff !important;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: 700;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #976800 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
}
  .header-logo {
      padding: 0 10px;
      display: block;
      color: #fff8f8 !important;
      margin-bottom: 5px;
      letter-spacing: 1px;
      text-align: center;
      font-weight: 700;
      border: 3px solid #e5a835;
      border-radius: .75em;
  
  }
  .box-card i{
    margin-right: 14px;
    margin-left: 14px;
    color: #5e0c4b;
}

  .main-title {
    margin-bottom: 27px;
    display: flex;
    padding: 5px;
    align-items: center;
    justify-content: space-between;
    padding: 17px;
    border-radius: 10px;
    border: 2px solid #e5a835;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
  }
.main-title p{
    color: #fdcf21;
    display: inline-block;
    font-size: 20px;
}
  .content-paragraph {
    border-width: 3px;
    margin-bottom: 5px;
    border-style: outset;
    border-radius: 10px;
    padding: 17px;
    margin-bottom: 27px;
    border: 2px solid #e5a835;
    box-shadow: 0 0 20px 0 rgb(96 96 96 / 40%);
  }

  .content-paragraph h1 {
    font-size: 19px;
    text-align: center;
    color: #fdcf21;
    padding-bottom: 3px;
    margin-bottom: 11px;
  }
  .content-paragraph h2 {
    font-size: 16px;
    text-align: center;
    line-height: 31px;
    color: #fff;
    padding-bottom: 3px;
  }

.marquee-left{
    border-right: 1px solid #b3872a;
    width:40%
}
.marquee-right{
    width:60%
}
.marquee-left h2 ,.marquee-right h2{
    font-size: 27px;
    text-align: center;
    color: #fdcf21;
    padding-bottom: 3px;
    margin-top: 9px;
}
.marquee-left p{
    font-size: 23px;
    font-weight: 600;
}
.live-box-content{
    padding: 13px;
    border-bottom: 1px solid #be8e2b;
}

.main-data-box {
    border: 2px solid #e5a835;
    border-style: outset;
    border-radius: 10px;
    line-height: 1.9;
    margin-bottom: 27px;
    font-size: 15px;
    background: #18191b;
    text-align: center;
    padding: 24px 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}
.banner-bg{
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #000;
    display: block;
    color: #ffffff !important;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #976800 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
}
.card-result-info{
    color: #000;
    text-align: center;
    margin-bottom: 8px;
    margin-top: -2px;
    display: block;
    font-size: 20px;
    outline: 4px #fff;
    outline-offset: -9px;
    border: 2px solid #9f7927 !important;
    border-style: outset;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}

.card-result-info h4 {
    display: block;
    font-weight: 800;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #ffd577 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    --text-fill-color: transparent !important;
    font-size: 22px;
}
.card-result-info span {
    display: block;
    color: #fff;
    text-shadow: 1px 1px 2px #fff;
    font-size: 21px;
    line-height: 1.6;
    margin: 3px 0;
}
.result-timing-box{
    padding: 16px 15px;
    border-bottom: 1px solid #be8e2b;
}
.yellowbg {
    background-color: #fccd653b;
    border-bottom: 1px solid #ff9800 !important;
    padding: 10px;
}
.contact-info {
    padding-top: 4px;
    padding-bottom: 7px;
    background-color: #fbe7ff;
    display: flex;
    margin-bottom: 37px;
    margin-top: 37px;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.contact-info p {
    font-size: 22px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 12px
}
.follow-us{
    display: flex;
    justify-content: center;
    margin-bottom: 23px;
}
.follow-us a:hover{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #976800 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
    color: #fff;
}
.play-btn:hover{
    color: #fff;
}
.follow-us a{
    border: 1px solid #ffbe2c;
    padding: 9px;
    display: flex;
    flex-direction: row;
    border-radius: 50%;
    width: 36px;
    color: #d37200;
    height: 37px;
    margin-right: 10px;
}
.contact-info a {
    background: radial-gradient(#ffe500, #ff9800);
    color: #000;
    padding: 5px 8px 2px;
    border-radius: 80px;
    display: inline-block;
    box-shadow: 0 0 10px -3px #000;
    border: 1px solid #ff0016;
    text-shadow: 1px 1px 2px #fff;
    font-size: 18px
}
.ftr-sm{
    color: #000;
    text-align: center;
    margin-bottom: 8px;
    margin-top: -2px;
    display: block;
    font-size: 20px;
    outline: 4px #fff;
    outline-offset: -9px;
    border: 2px solid #eeaf30 !important;
    border-style: outset;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}

.contact-info a:hover {
    box-shadow: 0 0 10px 0 #000
}

.matka-info-data{
    color: #fff;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 28px;
    display: block;
    font-size: 26px;
    padding: 24px;
    outline: 4px #fff;
    outline-offset: -9px;
    border: 2px solid #a67405 !important;
    border-style: outset;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}
.matka-height{
    height: 300px;
    overflow-y: auto;
}
.matka-height h2{
    margin-bottom: 3px;
    margin-top: 20px;
}
.matka-more-info h2{
     margin-bottom: 3px;
    margin-top: 16px;
}
.matka-more-info p{
      font-size: 13px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a67405cf;
}
.matka-more-info{
  padding: 24px 0px !important;
}
.matka-info-data h2{
    display: block;
    font-weight: 800;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #ffd577 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    --text-fill-color: transparent !important;
    font-size: 18px;
}
.info-data-bg{
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #000;
    display: block;
    color: #ffffff !important;
    border-radius: 10px 10px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #976800 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
}
.main-table{
    width: 100%;
    border: 1px solid #b17d08;
}
.data-table-header{
    padding: 5px 10px;
    position: relative;
    text-shadow: 1px 1px 2px #000;
    display: block;
    color: #ffffff !important;
    border-radius: 10px 10px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #976800 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
}
.main-table thead{
    background-color: #3e3e3e;
    font-size: 16px;
}
.main-table td, .main-table th {
    border: 1px solid #a27002;
    padding: 6px 13px;
    font-size: 18px;
}
.result-light{
    color: #ffcd5b;
    font-weight: 700;
}
.refresh-btn{
    position: fixed;
    bottom: 9px;
    right: 5px;
    padding: 5px 8px;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #e6e6e6;
    background: #a67405;
    color: #fff;
    border-radius: 5px;
}
.text-color{
    color: #fba400 !important;
}
  table {
      box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
  }
  .header-logo img {
    height: 232px;
    margin: 5px 5px;
  }
.header-logo{
    background-image: url('../img/theme-bg.png');
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
    
}
  .mrque-div {
      display: flex;
      padding: 5px;
      align-items: center
  }

  .mrque-div img {
      width: 90px;
      height: auto;
      border-radius: 5px
  }
  .satta-text {
      padding: 5px;
      height: 100px
  }
  .satta-text h1 {
      font-size: 16px;
      color: #1a237e;
      padding-bottom: 3px
  }

  .satta-text p {
      color: #444;
      font-size: 14px
  }
  .matka-card-info .live-name {
    display: block;
    font-weight: 800;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #ffd577 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    --text-fill-color: transparent !important;
    font-size: 22px;
  }
.card-notes{
    margin-bottom: 7px;
    font-size: 16px;
    padding: 30px;
    line-height: 25px;
    background: #1e1e1e;
    text-align: center;
    color: white;
    margin-bottom: 27px;
}
.card-notes a{
    color: white;
    border: 1px solid #fff;
    padding: 3px 0px;
    display: block;
    width: 200px;
    margin: auto;
    border-radius: 15px;
    background: #604200;
    margin-top: 15px;
    margin-bottom: 14px;
}  
.matka-card-info .live-num {
    display: block;
    color: #fff;
    text-shadow: 1px 1px 2px #fff;
    font-size: 21px;
    line-height: 1.6;
    margin: 3px 0;
  }

  .matka-card-info button,
  .refresh-btn {
    border: 1px solid #e6e6e6;
    background: #a67405;
    color: #fff;
    padding: 5px 15px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 900;
    margin: 2px 0 -1px;
    display: inline-block;
    transition: all .3s;
  }

  .matka-card-info button:hover,
  .refresh-btn:hover {
    cursor: pointer;
    color: #fff;
    }
    .panel-timing:hover{
        color: #fff;
    }
  .slash-text {
      color: #000;
      line-height: 1.4;
      font-size: 14px;
      padding: 4px 10px;
      text-shadow: 1px 1px #f4e1e1
  }
  .scroll-btn-info p{
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  @keyframes textclip {
      to {
          background-position: 200% center
      }
  }
  .jodi-timing,
  .panel-timing {
    position: absolute;
    border: 1px solid #e6e6e6;
    background: #a67405;
    color: #fff;
    padding: 5px 7px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 900;
    margin: 2px 0 -1px;
    display: inline-block;
    transition: all .3s;
    transform: translateY(-158%);
  }

  .jodi-timing {
      left: 18px;
      right: auto
  }
  .jodi-timing:hover{
    color: #fff;
  }
  .panel-timin:hover{
    color: #fff;
  }
  .panel-timing {
      right: 18px;
      left: auto
  }
  .btn {
      display: inline-block;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      text-align: center;
      text-decoration: none;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      background-color: transparent;
      border: 1px solid transparent;
      padding: 3px 10px;
      margin: 4px 0 1px;
      font-size: 1rem;
      border-radius: .25rem;
      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      cursor: pointer
  }
  .play-btn {
      position: fixed;
      bottom: 9px;
      left: 5px;
      padding: 5px 8px;
      font-size: 15px;
      text-decoration: none;
      border: 1px solid #e6e6e6;
     background: #a67405;
      color: #fff;
      border-radius: 5px
  }
  .red-list-bg-change {
      animation: changeBackgroundColor 5s infinite;
      border-radius: 10px;
      color: #fff;
      line-height: 1.1;
      padding: 4px 10px 3px;
      text-shadow: 1px 1px 2px #000;
      font-size: 24px
  }

  .red-list-bg-change h3 {
      font-size: 22px
  }

  .red-list-bg-change a {
      color: #fff
  }

  .marquee {
      color: #fff;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
      margin: 0 5px;
      height: 97px
  }

  .marquee p {
      animation: marquee 10s linear infinite;
      font-size: 16px;
      margin-top: 20px
  }

  .marquee p:hover {
      animation-play-state: paused
  }

  .new-table-add {
    border: #000 solid 2px;
    text-align: center;
    margin-top: 2px
}
.live-alert {
    font-size: 20px;
    padding: 5px;
    color: #000;
    display: block
}

.live-box-info p {
    font-size: 14px;
    padding-top: 5px;
    color: #000;
    text-shadow: none
}
.live-box-info h2{
    font-size: 20px;
    color: #fff;
    padding: 15px;
}
/* =====chart======== */
.chart-table{
  width: 100%;
 text-align:center
}
.chart-btn{
     background: black;
    font-size: 15px;
    padding: 6px 8px;
    border: 1px solid #fff;
    position: absolute;
    right: 7px;
    top: 5px;
    border-radius: 8px;
}
.chart-btn:hover{
  color: #fdcf21;
}
.chart-panel-heading{
    padding: 5px 10px;
    text-shadow: 1px 1px 2px #000;
    display: block;
    color: #ffffff !important;
    margin-bottom: 5px;
    letter-spacing: 1px;
    text-align: center;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #976800 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #ffb40a 62.5%, #5d4a1f 100%);
    font-weight: 700;
}
.chart-panel-heading h3{
    font-size: 20px;
    font-weight: 800;
}
.chart-table thead{
    background: #d79707;
    color: #fff;
}
.top-follow-us .follow-us{
  display: flex;
    justify-content: end;
    margin-bottom: 8px;
}
.top-follow-us .follow-us a{
      border: 1px solid #ffbe2c;
    padding: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    line-height: 26px;
    border-radius: 50%;
    font-size: 19px;
    width: 42px;
    color: #d37200;
    height: 42px;
    margin-right: 10px;
}
.top-follow-us .follow-us a:hover{
  color: #fff;
}
.chart-table thead th{
    padding: 7px;
    font-weight: 800;
    color: #000;
    font-size: 18px;
    border: 1px solid #be8e2b;

}
.chart-table-info td{
    font-size: 13px !important;
    vertical-align: middle;
    font-weight: 500 !important;
    color: #ededed;
}
.chart-table-info 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;
    font-weight: 800 !important;
    border-right-width: 0;
}

.chart-table-info 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;
}
.chart-table-info tbody tr td:nth-child(4), tbody tr td:nth-child(7), tbody tr td:nth-child(10), tbody tr td:nth-child(13), tbody tr td:nth-child(16), tbody tr td:nth-child(19), tbody tr td:nth-child(22), tbody tr td:nth-child(25), tbody tr td:nth-child(28) {
    border-left-width: 0;
}
.chart-table tbody tr td:nth-child(5){
    font-size: 20px;
     border-right-width: 1px;
} 
.chart-table tbody tr td:nth-child(6){
    border-right-width: 1px;
    font-size: 20px;
}
.chart-table-info tbody tr td:nth-child(6){
 border-right-width: 0px;
}
.chart-table-info tbody tr td:nth-child(5) {
    font-size: 20px;
    border-right-width: 0px;
}
.chart-table tbody tr td:nth-child(7){
    border-right-width: 1px;
    font-size: 20px;
}
.chart-table-border tbody tr td:nth-child(8){
      border-right-width: 1px ;
}
.chart-table-border tbody tr td:nth-child(9){
      border-right-width: 1px ;
}
.chart-table-border tbody tr td:nth-child(11){
      border-right-width: 1px ;
}
.chart-table-border tbody tr td:nth-child(12){
      border-right-width: 1px ;
}
.chart-table td{
    border: 1px solid #be8e2b7a;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
    vertical-align: middle;
}
.chart-table-info {
    width: 100%;
    text-align: center;
}
.chart-table-info thead {
    background: #d79707;
    color: #fff;
}
.chart-table-info thead th {
    padding: 7px;
    font-weight: 800;
    color: #000;
    font-size: 18px;
    border: 1px solid #be8e2b;
}
.chart-table-info td{
    border: 1px solid #be8e2b7a;
    padding: 10px;
    font-size: 20px !important;
    font-weight: 700;
}
.chart-panel-info{
    border: 1px solid #be8e2b;
    background: #101010;

}
.scroll-btn-info{
    text-align: center;
}
.scroll-btn:hover{
    color: #fff;
}
.scroll-btn{
    border: 1px solid #e6e6e6;
    background: #5b074b;
    color: #fff;
    padding: 9px 29px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 900;
    margin: 2px 0 -1px;
    display: inline-block;
    transition: all .3s;
}
  @-moz-keyframes marquee {
      0% {
          transform: translate(0, 0);
      }
      100% {
          transform: translate(0, -100%);
      }
  }

  @-webkit-keyframes marquee {
      0% {
          transform: translate(0, 0);
      }
      100% {
          transform: translate(0, -100%);
      }
  }
  @keyframes marquee {
      0% {
          -moz-transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
      }
      100% {
          -moz-transform: translate(0, -100%);
          -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
      }
  }

  @media screen and (max-width:1400px) {
    .chart-panel-info{
      overflow: auto;
    }
  }
  @media screen and (max-width:992px) {
    .chart-panel-body{
        width: 100%;
        overflow-x: auto;
    }
    .ftr-sm{
        margin-bottom: 69px;
    }
    .main-title p{
        padding-left: 28px; 
    }
    .matka-more-info p {
      font-size: 13px;
      padding: 0px 5px;
    }
    .matka-more-info h2{
       padding: 0px 5px;
    }
    .matka-info-data p{
      line-height: 25px;
    }
    .social-info{
         column-gap: 20px;
    }
    .social-info-icon a {
      font-size: 15px;
    } 
  .social-info-icon span {
      font-size: 15px;
    }

  }
  @media screen and (max-width:768px) {
    .social-info{
      display: block;
    }
    .social-info-icon span{
          width: 151px;
    }
    .social-info-icon{
      margin-bottom: 11px;
    }
  }
  @media screen and (max-width:575px) {
      .header-logo img {
        height: 124px;
        width: auto;
        max-width: 100%;
      }
      .social-info-icon a {
        font-size: 16px;
      }
      .chart-btn{
        top:2px;
      }
      .social-info-icon span {
        font-size: 17px;
      }
      .social-info-icon span {
         width: 129px;
      }
      .contact-info p{
          font-size: 17px;
          margin-bottom: 6px;
          font-weight: 600;
      }
      .contact-info{
        display: block;
        padding: 6px;
      }
      .main-table{
        margin-top: 20px;
      }
      .marquee-left h2, .marquee-right h2 {
        font-size: 19px;
      }
      .main-title p {
        padding-left: 16px;
        line-height: 21px;
        font-size: 13px;
    }
    .matka-info-data{
        padding: 10px;
    }
      .chart-table-info 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;
        font-weight: 800 !important;
        border-right-width: 0;
        font-size: 14px !important;
    }
    .chart-panel-body{
        width: 100%;
        overflow-x: auto;
    }
    .chart-table tbody tr td:nth-child(5){
        font-size: 15px;
    }
    .chart-table td{
        font-size: 15px;
    }
    .chart-table tbody tr td:nth-child(7) {
        border-right-width: 1px;
        font-size: 15px;
    }
    .chart-table thead th{
        font-size: 15px;
    }

  }