#risk-radar-report {
    --rr-rem: 2.6666666667vw;
    font-size: calc(1.4 * var(--rr-rem));
    line-height: 1.15;
}

@media (min-width: 768px) {
    #risk-radar-report {
        --rr-rem: .5208333333vw;
    }
}

@media (min-width: 1920px) {
    #risk-radar-report {
        --rr-rem: 10px;
    }
}

:where(#risk-radar-report) h1, :where(#risk-radar-report) h2, :where(#risk-radar-report) h3, :where(#risk-radar-report) h4, :where(#risk-radar-report) h5, :where(#risk-radar-report) h6, :where(#risk-radar-report) p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

:where(#risk-radar-report) a {
    color: inherit;
    text-decoration: inherit;
}

:where(#risk-radar-report) img {
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    border-style: none;
}

:where(#risk-radar-report) ul, :where(#risk-radar-report) ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

:where(#risk-radar-report) .text-right {
    text-align: right !important;
}

#risk-radar-report .hero {
    position: static;
    isolation: auto;
    overflow: visible;
    background-color: transparent;
    color: inherit;
    min-height: 0;
}

:where(#risk-radar-report) img {
    height: auto;
    width: auto;
}

.base-css {
    margin-top: calc(9.6 * var(--rr-rem));
}

.base-css h1 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 95px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -0.02px;
    margin: 0px 0px 20px;
}

.base-css h2 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 70px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -0.02px;
    margin: 0px 0px 20px;
}

.base-css h3 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 44px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -0.02px;
    margin: 0px 0px 20px;
}

.base-css h5 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -0.02px;
    margin: 0px 0px 20px;
}

.base-css p {
    font-size: 20px;
    font-weight: 250;
    margin: 0px 0px 15px;
}

.base-css li {
    font-size: 20px;
    font-weight: 250;
}

.base-css ul {
    margin: 0px 0px 15px 35px;
}

@media (max-width: 1440px) {
    .base-css h1 {
        font-size: 80px;
    }
}

@media (max-width: 1440px) {
    .base-css h2 {
        font-size: 65px;
    }
}

@media (max-width: 1440px) {
    .base-css h3 {
        font-size: 38px;
    }
}

@media (max-width: 1440px) {
    .base-css h5 {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    .base-css h1 {
        font-size: 65px;
    }
}

@media (max-width: 991px) {
    .base-css h2 {
        font-size: 47px;
    }
}

@media (max-width: 991px) {
    .base-css h3 {
        font-size: 34px;
    }
}

@media (max-width: 991px) {
    .base-css h5 {
        font-size: 21px;
    }
}

@media (max-width: 600px) {
    .base-css h1 {
        font-size: 55px;
    }
}

@media (max-width: 600px) {
    .base-css h2 {
        font-size: 40px;
    }
}

@media (max-width: 600px) {
    .base-css h3 {
        font-size: 30px;
    }
}

@media (max-width: 600px) {
    .base-css h5 {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .base-css p {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .base-css li {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .base-css {
        margin-top: calc(5.4 * var(--rr-rem));
    }
}

.single-resources .base-css h2 {
    font-size: 68px;
}

.single-resources .base-css h3 {
    font-size: 50px;
}

.single-resources .base-css p, .single-resources .base-css li {
    line-height: 1.8;
    font-size: 18px;
}

.single-resources .base-css ul li::marker {
    color: rgb(54, 82, 243);
}

.single-resources .base-css {
    max-width: 1520px;
    width: 100%;
    margin: 8vw auto;
}

.single-resources img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1440px) {
    .single-resources .base-css h2 {
        font-size: 57px;
    }
}

@media (max-width: 1440px) {
    .single-resources .base-css h3 {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .single-resources .base-css h2 {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .single-resources .base-css {
        margin: 19vw auto 10vw;
    }
}

@media (max-width: 600px) {
    .single-resources .base-css h1 {
        font-size: 40px;
    }
}

@media (max-width: 600px) {
    .single-resources .base-css h2 {
        font-size: 32px;
    }
}

@media (max-width: 600px) {
    .single-resources .base-css h3 {
        font-size: 24px;
    }
}

@media (max-width: 600px) {
    .single-resources .base-css p, .single-resources .base-css li {
        font-size: 14px;
    }
}

#risk-radar-report {
    max-width: none;
    margin: 0px;
    background-color: rgb(255, 255, 255);
}

#risk-radar-report .hero {
    padding: 20px;
    background-image: url("/wp-content/uploads/feb-2025-risk-radar-report-hero-bg.webp");
    background-size: cover;
    background-position: center center;
    aspect-ratio: 16 / 7.5;
}

#risk-radar-report .hero .inner-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
}

#risk-radar-report .hero .inner-container .primary-text p {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: rgb(255, 255, 255);
    opacity: 0.75;
}

#risk-radar-report .hero .inner-container .primary-text p:first-of-type {
    margin-bottom: -25px;
}

#risk-radar-report .hero .inner-container .primary-text h1 {
    font-size: 150px;
    line-height: 1;
    color: rgb(255, 255, 255);
}

#risk-radar-report .hero .inner-container .primary-text h5 {
    font-family: Onest, sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 500;
    margin-top: 60px;
    line-height: 1.2;
}

#risk-radar-report .hero .inner-container .secondary-text {
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
}

#risk-radar-report .hero .inner-container .secondary-text p {
    color: rgb(255, 255, 255);
    opacity: 0.75;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1.7;
}

#risk-radar-report .jump-links {
    padding: 0px 20px;
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(209, 209, 209);
}

#risk-radar-report .jump-links .inner-container {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

#risk-radar-report .jump-links .inner-container .single {
    position: relative;
    padding: 17px 0px;
}

#risk-radar-report .jump-links .inner-container .single a {
    text-decoration: none;
}

#risk-radar-report .jump-links .inner-container .single a p {
    font-size: 28px;
    margin-bottom: 0px;
}

#risk-radar-report .jump-links .inner-container .single a p span {
    color: rgb(156, 156, 156);
}

#risk-radar-report .report-section .entry {
    padding: 68px 20px;
    background-image: url("/wp-content/uploads/gradient-blur-bg.webp");
    background-position: center center;
    background-size: cover;
}

#risk-radar-report .report-section .entry .inner {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

#risk-radar-report .report-section .entry h2 {
    font-size: 110px;
    line-height: 1;
    text-align: center;
    margin-bottom: 0px;
}

#risk-radar-report .report-section .entry h3 {
    font-size: 80px;
    line-height: 1;
    text-align: center;
    margin-bottom: 50px;
}

#risk-radar-report .report-section .entry a {
    text-decoration: underline 1px;
}

#risk-radar-report .info-block {
    padding: 0px 20px;
    margin: 85px auto;
}

#risk-radar-report .info-block .inner-container {
    max-width: 1300px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

#risk-radar-report .info-block .inner-container .heading {
    margin-bottom: 30px;
}

#risk-radar-report .info-block .inner-container .content img {
    margin-bottom: 30px;
}

#risk-radar-report .info-block .inner-container.text-right {
    display: flex;
    justify-content: space-between;
    gap: 4%;
    align-items: center;
}

#risk-radar-report .info-block .inner-container.text-right .content {
    flex-basis: 61%;
}

#risk-radar-report .info-block .inner-container.text-right .heading {
    flex-basis: 39%;
}

#risk-radar-report .info-block .inner-container .content .text {
    background-color: rgb(242, 238, 255);
    padding: 2.5vw;
    border-radius: 1.3vw;
    max-width: 900px;
    width: 100%;
    margin: 0px auto;
}

#risk-radar-report .info-block .inner-container .content .text .list {
    background-color: rgb(255, 255, 255);
    border-radius: 1.3vw;
    padding: 35px;
    text-align: left;
    display: inline-block;
}

@media (max-width: 1200px) {
    #risk-radar-report .hero {
        height: 560px;
        aspect-ratio: auto;
    }
}

@media (max-width: 1200px) {
    #risk-radar-report .hero .inner-container .primary-text p:first-of-type {
        margin-bottom: -10px;
    }
}

@media (max-width: 1200px) {
    #risk-radar-report .hero .inner-container .primary-text h1 {
        font-size: 100px;
    }
}

@media (max-width: 1200px) {
    #risk-radar-report .jump-links .inner-container .single a p {
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    #risk-radar-report .report-section .entry h2 {
        font-size: 80px;
    }
}

@media (max-width: 1200px) {
    #risk-radar-report .report-section .entry h3 {
        font-size: 50px;
        margin-bottom: 35px;
    }
}

@media (max-width: 787px) {
    #risk-radar-report .jump-links .scroll-container {
        overflow: scroll;
    }
}

@media (max-width: 787px) {
    #risk-radar-report .jump-links .scroll-container .inner-container {
        max-width: none;
        width: 785px;
    }
}

@media (max-width: 787px) {
    #risk-radar-report .info-block .inner-container.text-right {
        flex-direction: column-reverse;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .hero {
        height: 575px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .hero .inner-container .primary-text p:first-of-type {
        margin-bottom: 0px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .hero .inner-container .primary-text h1 {
        font-size: 70px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .hero .inner-container .primary-text h5 {
        margin-top: 50px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .report-section .entry {
        padding: 45px 20px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .report-section .entry h2 {
        font-size: 50px;
        line-height: 0.8;
        margin-bottom: 10px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .report-section .entry h3 {
        font-size: 34px;
        margin-bottom: 25px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .info-block {
        margin: 50px auto;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .info-block .inner-container .content img {
        margin-bottom: 15px;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .info-block .inner-container .content .text {
        padding: 3.5vw;
    }
}

@media (max-width: 550px) {
    #risk-radar-report .info-block .inner-container .content .text .list {
        padding: 30px 20px 30px 0px;
    }
}

:where(#risk-radar-report) ul {
    list-style-type: disc !important;
}

#risk-radar-report .jump-links .inner-container .single a,
#risk-radar-report .jump-links .inner-container .single a:visited,
#risk-radar-report .jump-links .inner-container .single a:hover,
#risk-radar-report .jump-links .inner-container .single a:focus,
#risk-radar-report .jump-links .inner-container .single a:active {
    color: #12151c;
    text-decoration: none;
}

#risk-radar-report .jump-links .inner-container .single.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #B4B1EF;
}
