.tf-pagination {
            padding-top: 50px;
            padding-bottom: 30px;
        }

        .tf-pagination .pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            border: none;
        }

        .tf-pagination .page-item {
            margin: 0;
            border: none;
        }

        .tf-pagination .page-link {
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50% !important;
            border: 1px solid #eee;
            color: #444;
            font-size: 15px;
            font-weight: 600;
            transition: all 0.3s ease;
            background: #fff;
            padding: 0;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .tf-pagination .page-item.active .page-link {
            background-color: #d91b1b !important;
            border-color: #d91b1b !important;
            color: #fff !important;
            box-shadow: 0 4px 10px rgba(217, 27, 27, 0.3);
        }

        .tf-pagination .page-link:hover {
            background-color: #f8f8f8;
            border-color: #d91b1b;
            color: #d91b1b;
            transform: translateY(-2px);
        }

        .tf-pagination .page-item.disabled .page-link {
            opacity: 0.5;
            cursor: not-allowed;
            background-color: #f9f9f9;
        }

        /* Prev/Next arrows specific style */
        .tf-pagination .page-item:first-child .page-link,
        .tf-pagination .page-item:last-child .page-link {
            font-size: 18px;
        }

        @media (max-width: 576px) {
            .tf-pagination .page-link {
                width: 38px;
                height: 38px;
                font-size: 14px;
            }

            .tf-pagination .pagination {
                gap: 6px;
            }
        }