body {
    background-color: #010524;
}

.custom-search.bg-primary {
    background: top center / cover url(/en-us/img/hero/apr22-threat-report-hero.jpg) no-repeat;
}

.custom-search.bg-primary #navbarSupportedContent * {
    background: transparent;
}

.threat-report-container {
    background-color: #010524;
    color: var(--bs-white);
}

.threat-report-container p a {
    text-decoration: underline;
}

.report-content {
    overflow: hidden;
}

.threat-report-container h2,
.threat-report-container h3 {
    color: var(--bs-light-blue);
}

.threat-report-container p,
.threat-report-container span,
.threat-report-container a,
.threat-report-container h1,
.threat-report-container h4,
.threat-report-container h5,
.threat-report-container h6 {
    color: var(--bs-white)
}

.threat-report-container .toc {
    position: relative;
}

.threat-report-container .toc:before {
    /* content: ''; */
    top: -100%;
    margin-top: -100%;
    bottom: calc(100% + 1rem);
    position: absolute;
    width: 100%;
    background: left bottom / 100% url('/en-us/img/dp-grfx/toc-data-pool-V1.png') no-repeat;
}

.threat-report-container .toc-link-cont .toc-link {
    color: var(--bs-white);
}

.threat-report-container .toc-link-cont .toc-link.active {
    color: var(--bs-green);
}

/* .threat-report-container .slash-mark {
    position: relative;
    display: flex;
}

.threat-report-container .slash-mark:before {
    flex: 1 0 33px;
    content: '';
    display: inline-block;
    margin-right: 1rem;
    margin-top: 6px;
    width: 33px;
    height: 27.5px;
    background: top left / 33px 27.5px url('/en-us/img/v1/slashgradient.png') no-repeat;
} */

@media screen and (max-width: 560px) {
    .threat-report-container .slash-mark:before {
        display: none;
    }
}

.data-table .gt-head,
.data-table .gt-row {
    border: 0 !important;
    padding: 1rem .5rem;
}

.gt-head {
    color: var(--bs-white);
    background-color: var(--bs-primary);
}

.data-table .gt-row:nth-child(2n - 1) {
    background-color: rgba(255, 255, 255, .15);
}

.truncate {
    /* max-height: 2.5em; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    transition: color .2s;
}

.truncate:hover {
    color: rgba(255, 255, 255, .5);
}

.tooltip-inner {
    font-size: 16px;
    padding: 1rem;
    max-width: min(320px, 80vw);
}

ul li:before {
    color: var(--bs-light-blue);
}

.chart-collection {
    position: relative;
display: flex;flex-wrap: wrap;align-items: stretch;justify-content: flex-start;align-content: flex-start;}

.chart-cont {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: .5rem;
    /* height: 100%; */
    max-height: 900px;
}

.chart-cont>* {
    background: linear-gradient(#202a42,#09132c);
    padding: 1rem;
}

@media screen and (max-width: 560px) {
    .chart-cont {
        display: block;
        max-width: 90vw;
        padding: .25rem;
    }
}

.carousel-cont {
    max-width: 877px;
}

.carousel-card h6,
.carousel-card p {
    margin: 0;
}

.carousel-card {
    flex: 1 1 33%;

    display: flex;
    gap: 0;
    aspect-ratio: 1;
    background-color: var(--bs-primary);
    cursor: pointer;

    z-index: 0;

    transform: scale(1);
    transition: transform .3s ease, aspect-ratio .3s ease, margin .3s ease, flex-basis .3s ease;
}

.carousel-card:first-child {
    background-color: #2b5c93;
}

.carousel-card:last-child {
    background-color: var(--bs-indigo);
}

.carousel-card:last-child,
.carousel-card.carousel-card.active-ccard+.carousel-card {
    flex-direction: row-reverse;
}

.carousel-card .ccard-content {
    flex: 0 1 75px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: .5rem;
    align-items: center;
    padding: 1rem;

    transition: flex-basis .3s ease, padding .3s ease;
}

.carousel-card .ccard-image-cont {
    flex: 1;
}

.carousel-card .ccard-content .ccard-title {
    flex: 0 1 auto;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    line-height: 1.25;
    cursor: vertical-text;
}

.carousel-card .ccard-content .ccard-body {
    flex: 1;

    display: none;
    max-height: 0px;
    gap: .5rem;
    overflow: hidden;

    transition: max-height 0.3s ease;
}

.carousel-card .ccard-content .ccard-body::-webkit-scrollbar {
    display: none;
}


.carousel-card .ccard-content .ccard-body {
    flex: 1 1 auto;
    overflow: hidden scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.carousel-card .ccard-content .ccard-body a,
.carousel-card .ccard-content .ccard-body p {
    font-size: 75%;
    line-height: 1.33;
}

.carousel-card:hover {
    z-index: 2;
    transform: scale(1.03);
}

.carousel-card:active {
    transform: scale(.97);
}

.carousel-card.active-ccard {
    flex: 1 0 50%;
    aspect-ratio: 1.5;
    margin: 0 -10%;
    cursor: auto;

    z-index: 1;

    transform: scale(1);
}

.carousel-card.active-ccard:first-child {
    margin-left: 0%;
    margin-right: -20%;
}

.carousel-card.active-ccard:last-child {
    margin-right: 0%;
    margin-left: -20%;
}

@media screen and (max-width: 560px) {
    .carousel-card {
        flex: 1 0 100%;
        flex-direction: row !important;
        aspect-ratio: 1.33;
    }

    .carousel-card.active-ccard {
        aspect-ratio: 1.33;
        margin: 0 !important;
    }
}

.carousel-card.active-ccard .ccard-content {
    flex-basis: 200px;
    align-items: flex-start;
    padding: .5rem;
}


.carousel-card.active-ccard .ccard-content .ccard-title {
    writing-mode: horizontal-tb;
    cursor: text;
    transform: rotate(0deg);
}

.carousel-card.active-ccard .ccard-content .ccard-body {
    display: flex;
    flex-direction: column;

    max-height: 500px;
}