body{
    padding:5px;
    margin:0;
    background:#AAE5FE;
    font-style: italic;
    font-family:trebuchet MS,sans-serif;
}
a{color:red;text-decoration: none;}
.header{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    background:#000033;
    color:#fff;
    text-align:center;
    border:1px solid yellow;
    border-radius:10px;
    padding:5px;
}
.footer{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    background:#000033;
    color:#fff;
    text-align:center;
    border:1px solid yellow;
    border-radius:10px;
    padding:5px;
    margin-top:5px;
}
.footer p{margin:0;}
.footer h2{margin:2px;color:#AAE5FE;}
.footer hr{width:50%;}
img#logo{width:90%;max-width:520px;margin:auto;}
img#article{width:95%;max-width:520px;margin:auto;}

.heading{
    background:#000033;
    color:#fff;
    text-align: center;
    border:1px solid red;
    border-radius:10px;
    margin:5px 0 3px 0;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.heading h2{margin:5px;}
.live{
    background-color:#fff;
    color: #000;
    font-weight: 700;
    text-align: center;
    border:1px solid gold;
    border-radius:10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.result{
    background-color:#fff;
    color: #000;
    font-weight: 700;
    text-align: center;
    border:1px solid gold;
    border-radius:10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.result2{border-bottom:1px solid silver;padding:7px;background-color:#fff;border-radius:10px;}
.result3{border-bottom:1px solid silver;padding:7px;background-color:#ff0;border-radius:10px;}
#left{position: absolute; left:15px;}
#right{position: absolute; right:15px;}
.btn{border:1px solid red;border-radius:5px;cursor:pointer;font-size:13px;padding:4px 0;background:#000033;box-shadow:0 0 5px #000;color:#fff}
.chart {background: #fff; color: black; border:1px solid pink;margin: 5px 0; padding: 10px 0;font-weight: bold;text-align: center;
    border-radius:10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.refresh {
    background-color:#000033;
    color:#fff;
    border:1px solid red;
    padding:3px 10px;
    margin-top:5px;
    font-size:15px;
    font-style: italic;
    border-radius:.25rem;
    cursor:pointer;
    box-shadow:0 0 5px #000;
}
.jodi{
    background-color:#fff;
    color: #000;
    font-weight: 700;
    text-align: center;
    border:1px solid green;
    border-radius:10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.jodi a{
    display:block;
    color:green;
    text-align:center;
    border-bottom:1px solid green;
    padding:10px;
    border-radius:10px;
}
.panel{
    background-color:#fff;
    color: #000;
    font-weight: 700;
    text-align: center;
    border:1px solid red;
    border-radius:10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.panel a{
    display:block;
    color:red;
    text-align:center;
    border-bottom:1px solid red;
    padding:10px;
    border-radius:10px;
}
.usefull{
    background-color:#fff;
    color: #000;
    font-weight: 700;
    text-align: center;
    border:1px solid blue;
    border-radius:10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.usefull a{
    display:block;
    color:blue;
    text-align:center;
    border-bottom:1px solid blue;
    padding:10px;
    border-radius:10px;
}
.record{font-weight:bold}
.record a{display:block;text-align:center;font-weight:bold;border:1px solid teal;padding:10px;margin-top:5px;margin-bottom:5px;border-radius:5px}
.main{
    background:#000033;
    color:#fff;
    border:1px solid gold;
    border-radius:10px;
    text-align:center;
    margin:3px 0;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.main h1{
    font-size:18px;
    color:gold;
    margin:5px;
}
.main p{
    font-size:15px;
    color:#A9E4FD;
    margin:5px;
}
.lpass{
    color:blue;
    margin:5px 5px 2px 5px;
    font-size:16px;
    font-style: normal;
    font-family: 'Kalam', sans-serif;
}
.service{
    background:#fff;
    color:#000;
    border:1px solid blue;
    border-radius:10px;
    text-align:center;
    font-weight:bold;
    padding:5px;
}
.service p{
    margin:2px;
}
.freeanks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color:#fff;
    color: #000;
    font-weight: 700;
    text-align: center;
    border:1px solid gold;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.freeank {
    background:#fff;color:#000;margin:0;border:.5px solid gold;
}
.freeank h3{color:blue;margin:0;padding:5px 0;background:cyan;}
.freeank p{margin:5px 3px;font-size: 12px;}
.article{
    background:#fff;
    color:#000;
    border:1px solid blue;
    border-radius:10px;
    text-align:center;
    margin:5px 0;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.article h2{
    font-size:20px;
    color:blue;
    margin:10px 5px;
}
.article ul{
    text-align:left;
}
.article p{
    font-size:15px;
    color:#000;
    margin:10px 5px;
}
.lucky{
    display: flex;
    width: 100%;
    background: #fff;
    color:#000;
    gap: 10px;
    border:1px solid gold;
    border-radius:10px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.golden{
    width: 40%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.golden p {
        margin:5px 0;
        padding-top:5px;
        font-size:25px;
    }
.lucky h3{
    color:red;
    font-size:20px;
    margin:5px 0;
}
.final{
    width: 60%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-left:1px solid gold;}

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
.final1:hover p {
    animation-play-state: paused;
}

.final1 {
    width: 100%;
    height: 50px; /* adjust height */
    overflow: hidden;
}

.final1 p {
    text-align:center;
    font-size:15px;
    margin:10px 0;
    animation: marqueeUp 10s linear infinite;
}

@keyframes marqueeUp {
    0%   { transform: translateY(15%); }
    100% { transform: translateY(-100%); }
}