/**
 * Components can enqueue their scripts because scripts go in the footer,
 * but their styles are included in the header therefore we always load all
 * component styles here.
 */

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/**
 * @name .toast1
 * @description Floating toast notification
 */

.toast1 {
    --toast-color: var(--grey-400);
    display: flex;
    width: 100%;
    max-width: 552px;
    box-sizing: border-box;
    padding: 16px 20px 16px 24px;
    margin: 0;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border-top: 0.5px solid var(--toast-color);
    border-right: 0.5px solid var(--toast-color);
    border-bottom: 0.5px solid var(--toast-color);
    border-left: 4px solid var(--toast-color);
    background: var(--white, #FFF);
    box-shadow: var(--shadow-lg-grey-50);
}

.toast1[data-state="display"] {
    animation: fade-in var(--transition_d1) var(--transition_e1) forwards;
}

.toast1[data-state="closing"] {
    animation: fade-out var(--transition_d1) var(--transition_e1) forwards;
    opacity: 0;
}

.toast1[data-state="template"] {
    display: none;
}

.toast1[data-severity="success"] {
    --toast-color: var(--green-500);
}

.toast1[data-severity="warning"] {
    --toast-color: var(--yellow-500);
}

.toast1[data-severity="error"] {
    --toast-color: var(--red-500);
}

.toast1:not([data-severity="success"]) .toast1__message svg[data-icon="success"] {
    display: none;
}

.toast1:not([data-severity="success"]) .toast1__message svg[data-icon="error"] {
    display: block;
}

.toast1__message {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: -4px; /* Account for border */
}

.toast1__message span {
    color: var(--black);
}

.toast1__message svg {
    fill: var(--toast-color);
    width: 24px;
    height: 24px;
    display: block;
}

.toast1__message svg[data-icon="error"] {
    display: none;
}

button[type="button"].toast1__close {
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    width: 24px;
    height: 24px;
    align-items: center;
    display: flex;
    justify-content: center;
}

button[type="button"].toast1__close:hover svg {
    fill: var(--grey-600);
}

.toast1__close svg {
    transition: fill var(--transition_d1) var(--transition_e1);
    width: 18px;
    height: 18px;
    display: block;
    fill: var(--grey-400);
}

.toasts1 {
    position: fixed;
    top: var(--wp-admin-bar-height);
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
    padding: 16px;
    z-index: var(--z-index-priority);
}

/**
 * @name .ax-button
 * @description Standard marketing site button
 */

.ax-button,
.ax-button:active {
    transition: none var(--transition_d1) ease;
    transition-property: var(--transition_p1);
    cursor: pointer;
    font: inherit;
    font-variation-settings: "slnt" 0, "wght" 400;
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    border-radius: 4px;
    border: 0;
}

.ax-button:not(:disabled):hover {
    box-shadow: none;
}

.ax-button:disabled {
    opacity: 0.6;
}

.ax-button svg {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

/* button[type] elements need extra specificity */

.ax-button--primary,
.ax-button--primary[type] {
    color: #326CF4;
    background: #FFFFFF;
}

.ax-button--primary:not(:disabled):hover {
    color: #326CF4;
    background: var(--grey-100);
}

.ax-button--primary svg {
    fill: #326CF4;
}

.ax-button--secondary,
.ax-button--secondary[type] {
    color: #FFFFFF;
    background: #051E59;
    border: 1px solid #FFFFFF;
}

.ax-button--secondary:not(:disabled):hover {
    color: #FFFFFF;
    background: var(--blue-700);
}

.ax-button--secondary svg {
    fill: white;
}

.ax-button--brand,
.ax-button--brand[type] {
    color: #FFFFFF;
    background: var(--brand-primary);
}

.ax-button--brand:not(:disabled):hover {
    color: #FFFFFF;
    background: var(--blue-600);
}

.ax-button--brand svg {
    fill: white;
}

.ax-button[data-size="large"] {
    padding: 16px 32px;
}

/**
 * @name .zig-zag1
 * @description Alternating layout
 */

.zig-zag1 {
    border-bottom: 0.5px solid rgba(49, 53, 63, 0.24);
}

.zig-zag1-row {
    display: flex;
}

.zig-zag1-row:where(:nth-child(2n)) {
    flex-direction: row-reverse;
}

.zig-zag1-row:nth-child(2n) .zig-zag1-row__text-container,
.zig-zag1-row:nth-child(2n+1) .zig-zag1-row__stats-container,
.zig-zag1-row:nth-child(2n+1) .zig-zag1-row__image-container {
    margin-left: auto;
}

.zig-zag1-row__buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-right: -10px; /* Fix slight design discrepancy */
}

.zig-zag1-row__buttons .ax-button {
    flex: 0 1 auto;
}

.zig-zag1-row__image {
    position: relative;
    min-height: 500px;
    background: linear-gradient(90deg, #08349B 0%, #031235 100%), #08349B;
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    overflow: hidden; /* cut off background ribbon images */
}

.zig-zag1-row__image-icon {
    position: absolute;
    pointer-events: none;
}

.zig-zag1-row__image-icon::before {
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    display: block;
}

.zig-zag1-row:nth-child(3n+1) .zig-zag1-row__image-icon {
    bottom: 0;
    left: 0;
    width: 506px;
}

.zig-zag1-row:nth-child(3n+1) .zig-zag1-row__image-icon::before {
    background-image: url(../images/zig-zag-river-1.png);
    padding-top: calc(100% * (456 / 506));
}

.zig-zag1-row:nth-child(3n+2) .zig-zag1-row__image-icon {
    bottom: 0;
    right: 0;
    width: 520px;
}

.zig-zag1-row:nth-child(3n+2) .zig-zag1-row__image-icon::before {
    background-image: url(../images/zig-zag-river-2.png);
    padding-top: calc(100% * (441 / 520));
}

.zig-zag1-row:nth-child(3n+3) .zig-zag1-row__image-icon {
    bottom: 0;
    left: 0;
    width: 643px;
}

.zig-zag1-row:nth-child(3n+3) .zig-zag1-row__image-icon::before {
    background-image: url(../images/zig-zag-river-3.png);
    padding-top: calc(100% * (312 / 643));
}

.zig-zag1-row__image-content {
    width: calc(var(--img-width) * 1px);
    max-width: calc(100% - 64px);
    position: relative;
}

.zig-zag1-row__image-content div {
    padding-top: calc(var(--img-height) / var(--img-width) * 100%);
    background-size: cover;
    background-repeat: no-repeat;
}

.zig-zag1-row__text {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zig-zag1-row__text-container {
    padding: 48px 64px;
}

.zig-zag1-row__image-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zig-zag1-row__text-container,
.zig-zag1-row__image-container {
    max-width: 720px;
    width: 100%;
}

.zig-zag1-row__text-wrap {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.zig-zag1-row__stats {
    background: white;
    align-self: stretch;
    flex: 1;
    overflow: hidden; /* cut off pseudoelement "borders" stretching to left of screen */
}

.zig-zag1-row__stats-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 720px;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.zig-zag1-row__stats-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: -9999px;
    height: 1px;
    background: rgba(49, 53, 63, 0.24);
}

.zig-zag1-row__stats-container::after {
    /* content: ''; is added in media queries */
    position: absolute;
    bottom: 0;
    right: 0;
    left: -9999px;
    height: 1px;
    background: rgba(49, 53, 63, 0.24);
}

.zig-zag1-row__stats li {
    width: 50%;
    height: calc(100% / var(--rows));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    padding: 0 16px;
}

/* left column extends horizontal border offscreen to the left */
.zig-zag1-row__stats li:not(:first-child):nth-child(2n+1)::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: -9999px;
    height: 1px;
    background: rgba(49, 53, 63, 0.24);
}

/* right column horizontal border only stretches width of the cell */
.zig-zag1-row__stats li:not(:nth-child(2)):nth-child(2n)::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background: rgba(49, 53, 63, 0.24);
}

/* either column vertical border lives on the right */
.zig-zag1-row__stats li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: rgba(49, 53, 63, 0.24);
}

.zig-zag1-row__stats-value {
    position: relative;
}

.zig-zag1-row__stats-value::before {
    content: '';
    background: var(--blue-100);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 20px;
}

.zig-zag1-row__stats-value span {
    font-family: var(--font_face_2), monospace;
    color: var(--blue-600);
    font-size: 40.982px;
    font-variation-settings: "slnt" 0, "wght" 700;
    letter-spacing: -0.82px;
    position: relative;
    line-height: 1;
}

.zig-zag1-row__stats-label {
    color: var(--blue-600);
    font-size: 16px;
    font-variation-settings: "slnt" 0, "wght" 584;
    line-height: 22px; /* 137.5% */
}

.zig-zag1-row__text p:not(:last-child) {
    margin-bottom: 8px;
}

.zig-zag1-row__text strong {
    font-variation-settings: "slnt" 0, "wght" 600;
}

.zig-zag1-row__text ul {
    list-style: none;
    margin: 24px 0 0;
    padding: 0 0 0 22px;
}

.zig-zag1-row__text li {
    position: relative;
    margin-bottom: 12px;
}

.zig-zag1-row__text li::before {
    content: '';
    background: url(../images/zig-zag-list-marker.png) 0 0 / cover no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: -22px;
}

.zig-zag1[data-size="large"] .zig-zag1-row__image {
    min-height: 550px;
}

.zig-zag1[data-size="large"] .zig-zag1-row__text-wrap {
    max-width: 440px;
    width: 100%;
    gap: 16px;
}

.zig-zag1[data-size="large"] .zig-zag1-row .zig-zag1-row__text-container {
    padding: 64px 120px 64px 80px;
}

.zig-zag1[data-size="large"] .zig-zag1-row__description {
    margin-bottom: 16px;
}

.zig-zag1[data-size="large"] .zig-zag1-row:where(:nth-child(2n)) .zig-zag1-row__text-container {
    padding: 64px 80px 64px 120px;
}

@media screen and (max-width: 1279px) {
    .zig-zag1-row__image {
        min-height: 308px;
    }

    .zig-zag1[data-size="default"] .zig-zag1-row__image-content {
        width: calc(var(--img-width) * 0.61 * 1px);
        max-width: calc(100% - 48px);
    }

    .zig-zag1-row__text p:not(:last-child) {
        margin-bottom: 0;
    }

    .zig-zag1-row__text li {
        margin-bottom: 14px;
    }

    .zig-zag1-row__text-container {
        padding: 48px 32px;
    }

    .zig-zag1-row__text-container,
    .zig-zag1-row__image-container {
        max-width: none;
    }

    .zig-zag1[data-size="large"] .zig-zag1-row {
        flex-direction: column;
    }

    .zig-zag1[data-size="large"] .zig-zag1-row__text {
        min-height: 550px;
    }

    .zig-zag1[data-size="large"] .zig-zag1-row__text-wrap {
        max-width: none;
    }

    .zig-zag1[data-size="large"] .zig-zag1-row .zig-zag1-row__text-container {
        padding: 80px 32px;
    }

    .zig-zag1[data-size="large"] .zig-zag1-row__stats-container::after {
        content: '';
    }

    .zig-zag1[data-size="large"] .zig-zag1-row__stats-container {
        max-width: none;
    }

    .zig-zag1[data-size="large"] .zig-zag1-row__text p:not(:last-child) {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .zig-zag1-row {
        flex-direction: column;
    }

    .zig-zag1-row__stats-container {
        max-width: none;
    }

    .zig-zag1-row__stats-container::after {
        content: '';
    }

    .zig-zag1-row__image {
        height: 320px;
        padding: 0;
        min-height: 0;
        flex: 1 1 auto;
    }

    .zig-zag1-row__image-icon {
        width: 779px;
    }

    .zig-zag1-row:nth-child(3n+1) .zig-zag1-row__image-icon {
        width: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .zig-zag1-row:nth-child(3n+1) .zig-zag1-row__image-icon::before {
        padding: 0;
        background: url(../images/zig-zag-river-mobile-1.png) 50% 100% / cover no-repeat;
        width: 100%;
        height: 100%;
    }

    .zig-zag1-row:nth-child(3n+2) .zig-zag1-row__image-icon {
        width: 160px;
    }

    .zig-zag1-row:nth-child(3n+2) .zig-zag1-row__image-icon::before {
        padding-top: calc(100% * (367 / 160));
        background-image: url(../images/zig-zag-river-mobile-2.png);
    }

    .zig-zag1-row:nth-child(3n+3) .zig-zag1-row__image-icon {
        width: 360px;
        left: auto;
        right: 0;
    }

    .zig-zag1-row:nth-child(3n+3) .zig-zag1-row__image-icon::before {
        padding-top: calc(100% * (128 / 360));
        background-image: url(../images/zig-zag-river-mobile-3.png);
    }

    .zig-zag1-row__text {
        flex: 1 1 auto;
    }

    .zig-zag1-row__text-container {
        padding: 48px 20px;
        gap: 16px;
    }
}

/**
 * @name .admin-edit-button1
 * @description Floating button as a shortcut to editing in WP Admin
 */

.-has-admin-edit-button {
    position: relative;
}

.admin-edit-button1 {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--teal-400);
}

.admin-edit-button1:hover {
    box-shadow: none;
    background: var(--teal-500);
}

.admin-edit-button1 svg {
    width: 24px;
    height: 24px;
    fill: var(--black);
}

.admin-edit-button1 span {
    color: var(--black);
}

/**
 * @name .cta-banner
 * @description CTA Banner
 * @example { }
 */

.cta-banner {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%),
    linear-gradient(0deg, #326CF4 0%, #326CF4 100%),
    url("../images/cta-banner.webp") 50% 50% no-repeat,
    linear-gradient(90deg, #08349B 0%, #031235 100%);
    background-blend-mode: normal, color, normal, normal;
    background-size: cover;
    margin-bottom: var(--spacer3);
}

.cta-banner__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
    padding: 56px 100px;
    color: white;
}

.cta-banner__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    max-width: 616px;
    flex: 1 1 auto;
    margin-right: var(--spacer3);
}

.cta-banner__text-copy {
    display: block;
}

.cta-banner__text-copy--top {
    color: #95B3F9;
}

.cta-banner__text-copy span {
    color: #A7ADBB;
}

.cta-banner__description {
    opacity: 0.8;
}

.cta-banner__action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.cta-banner__button {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: #326CF4;
    color: white;
    box-shadow: none;
}

.cta-banner__button:hover {
    background: #2249a6;
}

.cta-banner__button svg {
    width: 24px;
    height: 24px;
    fill: white;
}

.cta-banner__subtext {
    width: 234px;
    text-align: center;
    font-size: 12px;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.32px;
}

.cta-banner__subtext u {
    font-variation-settings: "slnt" 10, "wght" 492;
    text-underline-position: from-font;
}

@media screen and (max-width: 1279px) {
    /* borders match .header4 style, e.g. on Company Directory */
    .cta-banner__wrap {
        padding: 56px 0;
        border-left: var(--spacer_width) solid transparent;
        border-right: var(--spacer_width) solid transparent;
    }

    .cta-banner__text {
        margin-right: 100px;
    }
}

@media screen and (max-width: 719px) {
    .cta-banner__wrap {
        flex-direction: column;
        gap: 48px;
    }

    .cta-banner__text {
        margin-right: 0;
        align-self: stretch;
    }

    .cta-banner__action {
        align-self: stretch;
    }

    .cta-banner__button {
        width: 100%;
    }

    .cta-banner__subtext {
        width: auto;
        text-align: left;
        align-self: stretch;
    }
}

/**
 * @name .footer-cta-banner
 * @description Footer CTA Banner
 * @example { }
 */

.footer-cta-banner {
    color: white;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, #08349B 0%, #08349B 100%), url(../images/background-footer-cta-banner-1.webp) lightgray 50% 0 / cover no-repeat;
    background-blend-mode: normal, multiply, normal, normal;
}

.footer-cta-banner[data-bg-variant="2"] {
    background: url(../images/background-footer-cta-banner-2.webp) lightgray 50% 0 / cover no-repeat;
}

.footer-cta-banner__wrap {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    padding: 140px 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.footer-cta-banner__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    max-width: 478px;
    text-align: center;
}

.footer-cta-banner[data-size="large"] .footer-cta-banner__content {
    max-width: 768px;
}

.footer-cta-banner[data-size="x-large"] .footer-cta-banner__content {
    max-width: none;
}

.footer-cta-banner__content-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.footer-cta-banner__heading em {
    color: var(--blue-400);
    font-style: normal;
}

@media screen and (max-width: 1279px) {
    .footer-cta-banner[data-bg-variant="2"] {
        background: url(../images/background-footer-cta-banner-2-mobile.webp) lightgray 50% 0 / cover no-repeat;
    }
}

@media screen and (max-width: 767px) {
    .footer-cta-banner__wrap {
        padding: 80px 20px;
    }

    .footer-cta-banner__content {
        gap: 24px;
    }

    .footer-cta-banner__content-bottom {
        padding: 0 24px;
        text-align: left;
    }

    .footer-cta-banner__content-bottom-button {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/**
 * @name .stats-hero
 * @description Print a hero image with stats to one side
 * @example { }
 */

.stats-hero {
    --hero-padding: 64px;
    background: url(../images/stats-hero-background.webp) 50% 50% / cover no-repeat;
    height: 500px;
    color: white;
    display: flex;
    overflow: hidden; /* cut off hero stats' horizontal borders */
}

.stats-hero__container {
    position: relative;
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    flex: 1 1 auto;
    justify-content: space-between;
    align-items: center;
}

.stats-hero__text-container {
    flex: 1 1 auto;
    margin-left: auto;
    max-width: 1092px;
}

.stats-hero__text {
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.stats-hero__text-top {
    display: flex;
    max-width: calc(479px + (var(--hero-padding) * 2));
    padding: 0 var(--hero-padding);
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.stats-hero[data-buttons-count="2"] .stats-hero__text-top {
    max-width: calc(629px + (var(--hero-padding) * 2));
}

.stats-hero__text-top-description {
    opacity: 0.8;
}

.stats-hero__buttons {
    display: flex;
    gap: 24px;
    padding: 0 var(--hero-padding);
}

.stats-hero__stats {
    flex: 0 0 293px;
    list-style: none;
    margin: 0;
    padding: 32px 0;
    border-left: 1px solid rgba(255, 255, 255, 0.50);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stats-hero__stats li {
    flex: 1 1 100%;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.stats-hero__stats li:not(.active) {
    opacity: 0;
}

.stats-hero__stats li:not(:last-child)::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 9999px;
    height: 1px;
    display: block;
    background: rgba(255, 255, 255, 0.50);
}

.stats-hero__stats-value {
    position: relative;
    margin-top: -10px;
}

.stats-hero__stats-value span {
    font-family: TT Interphases Pro Mono Variable, Courier, monospace;
    position: relative;
    font-size: 40.982px;
    font-variation-settings: "slnt" 0, "wght" 700;
    letter-spacing: -0.82px;
}

.stats-hero__stats-value::before {
    content: '';
    position: absolute;
    bottom: 12px;
    left: -5px;
    right: -5px;
    top: 30px;
    background: var(--blue-900);
}

@media screen and (max-width: 1279px) {
    .stats-hero {
        --hero-padding: 32px;
    }

    .stats-hero__text {
        max-width: calc(327px + (var(--hero-padding) * 2));
    }

    .stats-hero__buttons {
        flex-direction: column;
    }

    .stats-hero__stats {
        flex-basis: 248px;
    }

    .stats-hero__stats li {
        gap: 4px;
    }

    .stats-hero__stats-value span {
        font-size: 36px;
    }

    .stats-hero__stats-value {
        margin-top: -8px;
    }
}

@media screen and (max-width: 767px) {
    .stats-hero__container {
        flex-direction: column;
        align-items: stretch;
    }

    .stats-hero__text-container {
        margin: 0;
    }

    .stats-hero__text {
        padding: 63px 20px 0;
        gap: 22px;
    }

    .stats-hero__text-top {
        gap: 14px;
        padding: 0;
    }

    .stats-hero__buttons {
        padding: 0;
    }

    .stats-hero__stats {
        flex-basis: 108px;
        height: auto;
        flex-direction: row;
        padding: 0 4px;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.50);
        text-align: center;
    }

    .stats-hero__stats li {
        padding: 0 16px;
        gap: 6px;
    }

    .stats-hero__stats li:not(:last-child)::before {
        left: auto;
        right: 0;
        top: 0;
        width: 1px;
        height: auto;
    }

    .stats-hero__stats-value::before {
        bottom: 1px;
        top: 12px;
    }

    .stats-hero__stats-value span {
        font-size: 23.843px;
        line-height: 31.791px;
    }
}

/**
 * @name .industry-metrics1
 * @description Display deal-level Industry metrics in cards format
 */

.industry-metrics1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
}

.industry-metrics1__row {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.industry-metrics1__card {
    display: flex;
    padding: 20px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 12px;
    background: rgba(149, 179, 248, 0.10);
    backdrop-filter: blur(40px);
}

.industry-metrics1__card-value {
    color: #326CF4;
    text-align: center;
}

.industry-metrics1__card-label {
    color: #31353F;
    text-align: center;
    text-transform: capitalize;
}

.industry-metrics1__card ul {
    list-style: disc;
    padding: 0 0 0 12px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.industry-metrics1__card li {
    text-align: left;
}

@media screen and (max-width: 1279px) {
    .industry-metrics1__card {
        padding: 20px 16px;
    }
}

@media screen and (max-width: 767px) {
    .industry-metrics1__row {
        flex-direction: column;
    }

    .industry-metrics1__card {
        padding: 20px 24px;
    }
}

/**
 * @name .table1
 * @description Straightforward styled table
 */

.table1 {
    --table-gutter: 0; /* controlled by JS */
    align-self: stretch;
    display: flex;
}

/* Mobile Safari ignores end-padding on scroll containers, so we pad with a pseudo-element instead. */
.table1::before,
.table1::after {
    content: '';
    width: var(--table-gutter, 0px);
    flex: 0 0 auto;
    display: block;
}

.table1__container {
    border-radius: 12px;
    border: 0.5px solid rgba(49, 53, 63, 0.24);
    overflow: hidden; /* clip border-radius */
    min-width: fit-content;
    flex: 1;
}

.table1 table {
    border-collapse: collapse;
    width: 100%;
}

.table1 thead tr {
    background: #08349B;
    color: white;
}

.table1 th {
    text-transform: capitalize;
    padding: 16px 12px;
    text-align: left;
    vertical-align: top;
}

.table1 th strong {
    font-variation-settings: "slnt" 0, "wght" 400; /* using markdown here to change color */
    color: rgba(255, 255, 255, 0.60);
}

.table1 tbody tr:nth-child(odd) {
    background: white;
}

.table1 tbody tr:nth-child(even) {
    background: rgba(149, 179, 248, 0.10);
}

.table1 td {
    vertical-align: middle;
    padding: 17px 10px;
}

.table1__cell--green {
    color: var(--green-500);
}

.table1__cell--strong {
    font-variation-settings: "slnt" 0, "wght" 584;
}

.table1__cell--nowrap {
    white-space: nowrap;
}