body {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         background-color: #352960;
         color: white;
         text-align: center;
         width: 100%;
         max-width: 100%;
         }
         a {
         text-decoration: none;
         color:black;
         font-weight: bold;
         }
         h1, h2, h3, h4, h5, h6 {
         color: green;
         font-size: 15px;
         padding-top: 5px; /* Adjust the value as needed */
         padding-bottom: 5px; /* Adjust the value as needed */
         margin: 0; /* Remove default margin to ensure consistent spacing */
         }
         /* Header Styles */
         header {
         background-color: #333;
         color: white;
         text-align: center;
         }
         /* Navigation Styles */
         nav {
         background-color: yellow;
         padding: 1em;
         text-align: center;
         }
         nav a {
         color: black;
         text-decoration: none;
         margin: 0 10px;
         display: inline-block;
         }
         /* Main Content Styles */
         main {
         padding: 1em;
         }
         /* Footer Styles */
         footer {
         background-color: #333;
         color: white;
         padding: 1em;
         text-align: center;
         }
         footer ul {
         list-style-type: none;
         padding: 0;
         display: flex;
         justify-content: space-around;
         }
         footer li {
         margin: 0;
         }
         /* Responsive Design */
         @media (max-width: 600px) {
         footer ul {
         flex-direction: column;
         }
         }
         .btn-content {
         font-size :23px;
         font-weight :bold;
         color:yellow;
         }
         .btn-name {
         font-size :21px;
         font-weight :bold;
         color:white;
         }
         /* Button Styles */
         .button-container {
         text-align: center;
         margin-top: 5px;
         margin-bottom: 5px;
         }
         /* Popup Button Styles */
         .popup-btn {
         background-color: yellow;
         color: black;
         padding: 15px;
         border: none;
         border-radius: 8px;
         font-weight: bold;
         cursor: pointer;
         width: 200px;
         height: 50px;
         text-decoration: none;
         font-size: 17px;
         }
         /* Popup Content Styles */
         .popup-content {
         display: none;
         position: fixed;
         top: 25%;
         left: 50%;
         transform: translate(-50%, -50%);
         padding: 5px;
         background-color: white;
         border: 1px solid #ccc;
         border-radius: 5px;
         z-index: 100;
         width: 350px;
         }
         /* Close Button Styles */
         .close-btn {
         position: absolute;
         top: 10px;
         right: 10px;
         cursor: pointer;
         color:black;
         font-size:20px;
         }
         /* Popup Button Container Styles */
         .popup-btn-container {
         text-align: center;
         margin-top: 5px;
         }
         /* Popup Button Inner Styles */
         .popup-btn-inner {
         margin-top: 5px;
         }
         /* Call Button Styles */
         .call-btn {
         background-color: yellow;
         color: black;
         padding: 10px;
         border: none;
         border-radius: 8px;
         font-weight: bold;
         cursor: pointer;
         margin-right: 10px;
         text-decoration: none;
         display: inline-block;
         text-align: center;
         line-height: 20px;
         width: 80px;
         height: 20px;
         }
         /* WhatsApp Button Styles */
         .whatsapp-btn {
         background-color: red;
         color: black;
         padding: 10px;
         border: none;
         border-radius: 8px;
         font-weight: bold;
         cursor: pointer;
         text-decoration: none;
         display: inline-block;
         text-align: center;
         line-height: 20px;
         width: 80px;
         height: 20px;
         }
         /* Styles for the Call button in the footer */
         .btn-call {
         background-color: ForestGreen;
         color: white;
         padding: 10px;
         border: none;
         border-radius: 8px;
         font-weight: bold;
         cursor: pointer;
         margin-right: 10px;
         text-decoration: none;
         display: inline-block;
         text-align: center;
         line-height: 20px;
         width: 110px;
         height: 20px;
         }
         /* Styles for the WhatsApp button in the footer */
         .btn-whatsapp {
         background-color: red;
         color: white;
         padding: 10px;
         border: none;
         border-radius: 8px;
         font-weight: bold;
         cursor: pointer;
         text-decoration: none;
         display: inline-block;
         text-align: center;
         line-height: 20px;
         width: 110px;
         height: 20px;
         }
         .btn-call-pop {
         background-color: ForestGreen;
         color: white;
         padding: 10px;
         border: none;
         border-radius: 8px;
         font-weight: bold;
         cursor: pointer;
         margin-right: 10px;
         text-decoration: none;
         display: inline-block;
         text-align: center;
         line-height: 20px;
         width: 80px;
         height: 20px;
         }
         /* Styles for the WhatsApp button in the footer */
         .btn-whatsapp-pop {
         background-color: red;
         color: white;
         padding: 10px;
         border: none;
         border-radius: 8px;
         font-weight: bold;
         cursor: pointer;
         text-decoration: none;
         display: inline-block;
         text-align: center;
         line-height: 20px;
         width: 80px;
         height: 20px;
         }
         /* Chart Button Styles */
         .btn-chart {
         display: inline-block;
         padding: 5px 10px;
         text-decoration: none;
         color: red;
         background-color: red;
         height: 15px;
         line-height: 15px;
         border-radius: 5px;
         }
         /* Khaiwaal Button Styles */
         .btn-khaiwaal {
         display: inline-block;
         font-size: 20px;
         padding: 5px 10px;
         text-decoration: none;
         color: #000080;
         background-color: red;
         height: 25px;
         line-height: 25px;
         border-radius: 5px;
         font-weight: bold;
         }
         /* Color for Khaiwaal Button */
         .btn-khaiwaal-color {
         color: white;
         }
         /* Player Button Styles */
         .btn-player {
         display: inline-block;
         padding: 10px 20px;
         text-decoration: none;
         font-weight: normal;
         border-radius: 5px;
         background-color: #3498db;
         color: #ffffff;
         font-weight: bold;
         }
         /* Card Styles */
         .card {
         border: 1px solid #ddd;
         border-radius: 8px;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         width: 100%;
         max-width: 99%;
         margin: auto; /* Add this line to center the card */
         }
         /* Card Header Styles */
         .card-header {
         background-color: yellow;
         padding: 2px;
         border-bottom: 1px solid #ddd;
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
         color: black;
         font-weight: bold;
         }
         /* Card Body Styles */
         .card-body {
         padding: 1px;
         background-color: black;
         text-align: center;
         }
         /* Card Content Styles */
         .card-content {
         font-size: 15px;
         font-weight: bold;
         color: blue;
         }
         /* Card Director Styles */
         .card-director {
         font-size: 15px;
         font-weight: bold;
         color: red;
         text-shadow: 1px 1px 10px black;
         }
         /* Card Name Styles */
         .card-name {
         font-size: 18px;
         font-weight: bold;
         padding-top: 5px;
         padding-bottom: 5px;
         background: linear-gradient(to right, #ff5733, #33cc33);
         -webkit-background-clip: text;
         color: transparent;
         display: inline-block;
         }
         /* Card Number Styles */
         .card-number {
         font-size: 20px;
         font-weight: bold;
         color: black;
         padding-top: 2px;
         padding-bottom: 2px;
         }
         /* Card Footer Styles */
         .card-footer {
         background-color: yellow;
         padding: 2px;
         border-top: 1px solid #ddd;
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
         color: black;
         font-weight: bold;
         }
         /* Superfast Class Styles */
         .superfast {
         color: yellow;
         text-shadow: -1px 0 red, 0 1px black, 1px 0 black, 0 -1px black;
         text-align: center;
         }
         /* Date and Time Styles */
         .date-time {
         font-size: 18px;
         font-weight: bold;
         color: white;
         }
         /* Live Name Styles */
         .live-name {
         color: yellow;
         text-shadow: 1px 1px 10px red;
         font: italic small-caps bold 30px Georgia, Garamond, serif;
         }
         /* Live Result Styles */
         .live-result {
         color: yellow;
         text-shadow: 1px 1px 10px red;
         font-size: 25px;
         font-weight: bold;
         }
         .late-data {
         color : red;
         font-size : 14px;
         }
         .waiting-time {
         color : orange;
         font-size : 15px;
         }
         /* Game Table Styles */
         #game-table {
         width: 100%;
         max-width: 100%;
         border-collapse: collapse;
         margin-top: 20px;
         }
         /* Table Header Styles */
         #game-table th {
         background-color: yellow;
         color: #000;
         padding: 10px;
         text-align: center;
         }
         /* Alternating Row Colors Styles */
         #game-table tr:nth-child(even) {
         background-color: #ffd700;
         }
         #game-table tr:nth-child(odd) {
         background-color: #ffd700;
         }
         /* Table Data (td) Styles */
         #game-table td {
         padding: 10px;
         border: 1px solid #000;
         }
         /* Table Head Styles */
         .table-head {
         background-color: yellow;
         color: black;
         font-size: 12px;
         font-weight: bold;
         }
         /* Game Name Styles */
         .game-name {
         font-weight: bold;
         color: brown;
         width: 20%;
         }
         /* Game Time Styles */
         .game-time {
         color: black;
         font-size: 12px;
         }
         /* Old Value Styles */
         .old-value {
         font-weight: bold;
         color: red;
         font-size: 15px;
         width: 15%;
         }
         /* New Value Styles */
         .new-value {
         font-weight: bold;
         color: #000;
         font-size: 20px;
         width: 15%;
         }
         /* Game Chart Button Styles */
         .game-chart-btn {
         background-color: #e74c3c;
         color: #ffffff;
         padding: 2px 3px;
         text-decoration: none;
         border-radius: 5px;
         line-height: 20px;
         width:25px;
         height: 20px;
         }
         .guest-post {
         background-color: Gainsboro;
         border: 1px solid #ddd;
         border-radius: 8px;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         width: 100%;
         max-width: 90%;
         margin: auto;
         padding: 15px;
         margin-top: 20px;
         }
         /* User Profile Picture Styles */
         .profile-picture {
         border-radius: 50%;
         width: 50px;
         height: 50px;
         object-fit: cover;
         }
         /* User Info Styles */
         .user-info {
         display: flex;
         align-items: center;
         margin-bottom: 10px;
         }
         .username {
         margin-left: 10px;
         font-weight: bold;
         font-size: 18px;
         font-weight: bold;
         padding-top: 5px;
         padding-bottom: 5px;
         background: linear-gradient(to right, #ff5733, #33cc33);
         -webkit-background-clip: text;
         color: transparent;
         display: inline-block;
         }
         /* Post Content Styles */
         .post-content {
         font-size: 20px;
         font-weight:bold;
         margin-bottom: 5px;
         color:black;
         }
         /* Post Time Styles */
         .post-time {
         font-size: 15px;
         color: #888;
         margin-bottom: 10px;
         }
         .forum-enter {
         font-size: 25px;
         font-weight: bold;
         color: white;
         text-shadow: 1px 1px 10px yellow;
         }
         .records-chart {
         font-size: 20px;
         font-weight: bold;
         color: white;
         text-shadow: 1px 1px 10px yellow;
         }
         /* Table Styles */
         .result-table {
         width: 100%;
         border-collapse: collapse;
         margin-top: 5px;
         }
         /* Table Header Styles */
         .result-table th {
         padding: 5px;
         text-align: center;
         font-size: 10px;
         height: 20px;
         border: 1px solid BLACK;
         }
         /* Table Data Styles */
         .result-table td {
         background-color: #f2f2f2;
         border: 1px solid #000;
         font-size: 12px;
         font-weight: bold;
         color: BLACK;
         height: 22px;
         text-align: center;
         }
         /* Apply styles to all rows */
         .result-table tr {
         background-color: #FFE4E1;
         font-size: 12px;
         color: BLACK;
         font-weight: bold;
         }
         /* Specify widths for th elements using classes */
         .date {
         width: 25%; /* Adjust the width as needed */
         background-color: #352960; /* Date background color */
         color: #ffffff; /* Date text color */
         }
         .taj {
         width: 15%; /* Adjust the width as needed */
         background-color: #A0522D; /* Taj background color */
         color: #ffffff; /* Taj text color */
         }
         .faridabad {
         width: 15%; /* Adjust the width as needed */
         background-color: #A0522D; /* Faridabad background color */
         color: #ffffff; /* Faridabad text color */
         }
         .ghaziabad {
         width: 15%; /* Adjust the width as needed */
         background-color: #A0522D; /* Ghaziabad background color */
         color: #ffffff; /* Ghaziabad text color */
         }
         .gali {
         width: 15%; /* Adjust the width as needed */
         background-color: #A0522D; /* Gali background color */
         color: #ffffff; /* Gali text color */
         }
         .deshawar {
         width: 15%; /* Adjust the width as needed */
         background-color: #A0522D; /* Deshawar background color */
         color: #ffffff; /* Deshawar text color */
         }
         .art-title {
         color : red;
         text-shadow : -1px 0 yellow, 0 1px red, 1px 0 black, 0 -1px black;
         font-weight : bold;
         font-size : 17px;
         }
         .article {
         color : white;
         text-align : left;
         font-size : 15px;
         }
         .container-history {
         background-color : white;
         }
         .chart-table {
         width : 100%;
         border-collapse : collapse;
         }
         .chart-table td {
         padding : 3px;
         border : #ddd solid 1px;
         text-align: center;
         }
         #M810765ScriptRootC1458365 {
         width:100%;
         }
         /* Define keyframes for the marquee animation */
         @keyframes marquee {
         0% {
         transform: translateX(100%);
         }
         100% {
         transform: translateX(-100%);
         }
         }
         /* Apply the styles to the marquee container */
         .marquee-container {
         white-space: nowrap;
         overflow: hidden;
         width: 90%;
         border: 1px solid #ddd; /* Optional: Add a border for visibility */
         margin:auto;
         }
         /* Apply the animation to the marquee text within the container */
         .marquee {
         animation: marquee 10s linear infinite; /* Adjust the duration as needed */
         color: yellow;
         font-size: 12px;
         display: inline-block; /* Ensures that the animation works properly */
         }
         .direction-text {
         background-color: Silver;
         position: fixed;
         bottom: 110px;
         right: 10px;
         color: BLACK;
         font-size: 14px;
         font-weight:bold;
         border-radius: 10%;
         }
         .chat-icon {
         position: fixed;
         bottom: 20px;
         right: 10px;
         color: #fff;
         width: 80px;
         height: 80px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 24px;
         cursor: pointer;
         box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
         background-image: url('../sattaking-whatsapp.png');
         background-size: cover;
         }
         .notification-count {
         position: absolute;
         top: 5px;
         right: 5px;
         background-color: red;
         color: white;
         width: 22px;
         height: 22px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 14px;
         }
         .chat-popup {
         display: none;
         position: fixed;
         bottom: 0;
         right: 20px;
         width: 300px;
         border: 1px solid #ccc;
         border-radius: 5px 5px 0 0;
         box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
         }
         .chat-header {
         background-color: #3498db;
         color: #fff;
         padding: 10px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         border-radius: 5px 5px 0 0;
         }
         .user-info {
         display: flex;
         align-items: center;
         }
         .profile-picture {
         width: 50px;
         height: 50px;
         border-radius: 50%;
         margin-right: 10px;
         }
         .user-name {
         font-weight: bold;
         }
         .close-btn {
         cursor: pointer;
         }
         .chat-content {
         padding: 10px;
         max-height: 300px;
         overflow-y: auto;
         background-color: #ffffff;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         }
         .message {
         margin-bottom: 10px;
         }
         .message-content {
         max-width: 100%;
         }
         .message p {
         margin: 0;
         }
         .incoming {
         align-self: flex-start;
         }
         .outgoing {
         align-self: flex-end;
         }
         .chat-input {
         padding: 10px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         background-color: #f1f1f1;
         border-top: 1px solid #ccc;
         border-radius: 0 0 5px 5px;
         }
         .chat-input input {
         flex: 1;
         padding: 8px;
         border: 1px solid #ccc;
         border-radius: 3px;
         margin-right: 8px;
         }
         .chat-input button {
         background-color: #3498db;
         color: #fff;
         border: none;
         padding: 8px 16px;
         border-radius: 3px;
         cursor: pointer;
         }
         .chat-input button:hover {
         background-color: #2980b9;
         }
         .guesspost {
         border-radius: 3%;
         width: 200px;
         height: 150px;
         }