.bg-grey {
    background-color: #f0f0f0;
}

.bg-white {
    background-color: white;
    padding: 20px; /* Optional: You can adjust this if you want padding inside the columns */
    border-radius: 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

body {
    background-color: #f0f0f0; /* or any grey shade you prefer */
}

.nav-tabs .nav-link.active::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: green !important; /* Change this color if needed */
    color: red;
    top: 0;
    left: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sticky-col {
    position: sticky;
    top: 20px; /* Adjust this value based on your layout's needs */
    height: fit-content;
}


.darker-header {
    font-weight: bold; /* Makes text bolder */
    background-color: #343a40; /* Dark background */
    color: #fff; /* Light text */
}