body {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         background-color: black;
         color: white;
         text-align: center;
         width: 100%;
         max-width: 100%;
         }
         a {
         text-decoration: none;
         color:red;
         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: #555;
         padding: 1em;
         text-align: center;
         }
         nav a {
         color: white;
         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;
         }
         /* 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: white;
         height: 25px;
         line-height: 25px;
         border-radius: 5px;
         font-weight: bold;
         }
         /* Color for Khaiwaal Button */
         .btn-khaiwaal-color {
         color: #ff5733;
         }
         /* 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: #333;
         padding: 2px;
         border-bottom: 1px solid #ddd;
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
         color: white;
         font-weight: bold;
         }
         /* Card Body Styles */
         .card-body {
         padding: 1px;
         background-color: Ivory;
         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: #333;
         padding: 2px;
         border-top: 1px solid #ddd;
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
         color: white;
         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: white;
         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: #3498db;
         color: #ffffff;
         padding: 10px;
         text-align: center;
         }
         /* Alternating Row Colors Styles */
         #game-table tr:nth-child(even) {
         background-color: #f2f2f2;
         }
         #game-table tr:nth-child(odd) {
         background-color: #C0C0C0;
         }
         /* Table Data (td) Styles */
         #game-table td {
         padding: 10px;
         border: 1px solid #dddddd;
         }
         /* Table Head Styles */
         .table-head {
         background-color: #000080;
         color: white;
         font-size: 12px;
         font-weight: bold;
         }
         /* Game Name Styles */
         .game-name {
         font-weight: bold;
         color: brown;
         width: 50%;
         }
         /* 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: #27ae60;
         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 BLACK;
         
         }
         /* Table Data Styles */
         #result-table td {
         background-color: #FFE4E1;
         border: 1px solid #DCDCDC;
         font-size: 12px;
         font-weight: bold;
         color: BLACK;
         height: 22px;
         }
         /* Apply styles to all rows */
         #result-table tr {
         background-color: #FFE4E1;
         font-size: 12px;
         color: BLACK;
         font-weight: bold;
         background-color: #A0522D; /* Deshawar background color */
         }
         /* Specify widths for th elements using classes */
         .date {
         width: 25%; /* Adjust the width as needed */
         background-color: #A0522D; /* 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 */
         }
         .r-date {
         width: 25%; /* Adjust the width as needed */
         background-color: #A0522D; /* Deshawar background color */
         color: #ffffff; /* Deshawar text color */
         }
         .r-chart {
         width: 15%; /* Adjust the width as needed */
         background-color: #A0522D; /* Deshawar background color */
         color: #ffffff; /* Deshawar text color */
         }
         .r-dd {
         width: 20%; /* Adjust the width as needed */
         background-color: #A0522D; /* Deshawar background color */
         color: #ffffff; /* Deshawar text color */
         }
         .gd-chart {
         width: auto; /* Adjust the width as needed */
         background-color: brown; /* Deshawar background color */
         color: #ffffff; /* Deshawar text color */
         }
         
         .artgame-time {
         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;
         }
         .focus-visible {
outline: lightgreen solid 2px;
color: yellow;
font-weight: bold;
font-size: 12px;
}
.artkey {
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;
}
#resultTable {
            background-color: #222;
            width: 80%;
            font-weight: bold;
            border-collapse: collapse;
            margin: 0 auto; /* Removed top and bottom margin */
        }

        #resultTable th, #resultTable td {
            border: 1px solid #ccc;
            padding: 10px;
            text-align: center;
        }

        #resultTable th {
            background-color: #333;
            color: white;
            text-transform: uppercase;
        }