body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f8fcfh;
}
.home{
    background-image: linear-gradient(
-60deg
, #e6ffe6,#b3ffb3);
    color: black;
    border: #006600 solid 3px;
    border-style: solid;
    font-size: none;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    padding: 10px;
    border-radius: 0px 0px 0px 0px;
 
}
.live{
    font-weight: 700;
    font-style: italic;
    background-image: linear-gradient(
45deg
,#175177,#2b3a6f);
text-align: center;
font-weight: 700;
font-style: italic;
background-image: linear-gradient( 
45deg
,#175177,#2b3a6f);
color: #fff;
padding: 12px;
font-size: 22px;
 
}
.matkaresult{
    color: #117a8b;
    text-shadow: 1px 1px #000;
    padding: 10px 5px;
    font-size: 1.4em;
    font-weight: 700;
    border: #2a17f2;
    border-style: solid;
    text-align: center;
}
.text{
    font-size: 1.5em;
    font-weight: 700;
    font-style: italic;
    color: #100984;
    text-shadow: 1px 2px 1px rgb(0 0 0 / 8%);
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}
.number{
    font-size: 1.5em;
    font-weight: 700;
    font-style: italic;
    color: #ff0019;
    text-shadow: 1px 2px 1px rgb(0 0 0 / 8%);
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}
.time{
    color: #621ba4;
    font-size: .5em;
    text-align: center;
    font-size: 1em;
    font-weight: 700;
}
.jodiclass{
    background-color: #03001a;
    border-radius: 12px;
    color: white;
    padding: 3px 10px;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.d-flex{
    display:flex;
  }
  .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
  .logincss{
      margin-top:10px;
    padding-bottom: 15px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #6a5acd;
  }
  .titlelogin{
    background: #0062cc!important;
    color: #fff;
    padding: 15px;
    font-weight: 700;
    font-size: 22px;
    font-style: italic;
}
.loginbtn,.registerbtn{
    margin: 15px;
    padding: 8px 50px;
    border: none;
    border-radius: 50px;
    background-image: linear-gradient(
45deg
,#cc009b,#ffc107);
    color: whote;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    font-style: italic;
}.jodichart{
    background: #12596e;
    color: #fff;
    text-shadow: 2px 2px #000;
    padding: 15px 5px;
    font-size: 1.3em;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 1.2px;
}
.panelchart{
    background: #bf1f1f;
    color: #fff;
    text-shadow: 2px 2px #000;
    padding: 10px 5px;
    font-size: 1.3em;
    font-weight: 700;
    border-radius: 0;
    font-style: italic;

}
.links2{
    text-align: center;
    margin: 10px!important;
    text-decoration: none;
    background: #682727;
    color: #fff;
    box-shadow: 2px 2px #ffd800;
    font-size: medium;

    padding: 8px 5px;
    display: block;
    border-radius: 30px;
    font-weight: 700;
    text-transform: capitalize;
  
    font-style: italic;
    font-size: 18px;
    letter-spacing: .5px;

}
.links1{
    background: #79501f;
    color: #fff;
    box-shadow: 2px 2px #ba2a2a;
    font-size: medium;
    text-align: center;
    margin: 10px!important;
    text-decoration: none;
    padding: 8px 5px;
    display: block;
    border-radius: 30px;
    font-weight: 700;
    text-transform: capitalize;
 
    font-style: italic;
    letter-spacing: .5px;
    font-size: 18px;
}
.zonechart{
    font-style: italic;
    background: #1c5f39;
    color: #fff;
    text-shadow: 2px 2px #000;
    padding: 10px 3px;
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.links3{
    text-align: center;
    margin: 10px!important;
    text-decoration: none;
    padding: 7px;
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    border-radius: 25px;
    background: #094b56;
   
    box-shadow: 2px 2px red;
    font-style: italic;
}
.footer{
    background-image: linear-gradient(
-60deg
,#52ff20,#cd20ff);
    color: gold;
    border: #8181f7 solid 4px;
    border-style: solid;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: -2px;
    margin-bottom: -2px;
    padding: 5px;
    border-radius: 7px;
    font-style: italic;
}
.bg-yes{
    background-color: #feb41d;
}
/*---------------------*/
.m-0{
    margin: 0!important;
}
.p-0{
    padding: 0!important;
}
.my-5{
    margin: 5px 0px 5px 0px!important;
}
.p-10{
    padding: 10px;;
}
.text-center{
    text-align: center!important;
}
.blue{
    color: blue;
}
h2{
margin: 0!important;
}
.text-light{
    color: #fff;
}
.btnsite{
    background: linear-gradient(to right,#02dc61,#3c67b8)!important;
    color: #fff;
    border: solid 1px #000;
    font-size: 1.4em;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 10px;
    text-align: center;
}
.refreshbtn{
    background-color: WHITE;
    color: blue;
    border-width: 4px;
    border-color: red;
    border-style: inset;
    font-weight: bold;
    font-style: italic;
    font-size: large;
    border-radius: 10px;
}
.fix{
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.btnback,.btnhome{
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s;
    background-color: red;
    color: #fff;
    padding: 12px 25px;
    font-weight: 700;
    border-radius: 5px;
    margin: 15px;
}
.load{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
}
.center{
    text-align:center;
}
.btnre{
        font-size: 18px;
    padding: 3px 20px;
    border-radius: 5px;
    border: 1px solid #feb41d;
    background: #feb41d;
    font-style: italic;
}