/* ================================================================================================
   Traffic Press Release
================================================================================================= */


.traffic-press-release .search-input {
   margin-bottom: 20px;
}

.traffic-press-release table thead th {
   background-color: #000080 !important;
   color: #fff !important;
   text-align: center;
   vertical-align: middle;
   font-weight: 800;
   font-size: 18px;
}

.traffic-press-release table tbody td {
   vertical-align: middle;
   font-size: 18px;
   font-weight: 600;
}


.traffic-press-release table tbody tr:nth-child(even) {
   background-color: #f5f5f5;
}

.traffic-press-release .view-link {
   color: #0d6efd;
   font-weight: 600;
   text-decoration: none;
}

.traffic-press-release .view-link:hover {
   text-decoration: underline;
}



.traffic-press-release tbody tr td a.is-visited {
  color: #000000 !important;
}


_______________________________________


<div class="traffic-press-release container">
    <div>
        <input class="form-control search-input" type="text" id="searchInput" placeholder="Search Content...">
    </div>
    <div class="notification-box">
        <table class="table" border="1" cellpadding="8" cellspacing="0" id="notificationTable-1">
            <thead>
                <tr>
                    <th>
                        S.No.
                    </th>
                   <th>
                    Press Relase
                   </th>
                    <th>
                        Link
                    </th>
                </tr>
    </thead>
<tbody>
<tr>
    <td>1</td>
    <td>Recovery of Stolen Vehicle and Detection of Two Snatching & One Theft Cases - 09.10.2025</td>
    <td>
      <a href="[[base_path]]/sites//default/files/pdf/press-release/

Drive Smart-Stay Safe – Towards a Safer Delhi_18092025.pdf" target="_blank">
        Link
      </a>
    </td>
  </tr>

  <tr>
    <td>2</td>
    <td>Drive Smart, Stay Safe – Towards a Safer Delhi, Date- 18.09.2025</td>
    <td>
      <a href="[[base_path]]/sites//default/files/pdf/press-release/DriveSmartStaySafeTowardsaSaferDelhi_18092025.pdf" target="_blank">
        Link
      </a>
    </td>
  </tr>

  <tr>
    <td>3</td>
    <td>Drive Smart, Stay Safe – Towards a Safer Delhi, Date- 11.09.2025</td>
    <td>
      <a href="[[base_path]]/sites//default/files/pdf/press-release/DriveSmartStaySafeTowardsaSaferDelhi_11092025.pdf" target="_blank">
        Link
      </a>
    </td>
  </tr>

  <tr>
    <td>4</td>
    <td>Drive Smart, Stay Safe – Towards a Safer Delhi, Date- 09.09.2025</td>
    <td>
      <a href="[[base_path]]/sites//default/files/pdf/press-release/press release 09.09.2025 new.pdf" target="_blank">
        Link
      </a>
    </td>
  </tr>
</tbody>

        </table>
    </div>
</div>