:root {
    --nb-article-detail-content-w-similar-article-carousel-modal-1-max-width: 1835px;

    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-padding-x: 4px;
    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-padding-y: 2px;
    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-color: var(--nb-color-white);
    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-font-size: var(--nb-font-size-14);
    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-font-weight: var(--nb-font-weight-400);
    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-line-height: 23px;
    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-border-radius: 0;

    --nb-cat-color: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-bg-primary);
    --nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-bg-primary: var(--nb-color-primary);
    --nb-article-detail-content-w-similar-article-carousel-modal-1-subcategory-badge-bg-primary: var(--nb-color-primary-dark);
}

.nb-article-detail-content-w-similar-article-carousel-modal-1 {

    .nb-modal .modal-dialog.modal-xl {
        max-width: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-max-width);
    }

    .nb-article-card-11 {
        margin-bottom: 28px;
    }

    .nb-modal .nb-modal-header.nb-modal-header-center {

        justify-content: flex-start !important;

        .nb-category-badge {

            display: inline-flex;
            overflow: hidden;
            border-radius: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-border-radius);

            span {
                padding: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-padding-y) var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-padding-x);
                color: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-color);
                font-size: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-font-size);
                font-weight: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-font-weight);
                line-height: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-line-height);
                display: inline-block;
                text-transform: uppercase;
            }

            .nb-category-name {
                position: relative;
                z-index: 1;
                background: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-bg-primary);
            }

            .nb-category-name::after {
                content: "";
                position: absolute;
                top: 0;
                right: -8px;
                width: 0;
                height: 0;
                border-top: 14px solid transparent;
                border-bottom: 14px solid transparent;
                border-left: 8px solid var(--nb-cat-color);
                z-index: 2;
            }

            .nb-subcategory-name {
                padding-left: calc(var(--nb-article-detail-content-w-similar-article-carousel-modal-1-category-badge-padding-x) + 10px);
                background: var(--nb-article-detail-content-w-similar-article-carousel-modal-1-subcategory-badge-bg-primary);
            }
        }

    }
}