.blog-posts__list,
        .blog-posts__list-mobile {
            transition: all 0.4s ease-in-out;
        }

        .slide-out {
            transform: translateY(20px);
            opacity: 0;
        }

        /* Pagination styles */
        .blog-pagination__pagination.pagination-container {
            display: flex;
            align-items: center;
            gap: 12px;
            justify-content: center;
            margin-top: 40px;
        }

        .blog-pagination__pagination .page-numbers {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 1;
            color: #0d1118;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .blog-pagination__pagination .page-numbers.current {
            background: #E4EBFF;
            color: #1629D6;
            font-weight: 500;
        }

        .blog-pagination__pagination a.page-numbers:hover {
            background: #1629D6;
            color: #fff;
        }

        .blog-pagination__pagination a.page-numbers:hover svg rect {
            fill: #1629D6;
            stroke: #1629D6;
        }

        .blog-pagination__pagination a.page-numbers:hover svg path {
            stroke: #fff;
        }


        .blog-pagination__pagination .prev,
        .blog-pagination__pagination .next {

        }

        .blog-pagination__pagination .disabled {
            display: none;
        }

        .blog-pagination__pagination .dots {
            pointer-events: none;
            background: transparent;
        }

        .mobile-pagination {
            display: none !important
        }

        @media screen and (max-width: 768px) {
            .blog-posts__list .blog-posts__item:nth-child(n+4) {
                display: none;
            }
        }
