.blog-carousel:not(.swiper-initialized) {
        display: flex;
        gap: 28px;
        overflow: hidden;
    }

    .blog-carousel:not(.swiper-initialized)>.blog-card {
        flex: 0 0 calc((100% - 56px) / 3);
    }

    @media (max-width: 1199px) {
        .blog-carousel:not(.swiper-initialized) {
            gap: 24px;
        }

        .blog-carousel:not(.swiper-initialized)>.blog-card {
            flex-basis: calc((100% - 24px) / 2);
        }
    }

    @media (max-width: 767px) {
        .blog-carousel:not(.swiper-initialized) {
            gap: 22px;
        }

        .blog-carousel:not(.swiper-initialized)>.blog-card {
            flex-basis: 100%;
        }
    }