.table-responsive {
                overflow-x: auto;
                max-width: 100%;
        }

        .page-item.active .page-link {
                z-index: 1;
                color: #fff !important;
                background-color: #464a47;
                border-color: #464a47;
        }

        .page-link:not(:disabled):not(.disabled) {
                cursor: pointer;
                color: #464a47;
        }
	
	@media screen and (max-width: 600px) {
                table,
                thead,
                tbody,
                th,
                td,
                tr {
                  display: block;
                }

                thead {
                  display: none;
                }

                td {
                  position: relative;
                  padding-left: 50%;
                }

                td::before {
                  content: attr(data-label);
                  position: absolute;
                  left: 0;
                  padding: 8px;
                  font-weight: bold;
                }
        }

        .tenders-div h2 {
                font-size: 2.5rem; /* Adjust this value as needed */
        }