/* Press Release Stylesheet */

/* 1. Base typography */
.press-release-year-cards,
.press-release-year-dropdown,
.press-release-filters,
.press-release-show-more-wrap {
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    color: var(--bi-revamp-global-color-light-text, #100F0A);
    box-sizing: border-box;
}

.press-release-year-cards *,
.press-release-year-dropdown *,
.press-release-filters *,
.press-release-show-more-wrap * {
    box-sizing: border-box;
}

/* 2. Year Dropdown */
.year-sort-button {
    background-color: var(--bi-revamp-global-color-white, #FFFFFF);
    color: var(--bi-revamp-global-color-light-description, #52524B) !important;
    padding: 12px 16px !important;
    font-size: var(--bi-revamp-global-p-desc-desktop, 16px);
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    border: 1px solid var(--bi-revamp-global-color-light-border, #E9E9E3) !important;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    position: relative;
    width: 30%;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.year-sort-button:hover {
    border-color: var(--bi-revamp-global-color-primary, #5749C7) !important;
}

#press-year-category .year-category-showcase-content,
#news-year-category .year-category-showcase-content {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 263px;
}

.year-sort-button::after {
    content: '\f107';
    color: var(--bi-revamp-global-color-light-description, #52524B);
    font-size: 14px;
    font-family: 'FontAwesome';
    line-height: 1;
    position: absolute;
    right: 16px;
    top: 55%;
    transform: translateY(-50%);
    padding: 0;
    transition: transform 0.2s, color 0.2s;
}

.year-category-showcase-content {
    display: none;
    position: absolute;
    background-color: var(--bi-revamp-global-color-white, #FFFFFF);
    min-width: 160px;
    border-radius: 4px;
    border: 1px solid var(--bi-revamp-global-color-light-border, #E9E9E3);
    overflow: auto;
    z-index: 3;
    margin-top: 1px;
    cursor: pointer;
    width: 30% !important;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    padding: 6px 0;
    box-shadow: 0 4px 16px rgba(13, 10, 44, 0.08);
}

.year-category-showcase-content li {
    color: var(--bi-revamp-global-color-light-text, #100F0A) !important;
    padding: 11px 12px !important;
    font-size: var(--bi-revamp-global-p-desc-desktop-sm, 14px);
    display: block;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

#year-category li:hover,
#news-year-selected-list li:hover,
#year-category-news li:hover,
.year-category-showcase-content li:hover {
    background: var(--bi-revamp-global-color-light, #F6F8FB) !important;
    color: var(--bi-revamp-global-color-primary, #5749C7) !important;
}

.year-show-category {
    display: block !important;
}

#year-selected-list,
#news-year-selected-list {
    color: var(--bi-revamp-global-color-primary, #5749C7) !important;
    cursor: not-allowed;
    font-weight: 600;
}

/* -----------------------------------------------------------------------------
 * 4. Year-by-year cards (section, heading, grid)
 * --------------------------------------------------------------------------- */
.press-release-year-section {
    margin: 0 0 48px;
}

.press-release-year-heading {
    font-size: var(--bi-revamp-global-h3-title-desktop, 22px) !important;
    font-weight: 700;
    margin: 0 0 18px;
    padding-bottom: 12px;
    color: var(--bi-revamp-global-color-light-description, #52524B) !important;
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
}

.press-release-year-cards__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media (max-width: 1100px) and (min-width: 501px) {
    .press-release-year-cards__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 500px) {
    .press-release-year-cards__grid {
        grid-template-columns: 1fr;
    }
}

/* -----------------------------------------------------------------------------
 * 5. Card sub-elements
 * --------------------------------------------------------------------------- */
.press-release-card {
    border: 1px solid var(--bi-revamp-global-color-light-border, #E9E9E3);
    border-radius: 10px;
    padding: 24px;
    background: var(--bi-revamp-global-color-white, #FFFFFF);
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;
}

/* .press-release-card:hover {
    border-color: var(--bi-revamp-global-color-primary, #5749C7);
    box-shadow: 0 4px 20px rgba(87, 73, 199, 0.08);
    transform: translateY(-2px);
} */

.press-release-card__top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

/* Position the "Latest" badge in the top-right corner of the card
   while keeping the category pill on the left.  The badge always
   renders AFTER the category pill (order: 1) so its HTML is the
   second child of __top — pairing with margin-left: auto guarantees
   the badge hugs the right edge on every card width. */
.press-release-card .press-release-card__category {
    order: 0;
}

.press-release-card__category {
    display: inline-block;
    font-size: var(--bi-revamp-global-span-subtitle-desktop, 12px);
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 20px;
    background: var(--bi-revamp-global-color-light, #F6F8FB);
    color: var(--bi-revamp-global-color-light-subtitle, #5749C7);
    line-height: 1.4;
    letter-spacing: 0.04em;
}

.press-release-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 8px;
    flex-wrap: wrap;
}

.press-release-card__date {
    font-size: var(--bi-revamp-global-p-desc-desktop-sm, 14px);
    color: var(--bi-revamp-global-color-light-description, #52524B);
    line-height: 1.4;
    font-weight: 500;
}

.press-release-card__title {
    font-size: var(--bi-revamp-global-h4-title-desktop, 18px);
    margin: 0 0 12px;
    line-height: 1.2em !important;
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    color: var(--bi-revamp-global-color-light-text, #100F0A);
}


/* No hover effect: title is static text now. */
.press-release-card__title:hover,
.press-release-card__title a:hover {
    color: var(--bi-revamp-global-color-light-text, #100F0A);
}

.press-release-card__excerpt {
    font-size: var(--bi-revamp-global-p-desc-desktop-sm, 14px);
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    color: var(--bi-revamp-global-color-light-description, #52524B);
    line-height: 1.6;
    margin: 0 0 18px;
    flex: 1;
}

.press-release-card__more {
    font-size: var(--bi-revamp-global-btn-link-desktop, 15px);
    color: var(--bi-revamp-global-color-primary, #5749C7);
    text-decoration: none;
    font-weight: 600;
    align-self: flex-start;
    display: inline-flex;
    gap: 6px;
    transition: gap 0.2s;
}

.press-release-card__more i.fas.fa-arrow-right {
    margin-top: 2px !important;
}

.press-release-card__more:hover {
    gap: 10px;
    color: var(--bi-revamp-global-color-primary, #5749C7) !important;
}

/* -----------------------------------------------------------------------------
/* 7. Category color variants  */

/* Partnerships - light teal/green */
.press-release-card.partnerships .press-release-card__category,
.press-release-card.partnership .press-release-card__category,
.press-release-card.analyst-recognition .press-release-card__category {
    background: #E0F2E9;
    color: #16B364;
}

/* Compliance & Security - light blue/indigo */
.press-release-card.compliance-security .press-release-card__category,
.press-release-card.compliance .press-release-card__category,
.press-release-card.security .press-release-card__category {
    background: #E0E7FF;
    color: #5749C7;
}

/* Recognition & Awards - light pink/magenta */
.press-release-card.recognition-awards .press-release-card__category,
.press-release-card.recognition .press-release-card__category,
.press-release-card.awards .press-release-card__category,
.press-release-card.awards-coverage .press-release-card__category {
    background: #FCE7F3;
    color: #BE185D;
}

/* Product News - light indigo (primary brand) */
.press-release-card.product-news .press-release-card__category,
.press-release-card.product .press-release-card__category,
.press-release-card.product_news .press-release-card__category {
    background: rgba(87, 73, 199, 0.12);
    color: #5749C7;
}

/* Product Updates - light orange */
.press-release-card.product-updates .press-release-card__category,
.press-release-card.updates .press-release-card__category,
.press-release-card.media-coverage .press-release-card__category {
    background: #FEF0C7;
    color: #DC6803;
}

/* Press Release - light blue */
.press-release-card.press-release .press-release-card__category,
.press-release-card.press-releases .press-release-card__category {
    background: #DBEAFE;
    color: #528BFF;
}

/* News - light yellow */
.press-release-card.news .press-release-card__category {
    background: #FEF3C7;
    color: #DC6803;
}

/* Announcement - light purple */
.press-release-card.announcement .press-release-card__category,
.press-release-card.announcements .press-release-card__category {
    background: #EDE9FE;
    color: #6D28D9;
}

/* Company - light teal */
.press-release-card.company .press-release-card__category {
    background: #CCFBF1;
    color: #0F766E;
}

/* Leadership - light rose */
.press-release-card.leadership .press-release-card__category,
press-release-card.thought-leadership .press-release-card__category {
    background: #FFE4E6;
    color: #BE123C;
}

/* -----------------------------------------------------------------------------
 * 9. Show More / Show Less Buttons (years)
 * --------------------------------------------------------------------------- */
.press-release-show-more-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 32px 0 8px;
}

.press-release-show-more,
.press-release-show-less {
    appearance: none;
    -webkit-appearance: none;
    background: var(--bi-revamp-global-color-white, #FFFFFF);
    border: 1px solid var(--bi-revamp-global-color-primary, #5749C7) !important;
    color: var(--bi-revamp-global-color-primary, #5749C7);
    font-size: var(--bi-revamp-global-btn-desktop, 16px);
    font-weight: 500;
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    padding: 12px 32px;
    border-radius: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    /* Smooth transition for hover (no background color change on hover) */
    transition: color 0.25s ease,
                transform 0.25s ease,
                border-color 0.25s ease,
                gap 0.25s ease;
}

.press-release-show-more:hover,
.press-release-show-less:hover {
    transform: scale(1.087) !important;
}

.press-release-show-more:focus-visible,
.press-release-show-less:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(87, 73, 199, 0.25);
}

.press-release-show-more:active,
.press-release-show-less:active {
    transform: translateY(1px);
}

.press-release-show-more__icon,
.press-release-show-less__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    line-height: 1;
    transition: transform 0.25s ease;
}

.press-release-show-more__icon i,
.press-release-show-less__icon i {
    display: block;
    width: 16px;
    height: 16px;
}

.press-release-show-more__icon i{
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    margin-top: 6.5px;
}

.press-release-show-less__icon i {
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}

/* -----------------------------------------------------------------------------
 * 10. Helpers (toolbar, empty state, count label)
 * --------------------------------------------------------------------------- */
.press-release-year-cards__toolbar {
    margin: 0 0 18px;
}

.press-release-year-cards__empty {
    color: var(--bi-revamp-global-color-light-description, #52524B);
    font-style: italic;
}

.press-release-count,
.matching-press-releases-count {
    margin: 0 !important;
    align-self: center;
    color: var(--bi-revamp-global-color-light-description, #52524B) !important;
    font-size: var(--bi-revamp-global-p-desc-desktop-sm, 14px) !important;
    font-weight: 400;
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
}

/* -----------------------------------------------------------------------------
 * 11. Hidden / filtered states
 * --------------------------------------------------------------------------- */
.press-release-year-section.is-hidden,
.press-release-year-section.is-filtered-out {
    display: none;
}

/* Cards are visible by default (is-shown-by-filter is added server-side).
   The JS removes this class when a card is filtered out by search/category. */
.press-release-card.is-filtered-out {
    display: none;
}

.elementor-post.is-filtered-out,
.e-loop-item.is-filtered-out,
.elementor-grid-item.is-filtered-out {
    display: none !important;
}

/* Featured card is visible by default (is-shown-by-filter + is-filter-match
   are added server-side).  JS removes the classes when filtered out. */
.press-release-featured.is-filtered-out {
    display: none;
}

/* -----------------------------------------------------------------------------
 * 12. No results message
 * --------------------------------------------------------------------------- */
.press-release-no-results {
    margin: 24px 0;
    padding: 24px;
    text-align: center;
    color: var(--bi-revamp-global-color-light-description, #52524B);
    background: var(--bi-revamp-global-color-light, #F6F8FB);
    border: 1px dashed var(--bi-revamp-global-color-light-border, #E9E9E3);
    border-radius: 8px;
    font-size: var(--bi-revamp-global-p-desc-desktop, 16px);
}

/* -----------------------------------------------------------------------------
 * 13. JS visibility helper
 * --------------------------------------------------------------------------- */
.press-release-js-hidden {
    display: none !important;
}

/* -----------------------------------------------------------------------------
 * 15. Combined Filter Bar ([press_news_hub])
 * ---------------------------------------------------------------------------- */
.press-release-combined {
    max-width: 1280px;
    margin: 0 0 20px 0;
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
}

.press-release-combined__bar {
    width: 75%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #e9e3d8;
    border-radius: 24px;
    box-shadow: 0 12px 30px rgba(17, 24, 39, 0.08);
    overflow: visible;
}

.press-release-combined__field {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 0;
    padding: 16px 18px;
    min-height: 60px;
    color: var(--bi-revamp-global-color-light-description, #52524B);
}

.press-release-combined__field--category,
.press-release-combined__field--year {
    flex: 1 1 140px;
}

.press-release-combined__field--search {
    flex: 1.35 1 280px;
    gap: 14px;
    min-height: 60px;
    padding: 16px 18px;
}

.press-release-combined__field + .press-release-combined__field {
    border-left: 1px solid #ebe7df;
}

.press-release-combined__field-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #6d7280;
}

.press-release-combined__field-icon svg {
    width: 20px;
    height: 20px;
}

.press-release-combined__trigger {
    appearance: none;
    border: 0;
    background: transparent;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-align: left;
    color: inherit;
}

.press-release-combined__label {
    flex: 1;
    min-width: 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    color: #475467;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.press-release-combined__chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #667085;
    transition: transform 180ms ease;
}

.press-release-combined__field.is-open .press-release-combined__chev {
    transform: rotate(180deg);
}

.press-release-combined__dropdown {
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    right: 0;
    z-index: 80;
    background: #ffffff;
    border: 1px solid #ece7dd;
    border-radius: 22px;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.14);
    padding: 10px;
    max-height: 340px;
    overflow-y: auto;
    display: none;
}

.press-release-combined__field.is-open .press-release-combined__dropdown,
.press-release-combined__dropdown:not([hidden]) {
    display: block;
}

.press-release-combined__item {
    appearance: none;
    width: 100%;
    border: 0;
    background: transparent;
    border-radius: 14px;
    padding: 13px 14px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    color: #5f6368;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    transition: background-color 140ms ease, color 140ms ease;
}

.press-release-combined__item:hover,
.press-release-combined__item:focus-visible {
    background: #f7f7fb;
    color: var(--bi-revamp-global-color-primary, #5749C7);
    outline: none;
}

.press-release-combined__item.is-selected {
    color: var(--bi-revamp-global-color-primary, #5749C7);
    font-weight: 600;
}

.press-release-combined__item-check {
    display: none;
    color: var(--bi-revamp-global-color-primary, #5749C7);
}

.press-release-combined__item.is-selected .press-release-combined__item-check {
    display: inline-flex;
}

.press-release-combined__search {
    flex: 1;
    min-width: 0;
    border: 0 !important;
    outline: none;
    background: transparent;
    box-shadow: none !important;
    font: inherit;
    font-size: 15px !important;
    line-height: 1.35;
    color: var(--bi-revamp-global-color-light-text, #100F0A);
    padding: 0 !important;
}

.press-release-combined__search::placeholder {
    color: var(--bi-revamp-global-color-light-description, #52524B);
    opacity: 0.72;
}

.press-release-combined__search-btn {
    appearance: none;
    border: 0;
    border-radius: 18px;
    padding: 14px 24px;
    background: var(--bi-revamp-global-color-primary, #5749C7);
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}

.press-release-combined__search-btn:hover {
    background: #4636bf;
}

.press-release-combined__count {
    margin: 30px 0 24px;
    padding: 0;
    color: var(--bi-revamp-global-color-primary, #5749C7);
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    font-size: 15px;
    font-weight: 500;
}

.press-release-combined__count-label-text,
.press-release-combined__count-of,
.press-release-combined__count-total,
.press-release-combined__count-noun {
    color: var(--bi-revamp-global-color-primary, #5749C7);
    font-weight: 400;
}

.press-release-combined__count-value {
    color: var(--bi-revamp-global-color-primary, #5749C7);
    font-weight: 500;
}

@media (min-width: 1200px) and (max-width: 991px) {
    .press-release-combined__bar {
        width: 100%;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .press-release-combined {
        margin: 0 0 20px 0;
    }

    .press-release-combined__bar {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 24px;
        align-items: start;
        border-radius: 24px;
        padding: 18px;
    }

    .press-release-combined__field,
    .press-release-combined__field--search {
        grid-column: 1 / -1;
        width: 100%;
        border-left: 0;
        border: 1px solid #e8e1d7;
        border-radius: 18px;
    }

    .press-release-combined__field--category,
    .press-release-combined__field--year {
        grid-column: auto;
    }

    .press-release-combined__field--search {
        display: grid;
        grid-template-columns: 22px minmax(0, 1fr) auto;
        gap: 14px;
        align-items: center;
        padding: 10px 14px 10px 16px;
        min-height: 66px;
    }

    .press-release-combined__search-btn {
        padding: 14px 20px;
    }

    .press-release-combined__dropdown {
        left: 0;
        right: 0;
    }
}

@media (max-width: 599px) {

    .press-release-combined__bar {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        border-radius: 22px;
        padding: 14px;
    }

    .press-release-combined__field,
    .press-release-combined__field--search {
        grid-column: 1 / -1;
        width: 100%;
        border-left: 0;
        border: 1px solid #e8e1d7;
        border-radius: 16px;
    }

    .press-release-combined__field--search {
        grid-template-columns: 22px minmax(0, 1fr) auto;
        padding: 12px 12px 12px 14px;
        min-height: 60px;
    }

    .press-release-combined__search-btn {
        padding: 13px 18px;
        border-radius: 14px;
    }
}

/* ---------------------------------------------------------------------------
 * 17. Show More / Show Less button
 * --------------------------------------------------------------------------- */
.press-release-combined__show-more-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0 8px;
}

.press-release-combined__show-more-wrap[hidden],
.press-release-combined__show-more-wrap.is-hidden {
    display: none !important;
}

.press-release-combined__show-more-btn {
    appearance: none;
    background: var(--bi-revamp-global-color-primary, #5749C7);
    border: 0;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 16px 20px;
    border-radius: 12px;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: 6px;
    transition: background 180ms cubic-bezier(.4, 0, .2, 1), transform 180ms cubic-bezier(.4, 0, .2, 1);
}

.press-release-combined__show-more-btn:hover {
    transform: scale(1.087);
}

.press-release-combined__show-more-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 200ms cubic-bezier(.4, 0, .2, 1);
}

.press-release-combined__show-more-btn.is-expanded .press-release-combined__show-more-icon {
    transform: rotate(180deg);
}

/* ---------------------------------------------------------------------------
 * 18. Year headings (visible only when user picks a year)
 * --------------------------------------------------------------------------- */
.press-release-year-heading {
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    font-size: 22px;
    font-weight: 700;
    color: var(--bi-revamp-global-color-light-description, #52524B);
    margin: 0 0 18px;
    padding-bottom: 12px;
}

.press-release-year-heading.press-release-js-hidden {
    display: none;
}

/* ---------------------------------------------------------------------------
 * 19. Responsive collapse
 * --------------------------------------------------------------------------- */
/* @media (max-width: 768px) {
    .press-release-combined__bar {
        flex-direction: column;
        align-items: stretch;
        border-radius: 16px;
        padding: 8px;
    }
    .press-release-combined__field,
    .press-release-combined__field--search {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        border-left: 0 !important;
        border-top: 1px solid var(--bi-revamp-global-color-light-border, #E9E9E3);
        padding: 12px 14px;
    }
    .press-release-combined__field:first-child {
        border-top: 0;
    }
    .press-release-combined__dropdown {
        left: 0;
        right: 0;
    }
} */

/* ---------------------------------------------------------------------------
 * 20. "Latest release / Latest news" badge
 * ----------------------------------------------------------------------------
 * All cards share the same top-row shape (badge + category pill). Only the
 * newest-published post has an actual "Latest" badge; other cards leave the
 * slot empty and show only the category pill. The badge also gets a soft
 * outline + slight elevation so users notice the highlighted card.
 * ------------------------------------------------------------------------- */
.press-release-card__latest-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 0px 8px 0px 8px;
    background: #5749C7;
    color: #ffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.3;
    white-space: nowrap;
    font-family: var(--bi-revamp-gloabl-font-family-base, "Manrope", "Helvetica Neue", Arial, sans-serif);
    box-shadow: 0 4px 12px rgba(87, 73, 199, 0.25);
    position:absolute;
    right:0px;
    top:0px;
}

.press-release-card.is-latest {
    position: relative;
    border-color: rgba(87, 73, 199, 0.35);
    box-shadow: 0 6px 24px rgba(87, 73, 199, 0.08);
}

.press-release-card.is-latest::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border: 1px solid transparent;
    background: linear-gradient(135deg, rgba(87, 73, 199, 0.18), rgba(255, 72, 0, 0.10)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}

@media (max-width: 500px) {
    .press-release-card__latest-badge {
        font-size: 10px;
        padding: 3px 10px;
    }
}

/* Detail page - More Release CSS*/
.related-cards-wrapper{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

.related-card{
    width:calc(33.33% - 20px);
    border:1px solid #e5e5e5;
    border-radius:20px;
    overflow:hidden;
    background:#fff;
}

.card-image img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.card-content{
    padding:24px;
}

.card-date{
    font-size:14px;
    color:#666;
    margin-bottom:10px;
}

.card-title{
    font-size:18px !important;
    line-height:1.4;
    margin-bottom:16px;
    color: #0D1420 !important;
}

.card-title a{
    color:#111;
    text-decoration:none;
}

.read-more{
    color:var(--bi-revamp-global-color-primary) !important;
    text-decoration:none;
    font-weight:600;
}

.related-card {
    border-radius: 24px;
    overflow: hidden;
}

.related-card .card-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.related-card .card-title,
.related-card .card-date,
.related-card .read-more {
    color: inherit;
}

.related-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .12) !important;
    transition: all 0.4s ease;
}

.highlight-content {
    margin: 8px 0 20px;
    padding: 24px 28px;
    background: #f9fafb;
    border-left: 3px solid #5749C7;
    border-radius: 0 16px 16px 0;
    font-size: 16px;
    line-height: 28px;
}

.media-contact {
    border: 1px solid #eae9e1;
    padding: 20px;
    border-radius: 16px;
    width: 50%;
    background-color: #f9fafb;
}

.media-contact h4 {
    font-size: 16px;
}

.media-contact .press-author{
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eae9e1;
}

.press-author .author-profile{
    background-color: #EEF1FF;
    color: #5749C7 !important;
    font-size: 20px;
    font-weight: 800;
    padding: 18px;
    border-radius: 50%;
}
.author-contact {
    padding-top: 15px;
}

@media (max-width: 900px) {
    .media-contact {
        width: 70% !important;
    }
}