.btn-primary{
            background-color: #F82D58;  /* Background color */
            color: white;               /* Text color */
            border: 2px solid #000000;  /* Border color and width */
            border-radius: 8px;         /* Border radius */
            font-size: 12px;            /* Font size */
            box-shadow: 3px 3px 5px #888888; /* Box shadow */
            transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}
.btn-primary:hover{
            background-color: #45A049;  /* Background color on hover */
            color: white;
}
.bg-light{
    background: linear-gradient(45deg, maroon, deeppink);
}
.table-wrapper {
            overflow: auto;
            max-height: 400px; /* Set a maximum height for the table to enable scrolling */
        }

.table thead th {
            position: sticky;
            top: 0;
            background-color: #fff; /* Set the background color of the sticky header */
        }