@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,700&family=Bebas+Neue&family=Racing+Sans+One&family=Roboto:wght@100;300;400;500;700;900&display=swap');
*{
margin: 0;padding: 0;box-sizing: border-box;font-family: 'Barlow Condensed',sans-serif;font-family: 'Bebas Neue',sans-serif;font-family: 'Racing Sans One',sans-serif;font-family: 'Roboto',sans-serif;}
html{scroll-behavior:smooth; overflow-x:hidden ;}
body {background-color: #fc9;text-align: center;font-family: sans-serif; font-weight: 500;padding-top: 5.5rem;margin: 0rem;min-height: 100%;overflow-x: hidden;}
h1
h2
h3
h4
h5
h6
h7{font-size: "Poppins", sans-serif;}
h1{color: rgb(0,10,45);font-weight: 800;font-size: 1.7rem;letter-spacing: 0.09rem;text-shadow: 0.1rem 0.05rem 0.2rem #212529,0 0 0.1rem blue,0 0 0.02rem blue;word-spacing: 0.2rem;font-family: serif;}
h2{color: rgb(241,241,241);font-size: 1.5rem;font-weight: 600;letter-spacing:  0.09rem;text-shadow:0.1rem 0.1rem 0.2rem rgb(104,41,76),0 0 0.1rem rgb(201,62,132),0 0 0.408rem rgb(255,0,144);}
h3{text-shadow:0.1rem 0.05rem 2rem rgb(226, 226, 226), 0 0 0.1rem rgb(91, 91, 91), 0 0 0.02rem rgb(0, 0, 0)  ;color: rgb(79, 79, 79);font-size: 1.5rem;}
h4{color:rgb(247, 247, 247);font-size: 1rem;text-shadow:0.1rem 0.05rem 2rem rgb(226, 226, 226), 0 0 0.1rem rgb(91, 91, 91), 0 0 0.02rem rgb(0, 0, 0)  ;}
h5{font-size: 2.5rem;text-shadow:0.1rem 0.09rem 2rem rgb(226, 226, 226), 0 0 0.2rem rgb(91, 91, 91), 0 0 0.02rem rgb(0, 0, 0)  ;color: rgb(0, 16, 164);}
h6{font-size: 2.5rem;text-shadow:0.1rem 0.05rem 0.2rem rgb(226, 226, 226), 0 0 0.2rem rgb(0, 21, 255), 0 0 0.02rem rgb(0, 0, 0)  ;color: rgb(255, 136, 0);letter-spacing: 0.4rem;}
h7{font-size: 2rem;text-shadow:0.1rem 0.05rem 0.2rem rgb(226, 226, 226), 0 0 0.2rem rgb(0, 21, 255),-1px -2px 0rem rgb(255, 255, 255);color: rgb(0, 0, 0);letter-spacing: 0.1rem;font-weight: 700;}
p {line-height: 1.8rem;font-size: 1.4rem;font-weight: 900;color: rgb(58, 104, 255);letter-spacing: 0.15rem;text-shadow: var();margin: 0rem 0rem;padding: 0rem 0rem;}
a {text-decoration: none;align-items: center;}
span{text-shadow: 0.1rem 0.05rem 0.2rem #212529,0 0 0.1rem blue,0 0 0.02rem blue;word-spacing:  3rem;font-weight: 300;font-size: 1rem;text-transform: uppercase;letter-spacing: 0.1rem;}
header{opacity: 1;transition: opacity 5s ;display: flex;align-items: center;justify-content: center;text-align: center;position: fixed;top: 0;left: 0;width: 100%;z-index: 9999 ;background-color: rgb(235, 0, 90);padding: 0rem ;}
header.visible {opacity: 1;}
header.scroll-down {box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 2);transition: 0.4s ease;}
.tpmatka{height: 2rem;width: 2rem;margin: 0.9rem -0.15rem 1rem 0; }
.text {margin:0.3rem; }

p {display: inline-block;vertical-align: top;margin: 1.2rem -0.1rem 0 0 ;}

.word {position: absolute; /* Change the position to relative */display: inline-block;vertical-align: top;margin: 0;opacity: 0;}

.letter {display: inline-block;position: relative;float: none; /* Change the float property to none */transform: translateZ(2.5rem);transform-origin: 50% 50% 2.5rem;}

.letter.out {transform: rotateX(90deg);transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);text-transform: lowercase;font-weight: 800;font-size: 2rem;}

.letter.behind {transform: rotateX(-90deg);}

.letter.in {transform: rotateX(0deg);transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);text-transform: lowercase;font-weight: 800;font-size: 2rem;}

.satta {color: rgb(255 255 0);transform: scaleX(1.23); display: inline-block;padding: 0 0 0 0.4rem ;}

.matka {color: #00dafc;}

.main {border-radius: 2rem;width: 100%;padding: 6% 1% 4% 1%;box-shadow: 0 0 0.5rem #000, inset 0 1rem 1.25rem 0 rgb(58 58 58 / 50%), inset 0 0 3px 1px rgba(0, 0, 0, 0.7);background-attachment: fixed;background-image: linear-gradient(#d8ca9d, #eb005a);background-position: left;background-repeat: repeat;background-size: auto auto;}
    
.main-border {box-shadow: 0 0 1rem #000;/* width: 50%; */padding: 0.5rem;border-radius: 2rem 2rem 0 0;margin: 0 auto;}

#nomargin {margin: 0;}

.panel-heading{margin: 1rem 1rem;padding: 0.5rem;width: 100%;transition: width 0.3s ease;background: radial-gradient(circle at center, #d64179 0%, #d8ca9d 100%);border-radius: 0.6rem;border: 0.3rem solid rgb(255, 255, 255);margin: 0.4rem 0 0.4rem 0}

.refbtnlly {border: 0;padding: 0.3rem 0.8rem;border-radius: 5rem;color:hsl(46,43%,73%);cursor: pointer;outline: 0;background-image: linear-gradient(-180deg, #FF89D6 0%, #C01F9E 100%);
box-shadow: 0 5px 17px 0px rgba(22,75,195,0.50), 0 -0.25rem 1.5rem 
                                 rgba(110, 15, 155, 1) inset, 0 0.75rem 0.5rem 
                                 rgba(255,255,255, 0.4) inset, 0 0.25rem 0.5rem 0 
                                 rgba(180, 70, 207, 1) inset; }

#nospan{text-shadow: initial;font-weight: 600;}

table{background-color : white; width:100%;border-collapse: collapse;font-size:1rem;font-weight: 800;}
             
th  {border: 0.1rem solid #1cc5c0a8;background: rgb(226,204,178);box-shadow: rgba(0, 0, 0, 0.15) 0.19rem 0.19rem 0.26rem;background: linear-gradient(#ff6db1, #d61c85);text-shadow:0.1rem 0.1rem 0.2rem #5c4500ab;color: azure; }

.txduble{font-size: 1.2rem;}
#txred{color: rgb(182, 0, 73);}
tr:nth-child(even){background-color: rgba(183, 183, 183, 0.049);}
tr:nth-child(odd){background-color: rgba(183, 183, 183, 0.069);}
tbody tr td:nth-child(even){border: 0.1rem solid #1cc5c0a8;background-color: rgba(183, 183, 183, 0.059);}
tbody tr td:nth-child(odd){border: 0.1rem solid #1cc5c0a8;background-color: rgba(183, 183, 183, 0.079);}

@media only screen and (min-width: 300px)  and (max-width: 550px)   {table { font-weight: 600;font-size:5px;} th{font-size: 8px;}.txduble{font-size:8px;} }                                     

.scroll-to-top-button {position: fixed;bottom: 1rem;right: 1rem;background-color: #ff0066;color: white;border: solid 2px black;border-radius: 50%; /* Makes it a circle */width: 40px; /* Adjust size as needed */height: 40px; /* Adjust size as needed */font-size: 24px;cursor: pointer;transform-origin: center;transition: 1s ease-in-out;}
  
.scroll-to-top-button:hover {background-color: #d6a164;}
  
.rotate-up {transform: rotate(540deg);}
  
.hidden {display: none;}

 .chart-list {margin: 0.5rem 0 0.5rem 0;font-size: 1rem;font-weight: 400;border: solid 0.1rem black;border-radius: 8px 8px 0px 0;background-attachment: fixed;background-image: linear-gradient(#e66492, #dfe591);background-position: left;background-repeat: repeat;background-size: auto auto;}
  
.zone {flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;padding: 1rem 1rem 1rem 1rem;background: radial-gradient(circle,#024c88,#06051fb7);color: #fff;padding: 5px 10px 3px;font-size: 24px;border-radius: 7px;text-align: center;font-weight: 600; }
  
.foolast{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite;bottom: 5px;padding: 1rem;text-align: center; }

@keyframes gradient {
0% { background-position: 0% 50%;}
50% { background-position: 100% 50%;}
100% { background-position: 0% 50%;} }
.other a{color:#0700d6;transition: all 0.2s ease 0s;}
.other a:hover{color:#ffffff;}

.liho{ background-image: linear-gradient(#cacaca, #a7a7a7);}
.liho a:nth-child(1) { color: DeepPink;}
.liho a:nth-child(2) { color: green;}
.liho a:nth-child(3) { color: orange;}
.liho a:nth-child(4) { color: blue;}
.liho a:nth-child(5) { color: purple;}
.liho a:nth-child(6) { color: DodgerBlue;}
.liho a:nth-child(7) { color: rgb(128, 0, 2);}
.liho a:nth-child(8) { color: cyan;}

.liho a:nth-child(1):hover,.liho a:nth-child(2):hover,.liho a:nth-child(3):hover,.liho a:nth-child(4):hover,.liho a:nth-child(5):hover,.liho a:nth-child(6):hover,.liho a:nth-child(7):hover,.liho a:nth-child(8):hover, 
.liho a:nth-child(9):hover{ background-color: #000; color: #FFFFFF; /* White */text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228dff,0 0 35px #228dff,0 0 40px #228dff; }

#nomargin{ margin: 0;font-size: 1rem;padding: 0.5rem; }
.tp-line { border: solid 0.1rem rgb(0, 0, 0); }
.co-btn{ font-size: 0.4rem; }