<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rate & Timing</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <?php include 'header.php'; ?>
    <!-- Add this above your Game Timings section in rate-timing.php -->
<section class="rates-notice-section" style="display:flex; flex-wrap:wrap; gap:32px; justify-content:center; margin-top:32px;">
    <!-- Notice Board -->
    <div class="notice-board" style="background:#fff; border-radius:24px; box-shadow:0 4px 24px rgba(23,162,184,0.10); border-bottom:6px solid #ffd600; padding:32px 28px; min-width:320px; max-width:480px; flex:1;">
        <h2 style="color:#005c97; font-size:2rem; font-weight:700; margin-bottom:12px;">NOTICE BOARD</h2>
        <hr style="border:none; border-top:1px solid #e0e7ef; margin-bottom:18px;">
        <div style="font-size:1.08rem; color:#222; line-height:1.7;">
            BEST <b>ONLINE MATKA PLAY</b> WEBSITE.<br>
            PLAY MATKA ONLINE WITH HIGHEST RATE SAME DAY WITHDRAWAL OF YOUR WINNING MATKA AMOUNT<br><br>
            <b>MINIMUM DEPOSIT:</b> 500<br>
            <b>MINIMUM WITHDRAWAL:</b> 1000<br>
            <b>MAXIMUM WITHDRAWAL:</b> NO LIMITS
        </div>
    </div>
    <!-- Matka Game Rates -->
    <div class="matka-rates" style="background:#fff; border-radius:24px; box-shadow:0 4px 24px rgba(23,162,184,0.10); border-bottom:6px solid #ffd600; padding:32px 28px; min-width:320px; max-width:480px; flex:1;">
        <h2 style="color:#005c97; font-size:2rem; font-weight:700; margin-bottom:12px;">MATKA GAME RATES</h2>
        <hr style="border:none; border-top:1px solid #e0e7ef; margin-bottom:18px;">
        <table style="width:100%; border-collapse:collapse; font-size:1.08rem;">
            <tr>
                <td style="font-weight:600; padding:12px 0;"><span style="color:#005c97;">&#128077;</span> Hurruf</td>
                <td style="text-align:right; font-weight:600;">10 KA 90</td>
            </tr>
            <tr>
                <td style="font-weight:600; padding:12px 0;"><span style="color:#005c97;">&#128077;</span> JODI</td>
                <td style="text-align:right; font-weight:600;">10 KA 900</td>
            </tr>
            <tr>
                <td style="font-weight:600; padding:12px 0;"><span style="color:#005c97;">&#128077;</span> Below Game Coming soon</td>
                <td style="text-align:right; font-weight:600;">Rates will be..</td>
            </tr>
            <tr>
                <td style="font-weight:600; padding:12px 0;"><span style="color:#005c97;">&#128077;</span> SINGLE PATTI</td>
                <td style="text-align:right; font-weight:600;">10 KA 1400</td>
            </tr>
            <tr>
                <td style="font-weight:600; padding:12px 0;"><span style="color:#005c97;">&#128077;</span> DOUBLE PATTI</td>
                <td style="text-align:right; font-weight:600;">10 KA 2800</td>
            </tr>
            <tr>
                <td style="font-weight:600; padding:12px 0;"><span style="color:#005c97;">&#128077;</span> TRIPPLE PATTI</td>
                <td style="text-align:right; font-weight:600;">10 KA 8000</td>
            </tr>
        </table>
    </div>
</section>
       <section>
    <h2 style="font-size: 1.5rem; font-weight: 700; color: #005c97; text-align:center;">Game Timings</h2>
    <div class="timing-table-container" style="overflow-x:auto;">
        <table class="timing-table" style="width:100%; border-collapse:collapse; background:#fff; border-radius:16px; box-shadow:0 4px 24px rgba(23,162,184,0.10); font-size:1.08rem;">
            <thead>
                <tr style="background:linear-gradient(90deg,#005c97 60%,#363795 100%); color:#fff;">
                    <th style="padding:14px 8px;">Game</th>
                    <th style="padding:14px 8px;">Open</th>
                    <th style="padding:14px 8px;">Close</th>
                    <th style="padding:14px 8px;">Result</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>DS</td>
                    <td>6:00 PM</td>
                    <td>1:30 AM</td>
                    <td>5:00 AM</td>
                </tr>
                <tr>
                    <td>DB</td>
                    <td>1:00 PM</td>
                    <td>2:40 PM</td>
                    <td>3:00 PM</td>
                </tr>
                <tr>
                    <td>SG</td>
                    <td>3:05 PM</td>
                    <td>4:00 PM</td>
                    <td>4:20 PM</td>
                </tr>
                <tr>
                    <td>FB</td>
                    <td>4:40 PM</td>
                    <td>5:40 PM</td>
                    <td>6:06 PM</td>
                </tr>
                <tr>
                    <td>GB</td>
                    <td>6:50 PM</td>
                    <td>8:20 PM</td>
                    <td>8:40 PM</td>
                </tr>
                <tr>
                    <td>RR</td>
                    <td>9:45 PM</td>
                    <td>10:45 PM</td>
                    <td>11:00 PM</td>
                </tr>
                <tr>
                    <td>GL</td>
                    <td>9:30 PM</td>
                    <td>11:30 PM</td>
                    <td>11:50 PM</td>
                </tr>
            </tbody>
        </table>
    </div>
</section>
    <?php include 'footer.php'; ?>
</body>
</html>