<!DOCTYPE html>
        <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
            <head>
              <meta charset="utf-8">
              <meta name="viewport" content="width=device-width,initial-scale=1">
              <meta name="x-apple-disable-message-reformatting">
              <title></title>
            </head>
            <body style="margin:0;padding:0;background-color:#C3C5DE;background-image:url('https://dmsfinance-download.s3.ap-south-1.amazonaws.com/SBLTDocs/20250124170631/4/Login.svg');background-size:cover;background-position:center;background-repeat:no-repeat;">
              <div style="height:100vh;">
                <table style="width:100%;height:100%;background-color:rgba(195, 197, 222, 0.8);">
                  <tr>
                    <td>
                      <div class="body-card">
                        <div class="card" style="position:relative;">
                          <div style="padding:20px;">
                            <div class="grid-container">
                              <img src="https://fileserver.treeone.one/view/MTK/20241231062817-sblt_logo.png" alt="SBLT CRM" width="50">
                            </div>
                            <div class="card-header" style="text-align:center;">Hi Saravanavel D!</div>  
                            <div>
                              <p style="text-align:center;"><span class="text-bold" style="color:#403E81;">Gopinath A from Ashok Leyland Limited - Vijayawada Plant</span> has requested for a Vehicle Enquiry.</p>
                            </div>
                            <hr>
                            <div class="card-content" style="margin-top:20px;">
                              <p><span>Vehicle Type:</span> Bus</p>
                              <p><span>Enquiry Date:</span> 2025-04-26</p>
                              <p><span>Requested From Date:</span> 2025-04-26</p>
                              <p><span>Requested To Date:</span> 2025-04-26</p>
                              <p><span>Description:</span> undefined</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </td>
                  </tr>
                </table>
              </div> 
            </body>
        </html>
        <style>
          body {
            height: 100vh;
            margin: 0;
            padding: 0;
            background-color: #486AAF;
            background-image: url('https://dmsfinance-download.s3.ap-south-1.amazonaws.com/SBLTDocs/20250124170631/4/Login.svg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
          }
          .body-card {
            text-align: center;
            margin: auto;
            max-width: 600px;
            padding: 10px;
            border-radius: 10px;
          }
          .card {
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
          }
          .card-header {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 15px;
          }
          .card-content {
            text-align: left;
            margin-bottom: 20px;              
          }
          .card-content p span {
              font-weight: bold;
          }
          .buttons {
            margin-top: 20px;
          }
          .buttons a {
            text-decoration: none;
            color: white;
            background-color: #263F5E;
            padding: 10px 20px;
            border-radius: 5px;
          }
        </style>