#paginationContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    #paginationContainer .page-item {
        margin: 0;
    }

    #paginationContainer .page-item .page-link {
        border-radius: 8px;
        font-weight: 500;
        padding: 8px 12px;
        border: 1px solid #dee2e6;
        color: #495057;
        transition: all 0.2s ease;
        min-width: 40px;
        text-align: center;
    }

    #paginationContainer .page-item .page-link:hover {
        background-color: #e9ecef;
        border-color: #adb5bd;
    }

    #paginationContainer .page-item.active .page-link {
        background-color: #007bff;
        border-color: #007bff;
        color: white;
    }

    #paginationContainer .page-item.disabled .page-link {
        color: #6c757d;
        background-color: #fff;
        border-color: #dee2e6;
        cursor: not-allowed;
    }

    @media (max-width: 768px) {
        #paginationContainer {
            gap: 6px;
        }

        #paginationContainer .page-item .page-link {
            padding: 6px 10px;
            font-size: 14px;
            min-width: 36px;
            min-height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #paginationContainer .page-item.active .page-link {
            background-color: #007bff;
            border-color: #007bff;
            color: white;
            font-weight: 600;
            padding: 6px 12px;
        }
        #paginationContainer .dropdown-toggle {
            padding: 6px 10px;
            font-size: 14px;
            min-width: 36px;
            min-height: 36px;
        }

        #paginationContainer .dropdown-menu {
            min-width: 150px;
            max-height: 200px;
            overflow-y: auto;
        }

        #paginationContainer .dropdown-item {
            padding: 8px 12px;
            font-size: 14px;
        }

        #paginationContainer .dropdown-item.active {
            background-color: #007bff;
            color: white;
        }

        #paginationContainer .page-item .page-link i {
            font-size: 12px;
        }
    }

    @media (max-width: 576px) {
        #paginationContainer {
            gap: 4px;
        }

        #paginationContainer .page-item .page-link {
            padding: 5px 8px;
            font-size: 12px;
            min-width: 32px;
            min-height: 32px;
        }

        #paginationContainer .page-item.active .page-link {
            padding: 5px 10px;
            font-size: 12px;
        }

        #paginationContainer .dropdown-toggle {
            padding: 5px 8px;
            font-size: 12px;
            min-width: 32px;
            min-height: 32px;
        }
    }

    .pagination-loading {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .pagination-loading .spinner-border {
        width: 1.5rem;
        height: 1.5rem;
    }
    
    .b-top {
        position: fixed; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%; 
        z-index: -1; 
        background-color: rgba(215, 219, 221, 0.4);
    }
    
    .bpad-top {
        padding-top: 2%;
    }
    
    .t-dec {
        text-decoration:none;
    }
    
    .b-con{
        height: 200px; 
        overflow: hidden;
    }
    
    .b-img{
        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        object-position: center;
    }