.cm-blog-topics .swiper-wrapper {
    column-gap: 8px;
    height: auto;
    min-width: 0;
}

.cm-blog-carousel .cm-blog-track {
    display: flex;
    gap: 4px;
    height: auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.cm-blog-carousel .cm-blog-track::-webkit-scrollbar {
    display: none;
}

.cm-blog-carousel .cm-blog-track::before,
.cm-blog-carousel .cm-blog-track::after {
    content: '';
    flex: 0 0 calc(13% - 4px);
}

.cm-blog-carousel .cm-blog-track > .swiper-slide {
    flex: 0 0 74%;
    height: auto;
    scroll-snap-align: center;
    transform: none;
    transition: none;
}

.cm-blog-carousel .blog-detail-box {
    margin-bottom: 0;
}

.cm-blog-carousel .swiper-nav-wrapper button {
    border: 0;
    padding: 0;
}

.cm-blog-carousel .image-content .image-post,
.cm-blog-article-hero .cm-blog-article-image .image-post {
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0;
    justify-content: center;
}

.cm-blog-carousel .image-post picture,
.cm-blog-article-hero .image-post picture {
    display: block;
    width: 100%;
    height: 100%;
}

.cm-blog-carousel .image-content img,
.cm-blog-article-hero .cm-blog-article-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    float: none;
}

.cm-blog-card-media {
    position: relative;
    overflow: hidden;
}

.cm-blog-card-media > :is(img, picture),
.cm-blog-card-media picture img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cm-blog-card-media--illustration img {
    object-fit: contain;
}

.blog-page-single .more_careers .cm-blog-card-media {
    display: block;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
}

@media (max-width: 767px) {
    .cm-blog-topics .swiper-wrapper {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .cm-blog-topics .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    .cm-blog-carousel .mobile-image-content .image-post,
    .cm-blog-article-hero .cm-blog-article-image .image-post {
        width: min(160px, 100%);
        aspect-ratio: 4 / 3;
        margin-inline: auto;
    }

    .cm-blog-carousel .mobile-image-content img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .cm-blog-article-hero > .row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .cm-blog-article-hero .title-single {
        display: contents;
    }

    .cm-blog-article-hero .title-single #breadcrumbs {
        order: -2;
    }

    .blog-page-single .cm-blog-article-hero .cm-blog-article-image {
        display: block;
        order: -1;
    }
}