.main-heading {
        font-size: 3rem;
        font-weight: 700;
        color: #000;
        margin-bottom: 2rem;
        animation: slideInFromTop 1s ease-out;
        text-align: center;
        margin-top: 2rem;
    }
    td{
        font-size: 15px;
    }

    @keyframes slideInFromTop {
        0% {
            transform: translateY(-100%);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .table-container {
        background-color: #0981D1;
        backdrop-filter: blur(10px);
        padding: 2rem;
        border-radius: 0.75rem;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        width: 100%;
        overflow-x: auto;
        margin-bottom: 60px;
    }

    .styled-table {
        width: 100%;
        text-align: left;
        border-collapse: collapse;
        overflow: hidden;
        border: 4px solid white;
        animation: slideInFromLeft 1s ease-out;
    }

    @keyframes slideInFromLeft {
        0% {
            transform: translateX(-100%);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }


    .styled-table thead tr {
        background-color: #1a202c;
        color: #ffffff;
    }

    .styled-table tbody tr {
        background-color: black;
        color: #ffffff;
        transition: background-color 0.3s ease;
    }

    .styled-table tbody td:hover {
        background-color: #1e3a8a;
    }

    .styled-table th,
    .styled-table td {
        padding: 1rem 1rem;
        border: 1px solid #fff;
    }


    .styled-table th:last-child,
    .styled-table td:last-child {
        border-right: none;
    }

    .font-bold {
        font-weight: 700;
    }

    .whitespace-nowrap {
        white-space: nowrap;
    }

    @media (max-width: 1024px) {
        .table-container {
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
        }
    }