h1, h2, h3, h4, h5, h6, p {
    font-family: Roboto !important;
    font-style: normal !important;
}

body {
    font-family: Roboto !important;
    font-style: normal !important;
}

.photo-header-container {
    position: relative;
}

    .photo-header-container:before {
        content: '';
        position: absolute;
        border-radius: 5px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.video-container-pos {
    position: relative;
}



    .video-container-pos:before {
        content: '';
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .video-container-pos video {
        position: relative;
        z-index: 0;
        object-fit: cover;
        max-height: 770px;
        min-height: 608px;
    }


.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.video-opacity {
    opacity: 0.2;
}

.breadcrumb-video {
    display: flex;
    align-items: center;
    letter-spacing: 1.5px;
}

ul.breadcrumb-video {
    list-style: none;
}

    /* Display list items side by side */
    ul.breadcrumb-video li {
        display: inline;
        font-size: 14px;
    }

        /* Add a slash symbol (/) before/behind each list item */
        ul.breadcrumb-video li + li:before {
            padding: 8px;
            color: #FFFFFF;
            content: "/\00a0";
        }

        /* Add a color to all links inside the list */
        ul.breadcrumb-video li a {
            text-decoration: none;
            color: #FFFFFF;
        }

            /* Add a color on mouse-over */
            ul.breadcrumb-video li a:hover {
                color: var(--ui-primary-navigation-red);
                text-decoration: underline;
            }

.video-header-content {
    display: flex;
    /* width: 100%; */
    /* height: 100%; */
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    height: 95%;
}

.video-title {
    height: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.width-height-100 {
    width: 100%;
    height: 95%;
}

.height-100 {
    height: 100% !important;
}

.company-icon-container {
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-end;*/
    width: 900px;
}

.company-logo-flag {
    width: 900px;
    height: 114px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .company-logo-flag ul {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        gap: 10px;
    }

        .company-logo-flag ul li {
            flex-basis: 220px;
            flex-grow: 0;
            flex-shrink: 1;
            text-align: center;
        }

            .company-logo-flag ul li img {
                max-width: 200px;
            }

.flex-display {
    display: flex;
}


.flex-justify-center {
    justify-content: center;
}

.flex-justify-space {
    justify-content: space-around;
}

.flex-space-evenly {
    justify-content: space-evenly;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.justify-content-space-between {
    justify-content: space-between
}

.flex-row-nowrap {
    display: flex;
    flex-direction: row;
}

.row-reverse {
    flex-direction: row-reverse;
}

.flex-row-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.flex-row-reverse-center {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.flex-row-50 {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
}

.flex-inline {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.justify-content-start {
    justify-content: start !important;
}

.flex-row-space {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-align-center {
    align-items: center;
}

.flex-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.flex-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.flex-col-inline-wrap {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flex-inline {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.flex-col-baseline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: baseline;
    flex-basis: 32%;
}

.flex-basis-23 {
    flex-basis: 23% !important
}

.flex-basis-30 {
    flex-basis: 30% !important
}

.flex-col-30 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.align-items-baseline {
    align-items: baseline;
}

.justify-center {
    justify-content: center;
}

.justify-space-between {
    justify-content: space-between
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-col-api {
    display: flex;
    flex-direction: column;
}

.padding-80 {
    padding: 80px;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-space-evenly {
    display: flex;
    justify-content: space-evenly;
}

.flex-direction-col {
    display: flex;
    flex-direction: column;
}

.flex-col-reverse {
    display: flex !important;
    flex-direction: column-reverse;
}

.spacer {
    height: 4px;
    width: 42px;
    background: none;
    border-top: 6px solid var(--red-theme-color);
}

.spacer-white-center {
    height: 4px;
    width: 42px;
    background: none;
    border-top: 6px solid #FAFAFA;
    margin: 40px auto;
}

.border-top-orange {
    border-top: 6px solid var(--ui-primary-navigation-red);
}

.border-bottom-red {
    border-bottom: 2px solid var(--red-theme-color);
}

.border-bottom-none {
    border-bottom: none;
}

.div-50 {
    width: 50%;
}

.div-48 {
    width: 48%
}

.div-56 {
    width: 56%
}

.div-30 {
    width: 30%
}

.div-100 {
    width: 100%
}

.commercial-container {
    width: 80%;
}

.stacked-images {
    position: relative;
}

.image-1 {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.image-2 {
    position: absolute;
    top: 75px;
    left: 261px;
    z-index: 3;
}

.img-solutions {
    width: 360px;
    height: 225px;
}

.container-banking {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.container-1200 {
    max-width: 1206px;
    margin: 0 auto;
    padding: 15px;
}

.container-bench {
    width: 1176px;
    margin: 0 auto;
}

.cta-bench {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 150%;
    /* or 27px */
    color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cta-content {
    padding-left: 0px !important;
}

.next-link {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    text-align: center;
    text-decoration-line: underline;
    /* Deep Orange - Activation */
    color: var(--ui-primary-navigation-red);
    float: right;
    padding-bottom: 40px;
}

.prev-link {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    text-align: center;
    text-decoration-line: underline;
    /* Deep Orange - Activation */
    color: var(--ui-primary-navigation-red);
    float: left;
    padding-bottom: 40px;
}

.nextprev {
    cursor: pointer;
}

#prevBtn {
    padding-left: 10px;
}

#nextBtn {
    padding-right: 10px;
}

.panel-select {
    align-content: end;
}

.borderless td, .borderless th, .borderless tr {
    border: none;
    border-top: none;
    border-style: none;
}

.container-persona {
    margin: 0 auto;
    padding: 15px;
}

.container-active-api-for {
    height: auto;
    margin: 0;
    padding: 0;
}

.aligned-center {
    text-align: center;
    align-content: center;
}

.aligned-start {
    text-align: start;
    align-content: start
}

.fixed-anchor-scroll {
    position: absolute;
    visibility: hidden;
    display: block;
    top: -250px;
    visibility: hidden;
}

.fixed-anchor-scroll-api {
    position: relative;
    visibility: hidden;
    display: block;
    visibility: hidden;
    top: -250px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-top-0 {
    margin-top: 0px;
}
/* typography */
.heading-78-bold {
    font-style: normal;
    font-weight: bold;
    font-size: 78px;
    line-height: 120%;
}

.heading-72-bold {
    font-style: normal;
    font-weight: bold;
    font-size: 78px;
    line-height: 120%;
}

.heading-48 {
    font-size: 48px;
    font-weight: 900;
    letter-spacing: -0.5px;
    line-height: 52px;
}

.heading-42 {
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 120%;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.heading-42-bold {
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 120%;
}

.heading-48.author {
    margin-bottom: 0;
}

.heading-32 {
    font-size: 32px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 36px;
}

.heading-32-bold {
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -0.5px;
    line-height: 36px;
}

.heading-36-bold {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 40px;
}

.heading-24 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.heading-24-bold {
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
}

.text-20 {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}

.text-16 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.text-bold-16 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.text-18 {
    font-weight: 400;
    font-size: 18px !important;
    line-height: 150%;
}

.text-18-bold {
    font-weight: bold;
    font-size: 18px !important;
    line-height: 150%;
}

.text-14 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.text-14-bold {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.text-underlined-14 {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    border-bottom: 2px solid var(--ui-primary-navigation-red);
}

.text-12 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.text-bold-12 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.text-underlined-12 {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    border-bottom: 2px solid var(--ui-primary-navigation-red);
}

.text-center {
    text-align: center !important;
}

.text-italic {
    font-style: italic;
}

.center-webkit {
    text-align: -webkit-center;
}

.text-end {
    text-align: end;
}

.text-light-blue {
    color: #1186C3;
}

.text-dark-red {
    color: var(--red-theme-color);
}

.text-green {
    color: #086D06;
}

.text-light {
    color: #FAFAFA !important;
}

.text-beige {
    color: #E8E2D4;
}

.text-grayscale {
    color: #5A5A61;
}

.text-grayscale-70 {
    color: #7F7F89;
}

.text-green {
    color: #54AA62;
}

.text-code-green {
    color: #afbf82;
}

.text-italic {
    font-style: italic;
}

.text-uppercase {
    text-transform: uppercase;
}

.tags {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
}


.margin-top-lg {
    margin-top: 124px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-24 {
    margin: 24px 0;
}

.margin-18 {
    margin: 18px 0;
}

.margin-12 {
    margin: 12px 0;
}

.margin-16 {
    margin: 16px 0;
}
.margin-48 {
    margin: 48px 0;
}


.margin-top-25 {
    margin-top: 25px;
}

.margin-top-32 {
    margin-top: 32px;
}

.margin-top-96 {
    margin-top: 96px;
}

.margin-top-164 {
    margin-top: 164px;
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-bottom-extender {
    margin-bottom: 25px;
}

.margin-disabled {
    margin-top: 0;
    margin-bottom: 0;
}

.margin-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-left-132 {
    margin-left: 132px;
}

.padding-left-132 {
    padding-left: 132px;
}

.margin-left-24 {
    margin-left: 24px;
}

.margin-bottom-32 {
    margin-bottom: 32px;
}

.margin-top-160 {
    margin-top: 160px;
}

.margin-top-48 {
    margin-top: 48px;
}

.margin-bottom-48 {
    margin-bottom: 48px !important;
}

.margin-bottom-24 {
    margin-bottom: 24px;
}

.margin-bottom-18 {
    margin-bottom: 18px;
}

.margin-right-35 {
    margin-right: 35px;
}

.margin-bottom-42 {
    margin-bottom: 42px;
}

.margin-bottom-124 {
    margin-bottom: 124px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}


.margin-left-75 {
    margin-left: 75px;
}

.margin-top-neg-115 {
    margin-top: -115px;
}

.ct-articles-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: normal;
    align-content: space-evenly;
    justify-content: space-between;
    padding: 0;
}

.cursor-point {
    cursor: pointer;
}

/* cards */
.ct-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    height: auto;
    max-width: 387px;
    border-radius: 6px;
    margin-bottom: 25px;
    text-align: left;
    min-height: 475px;
    background: #FAFAFA;
}

    .ct-card a {
        display: flex;
        flex-wrap: wrap;
        padding-top: 25px;
        text-decoration: none;
        color: #333333;
    }

        .ct-card a.tag {
            padding: 0;
            display: inline-flex;
        }

        .ct-card a:hover {
            text-decoration: underline;
        }

    .ct-card.ibisworld {
        border: 1px solid #333333;
        border-top: 8px solid #333333;
    }

    .ct-card.ct-1134 {
        border: 1px solid #487ec3;
        border-top: 8px solid #487ec3;
    }

    .ct-card.ct-1126 {
        border: 1px solid #164F32;
        border-top: 8px solid #164F32;
    }

    .ct-card.ct-1133 {
        border: 1px solid #207349;
        border-top: 8px solid #207349;
    }

    .ct-card.ct-1129 {
        border: 1px solid #AB091E;
        border-top: 8px solid #AB091E;
    }

    .ct-card.ct-1130 {
        border: 1px solid var(--red-theme-color);
        border-top: 8px solid var(--red-theme-color);
    }

    .ct-card.ct-1128 {
        border: 1px solid #2a365b;
        border-top: 8px solid #2a365b;
    }

    .ct-card.ct-1131 {
        border: 1px solid #8D2665;
        border-top: 8px solid #8D2665;
    }

    .ct-card.ct-1127 {
        border: 1px solid #207349;
        border-top: 8px solid #207349;
    }

/* author card */
.ct-card-author {
    margin: 0;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .ct-card-author img {
        border: 1px solid #fefefe;
        width: 80px;
        height: 80px;
        border-radius: 50px;
        background-blend-mode: normal;
        margin: 5px 0px;
    }

    .ct-card-author ul {
        margin: 0px 15px;
        padding: 0;
    }

        .ct-card-author ul li {
            list-style: none;
        }

            .ct-card-author ul li a {
                text-decoration: none;
                color: #333;
            }

                .ct-card-author ul li a:hover {
                    text-decoration: underline;
                }

    .ct-card-author .dot {
        font-weight: 900;
        font-size: 12px;
        line-height: 18px;
        margin: 0 5px;
        display: inline-block;
    }


/* category colors */
.ct-category {
    margin: 0;
    text-align: center;
    padding: 6px 15px;
    border: none;
    border-radius: 3px;
    color: #fefefe;
    min-height: 32px;
    display: table;
}

.ct-ibisworld {
    background-color: #333333;
}

.ct-category.ct-1126 {
    background-color: #164F32;
}

.ct-category.ct-1133 {
    background-color: #207349;
}

.ct-category.ct-1134 {
    background-color: #487ec3;
}

.ct-category.ct-1129 {
    background: linear-gradient(295.61deg, #AB091E 0%, #002F65 100%);
}

.ct-category.ct-1130 {
    background-color: var(--red-theme-color);
}

.ct-category.ct-1128 {
    background-color: #2a365b;
}

.ct-category.ct-1131 {
    background-color: #8D2665;
}

.ct-category.ct-1127 {
    background-color: #207349;
}

.ct-featured {
    background-color: #fefefe;
    color: #333333;
}

.icn-background {
    width: 48px;
    height: 48px;
    background: var(--red-theme-color);
    opacity: 0.08;
    border-radius: 8px;
    position: absolute;
}

.icn-background-lg {
    width: 100px;
    height: 100px;
    opacity: 0.08;
    border-radius: 12px;
    position: absolute;
}

.lg-icn-margin {
    margin-top: 35px;
    margin-left: 15px;
}

.bg-blue {
    background: #1186C3 !important;
}

.bg-red {
    background: var(--red-theme-color) !important;
}

.bg-green {
    background: #0B7070 !important;
}

.bg-orange {
    background: var(--ui-primary-navigation-red) !important;
}

.icn-container {
    display: inline-flex;
    align-items: center;
}

    .icn-container img {
        padding-left: 8px;
    }

    .icn-container .padding-left-12 {
        padding-left: 12px;
    }

.icn-container-height {
    height: 145px;
}

.img-container-height {
    height: 440px;
}

.card-wrapper {
    margin: 0;
    padding: 40px;
}

.img-border-box {
    border: 4px solid #EFEFF2;
    box-sizing: border-box;
    border-radius: 8px;
}

.tags {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
}

.margin-bottom-disabled {
    margin-bottom: 5px;
}

.margin-bottom-16 {
    margin-bottom: 16px;
}

.padding-disabled {
    padding: 0 !important;
}

.padding-bottom-disabled {
    padding-bottom: 0 !important;
}

.p-b-18 {
    padding-bottom: 8px;
}

.padding-15 {
    padding: 15px;
}

.padding-12 {
    padding: 12px;
}

.padding-20 {
    padding: 20px;
}

.padding-24 {
    padding: 24px !important;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-19 {
    padding-bottom: 19px;
}

.padding-top-bench {
    padding-top: 40px;
    padding-left: 40px;
}


.padding-value-prop {
    padding-top: 80px;
}

.bench-panel {
    padding-left: 0px !important;
}

.bench-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 110%;
    /* identical to box height, or 40px */
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    color: var(--red-theme-color);
    padding-top: 30px;
    padding-bottom: 20px;
}

.bench-subheading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    /* identical to box height, or 29px */
    display: flex;
    align-items: center;
    /* 90% Black */
    color: #333333;
    padding-bottom: 20px;
}

#stickyForm {
    width: 296px;
    height: 660px;
    position: fixed;
    top: 57rem;
    transition: transform 0.4s;
    display: flex;
    overflow: auto;
}

.form-content {
    padding: 10px;
}

.form-container-bench {
    background: #333333;
    border-radius: 10px;

}

#floatingForm.form-container-bench {
    max-width: 300px;
    margin: 40px 0 30px auto;
    position: sticky;
}

#floatingForm {
    top: 200px;
    position: relative;
}

@media (max-width: 992px) {
    #floatingForm.form-container-bench {
        margin: 30px auto;
        position: static;
    }
}

.form-fields-bench {
    padding: 10px;
}

.form-bench-side {
    padding: 5px;
}

    .form-bench-side input {
        -webkit-appearance: none;
        background-color: #FFFFFF;
        line-height: 30px;
        color: #666666;
        border: 2px solid #e7e7e7;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 0.1em 0.2em;
        box-shadow: inset 0px 0px 0px 0px #ddd;
        min-height: 1.5em;
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 300;
        padding-left: 10px;
        width: 90%;
    }

    .form-bench-side select {
        -webkit-appearance: none;
        background-color: #FFFFFF;
        line-height: 30px;
        color: #666666;
        border: 2px solid #e7e7e7;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 0.1em 0.2em;
        box-shadow: inset 0px 0px 0px 0px #ddd;
        min-height: 3.4em;
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 300;
        padding-left: 10px;
        width: 95%;
    }

    .form-bench-side .btn-wtl-submit {
        width: 251px;
        height: 50px;
        position: relative;
        z-index: 100;
        background-color: var(--ui-primary-navigation-red) !important;
        border: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        border-radius: 4px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        min-width: 140px;
        padding: 10px 15px;
        margin: 15px 0px;
        text-align: center;
        font-family: Roboto, sans-serif;
        text-transform: uppercase;
        border: 0 !important;
    }

        .form-bench-side .btn-wtl-submit:hover {
            text-decoration: none;
            background-color: #FFFFFF !important;
            color: var(--ui-primary-navigation-red) !important;
            border: 1px solid var(--ui-primary-navigation-red);
            will-change: background, color;
            transition: .3s ease-out;
        }

.padding-left-15 {
    padding-left: 15px;
}

.p-96 {
    padding-top: 96px;
    padding-bottom: 96px;
}
/* components */
.ct-featured-hero {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    position: relative;
    align-items: flex-start;
    border-radius: 6px;
    height: auto;
    min-height: 344px;
    max-width: 960px;
}

    .ct-featured-hero a {
        text-decoration: none;
        display: inline-flex;
        flex-wrap: wrap;
        padding: 30px 0;
    }

        .ct-featured-hero a:hover {
            text-decoration: underline;
        }

.ct-tag {
    display: inline-flex;
    flex-direction: row;
    margin: 0;
    text-align: center;
    padding: 6px 15px;
    background: #fefefe;
    border: 1px solid #b9c0d0;
    border-radius: 3px;
    color: #5a5a61;
    min-height: 32px;
    width: fit-content;
    margin-right: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.ct-article-title {
    margin-top: -15px;
    padding: 0;
    display: flex;
    flex-direction: column;
}


.mainContent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.main {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.industry-card {
    display: flex;
    flex-direction: row;
    /*margin-bottom: 10px;*/
    align-items: center;
    background-color: #ECF5FA;
    height: auto;
    max-width: 560px;
    background: #ECF5FA;
}

.pieRow > div {
    flex-grow: 2;
    padding-left: .5rem;
}

.banking-btn {
    border: 1px solid var(--red-theme-color);
    box-sizing: border-box;
    border-radius: 4px;
    width: 340px;
    height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 40px;
    background: var(--red-theme-color);
    text-transform: uppercase;
    border-radius: 100px;
}

.academic-btn {
    border: 1px solid var(--red-theme-color);
    box-sizing: border-box;
    border-radius: 4px;
    min-width: 218px;
    height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--red-theme-color);
    text-transform: uppercase;
    border-radius: 100px;
}


.icn-100 {
    height: 100px;
    width: 100px;
}

.icn-62 {
    height: 62px;
    width: 62px;
}

.bdr-radius-8 {
    border-radius: 8px;
}

.bdr-radius-4 {
    border-radius: 4px;
}

.img-tablet-size {
    width: 470px;
    height: 656px;
}

.container-1550 {
    max-width: 1550px;
    margin: 0 auto;
    padding: 15px;
}

.img-notebook-size {
    max-width: 700px;
    max-height: 570px;
}

.padding-right-25 {
    padding-right: 25px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-56 {
    padding-bottom: 56px !important;
}

.margin-top-24 {
    margin-top: 24px;
}

.margin-top-8 {
    margin-top: 8px;
}

.light-button-learn-more {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 35px;
    border: 1px solid var(--red-theme-color);
    box-sizing: border-box;
    border-radius: 100px;
    width: 203px;
    height: 42px;
}

.btn-width {
    width: 283px !important;
}

.cta-hours {
    width: auto;
    height: 550px;
    background: var(--red-theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cta-academics {
    width: auto;
    height: 576px;
    background: var(--red-theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cta-free-demo {
    height: 363px;
    background: var(--red-theme-color);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btn-free-demo {
    width: 258px;
    height: 42px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 30px;
    background: #FFFFFF;
    /* Primary/IBIS Red */
    border: 1px solid var(--red-theme-color);
    border-radius: 100px;
}

.btn-api-form-submit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 480px !important;
    height: 50px;
    border: none;
}

.margin-left-65 {
    margin-left: 65px;
}

.margin-top-72 {
    margin-top: 72px;
}

.margin-96 {
    margin: 96px 0px;
}

.margin-bottom-96 {
    margin-bottom: 96px !important;
}


@media (max-width: 768px) {
    .margin-bottom-mobile-16 {
        margin-bottom: 16px !important;
    }
}

.bg-light-gray {
    background: #FAFAFA
}

.bg-ibis-red {
    background: var(--red-theme-color) !important;
}

.bg-ibis-navy {
    background: var(--navy-theme-color) !important;
}
.bg-gray {
    background: #EFEFF2 !important;
}

.bg-white {
    background: #FFFFFF;
}

.bg-dark-charcoal {
    background: #333333;
}

.cta-banking {
    background: #333333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.cta-benchmark {
    height: auto;
    padding: 60px;
    border-radius: 8px;
}

.cta-benchmark-product {
    height: 302px;
    padding: 30px;
    border-radius: 8px;
}

.bencher .cta-benchmark-product {
    height: auto;
}

.cta-banking ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px 24px;
    max-width: 800px;
}

.margin-left-32 {
    margin-left: 32px;
}

.margin-left-48 {
    margin-left: 48px;
}

.opacity-text {
    opacity: 0.8;
}

.shadow-frame-image {
    border: 8px solid #EFEFF2;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.14)) drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.12)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
    border-radius: 8px;
}

.ribbon-1 {
    background-image: url("/resources/img/personas/commercial-banking/ribbon-1.png");
    left: 0;
    background-repeat: no-repeat
    /*    top: 12.5%;*/
}

.ribbon-2 {
    background-image: url("/resources/img/personas/commercial-banking/DECORATION-2.png");
    left: 0;
    background-repeat: no-repeat
}

.ribbon-3 {
    background-image: url("/resources/img/personas/commercial-banking/ribbon-3-1.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: left 0px top -90px;
}

.ribbon-4 {
    background-image: url("/resources/img/personas/commercial-banking/ribbon-4.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: right;
}

.ribbon-5 {
    background-image: url("/resources/img/personas/commercial-banking/ribbon-last.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: right;
}

.ribbon-product-6 {
    background-image: url("/resources/img/products/ribbon-product-6.png");
    background-repeat: no-repeat;
    background-position-x: left;
    position: absolute;
    right: 0;
    top: 50px;
    height: 100%;
    width: 550px;
    z-index: -1;
}



.ribbon-credit-risk {
    background-image: url("/resources/img/personas/commercial-banking/ribbon-credit-risk.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: right;
}

.ribbon-lending-professionals {
    background-image: url("/resources/img/personas/commercial-banking/ribbon-lending-professionals.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: right;
}

.ribbon-api {
    background-image: url("/resources/img/personas/ribbon-api.png");
    left: 0;
    background-repeat: no-repeat
}

.ribbon-features {
    background-image: url("/resources/img/personas/api-features-ribbon.png");
    left: 0;
    background-repeat: no-repeat
}

.cta-ribbon {
    background-image: url("/resources/img/personas/academics/cta-ribbon.png");
    left: 0;
    background-repeat: no-repeat
}

.cbm-ribbon {
    background-image: url("/resources/img/products/ribbon-product-5.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}

@media (max-width: 768px) {
    .cbm-ribbon {
        background: none;
    }
}

.ribbon-product-1 {
    position: absolute;
    left: 40%;
}

.ribbon-product-bench {
    position: absolute;
    right: 250px;
    top: 160px;
}

.ribbon-product-1-mobile {
    display: none;
}

.ribbon-product-2 {
    position: absolute;
    left: -3%;
    top: 11%;
}

.ribbon-product-3 {
    background-image: url("/resources/img/products/ribbon-product-3.png");
    left: 0;
    background-repeat: no-repeat
}

.ribbon-product-4 {
    background-image: url("/resources/img/products/ribbon-product-4.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: right;
}

.ribbon-product-cta {
    background-image: url("/resources/img/products/ribbon-product-cta.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: right;
}

.scroll-in {
    opacity: 0;
    transform: translateY(20vh);
    visibility: hidden;
    transition: opacity 1200ms ease-out, transform 600ms ease-out, visibility 1200ms ease-out;
    will-change: opacity, transform, visibility;
}

.scroll-in-active {
    opacity: 1;
}

a:hover, a:focus, a:active {
    text-decoration: none;
}

.text-underline:hover {
    text-decoration: underline;
}

.text-underline-none:hover, text-underline-none:active, text-underline-none:focus {
    text-decoration: none;
}

.hover-light:hover, .hover-light:active, hover-light:focus {
    color: white;
    text-decoration: underline;
}

.video-container-pos br {
    display: none;
}

.photo-header-container br {
    display: none;
}

.mobile-bg-header {
    display: none;
}

.api-product-size {
    max-width: 500px;
    height: 230px;
}

.api-product-features-container {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

    .api-product-features-container .featured-content .tab-content pre {
        color: #85981c;
        border: none;
        background: #333333;
        padding: 20px;
        list-style: none;
        text-align: left;
        white-space: pre-line;
    }

.product-features-container .featured-content ul li {
    display: inline-block;
    padding: 5px;
    width: auto !important;
    word-break: break-all;
}

.product-banner-api-solution {
    background: url(/resources/img/personas/bg-api-header.png) no-repeat center;
    background-size: cover;
    height: 400px;
}

.overlap-cta-container {
    position: relative;
}

.cta-mobile-image {
    position: relative;
    display: none;
    height: 200px;
    margin-top: 20px;
}

.product-cta-overlap1 {
    position: relative;
    z-index: 1;
    top: -8px;
}

.product-cta-overlap2 {
    position: absolute;
    z-index: 2;
    left: 272px;
    top: 27px;
}

@media(max-width: 1156px) {
    .product-cta-overlap2 {
        left: 100px;
    }
}

@media(max-width: 991px) {
    .overlap-cta-container {
        display: none;
    }

    .cta-mobile-image {
        display: block;
    }
}

.api-card-sm {
    max-width: 392px;
    height: 250px;
}

.api-card-lg {
    max-width: 774px;
    height: auto;
}

.api-form input {
    -webkit-appearance: none;
    line-height: 30px;
    color: #7F7F89;
    border: 1px solid #EFEFF2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 15px;
    width: 465px;
    height: 48px;
    background: white;
    font-weight: normal !important;
}

.api-form .btn-disabled {
    pointer-events: none;
    opacity: .5;
}

.api-form select {
    -webkit-appearance: none;
    line-height: 30px;
    color: #7F7F89 !important;
    border: 1px solid #EFEFF2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 15px;
    width: 480px;
    height: 48px;
    background: white;
    margin-bottom: 20px;
    font-weight: normal !important;
}

    .api-form select:focus {
        outline: 1px solid var(--ui-primary-navigation-red)
    }

::placeholder {
    color: #7F7F89 !important;
}

.cta-membership {
    background: linear-gradient( 0deg,rgba(255,255,255,.95),rgba(255,255,255,.95)),url(/resources/img/bg/bnr-iw-list-of-industries.jpg) no-repeat center;
    background-size: contain;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 400px;
}

    .cta-membership .call-to-action-content {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%);
        box-sizing: border-box;
        min-width: 360px;
        text-align: center;
    }

.api-header-box {
    max-width: 740px;
    height: 320px;
    position: absolute;
    left: 92px;
    top: 217px;
}

#more-text {
    display: none;
}

.nav-tabs > li.active {
    border-bottom: none !important;
}

    .nav-tabs > li.active a {
        border-bottom: 2px solid var(--red-theme-color) !important;
    }

.api-pdf-img {
    max-width: 100%;
    height: auto;
}

.img-mobile-resize {
    width: 100% !important;
    height: auto;
}

.btn-text-container {
    min-height: 180px;
    margin-top: 24px;
}

.btn-height {
    height: 140px;
}

.btn-schedule-demo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 40px;
    background: var(--ui-primary-navigation-red);
    border-radius: 4px;
    color: white;
    width: 251px;
    height: 50px;
    font-weight: 500;
}

    .btn-schedule-demo:hover {
        text-decoration: none;
        background-color: #FFFFFF !important;
        color: var(--ui-primary-navigation-red) !important;
        border: 1px solid var(--ui-primary-navigation-red);
        will-change: background, color;
        transition: .3s ease-out;
    }

.btn-schedule-demo-white {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 40px;
    border: 1px solid var(--red-theme-color);
    box-sizing: border-box;
    border-radius: 4px;
    width: 340px;
    height: 52px;
    font-weight: 500;
}

.btn-schedule-demo-white-bench {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--red-theme-color);
    box-sizing: border-box;
    border-radius: 4px;
    height: 52px;
    font-weight: 500;
    padding-left: 30px;
    padding-right: 20px;
}

.btn-extra-wide-390 {
    width: 390px;
}

.btn-short-210 {
    width: 210px;
}

@media (max-width: 768px) {
    .btn-extra-wide-390 {
        width: auto;
    }
    .btn-short-210 {
        width: auto;
    }

}


.lnk-underline {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 52px;
    font-weight: 500;
    text-decoration: underline;
}


.chev-text {
    padding-top: 5px;
}

.chev-arrow {
    padding-top: 2px;
}

.chev-button {
    align-content: center;
}

.btn-schedule-demo-white:hover {
    text-decoration: none;
    background-color: var(--red-theme-color) !important;
    color: #ffffff !important;
    will-change: background, color;
    transition: .3s ease-out;
}

.btn-schedule-demo-white-bench:hover {
    text-decoration: none;
    background-color: var(--red-theme-color) !important;
    color: #ffffff !important;
    will-change: background, color;
    transition: .3s ease-out;
}

.TabButton {
    color: #5A5A61;
    border: 0;
    background-color: #FFFFFF;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    padding: 16px;
    cursor: pointer;
}

    .TabButton:focus {
        outline: 0;
    }

.option-tabs-bench:hover {
    background: #D8DDEA !important;
}

.outer-circle {
    background: #caa1a1;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: relative;
    /* 
    Child elements with absolute positioning will be 
    positioned relative to this div 
   */
}

.inner-circle {
    position: absolute;
    background: #8a2f31;
    border-radius: 50%;
    height: 19px;
    width: 19px;
    /*
    Put top edge and left edge in the center
   */
    top: 50%;
    left: 50%;
    margin: -10px 0px 0px -10px;
    /* 
    Offset the position correctly with
    minus half of the width and minus half of the height 
   */
}

#ReportContent .SectionPanel {
    border-radius: 8px;
    background: #FFFFFF;
    /* Shadow/xl */
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}

    #ReportContent .SectionPanel .SectionHighlightNational {
        background-color: #AB091E;
    }

    #ReportContent .SectionPanel .SectionHighlight {
        border-radius: 8px 8px 0px 0px;
        height: 6px;
        display: block;
    }

    #ReportContent .SectionPanel .SectionContent {
        padding: 0px 26px 38px 21px;
        background-color: #FFFFFF;
        border-radius: 8px;
    }

.tooltip-container {
    background-color: rgba(17, 134, 195, 0.1);
    border-radius: 2px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.p-0 {
    padding: 0 !important;
}

.m-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.m-r-24 {
    margin-right: 24px;
}

.m-r-8 {
    margin-right: 8px;
}

.m-r-16 {
    margin-right: 16px;
}

.m-tb-96 {
    margin-top: 96px;
    margin-bottom: 96px;
}

.m-bench {
    margin-top: 40px;
    margin-bottom: 20px;
    background: rgba(0,0,0,0.03);
    width: 1400px;
    margin: 0 auto;
}

.container-bench-main {
    max-height: 450px;
    margin: 0 auto;
}

.hero-content {
    max-width: 1206px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 35px;
}

ul.hero-blue-tick-list {
    padding-top: 40px;
    padding-left: 40px;
}

    ul.hero-blue-tick-list li {
        background: url(/resources/img/icn-check-new.png) no-repeat;
        padding-left: 30px;
        margin: 10px;
        display: block;
    }

@media (max-width: 991px) {
    ul.hero-blue-tick-list {
        padding-top: 20px;
        padding-left: 0px;
    }
}

.benchmarking-btn {
    padding: 0;
    margin: 0;
    margin-top: 0px;
    font-size: 36px;
}

.padding-margin-bench {
    padding: 0 !important;
    margin: 0 !important;
}

.benchmarking-btn:focus {
    border: none;
    outline: 0;
}

.first-tab {
    background: #F4F4F6;
}

.first-tab-sub {
    background: #F4F4F6;
    color: var(--ui-primary-navigation-red);
}

.letter-spacing {
    letter-spacing: 1.5px;
}

.tooltip-container .close {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #7F7F89;
    border: 0;
    background-color: transparent;
    font-size: 1.063rem;
}

.TabButtonSelected {
    color: var(--red-theme-color);
    font-weight: 500;
}

.TabButtonSelectedBench {
    font-weight: 500;
}

.option-tabs {
    position: relative;
}

.option-tabs-bench {
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    width: 20%;
    height: 134px;
}

.option-tabs-div {
    margin: auto;
    left: 0;
    bottom: 10px;
    right: 0;
}


.company-benchmarking-wrapper .option-tabs-div {
    text-align: center;
}

.company-benchmarking-wrapper .option-tabs-bench {
    height: 134px;
    font-size: 16px;
}

@media (max-width: 1200px) {
    .company-benchmarking-wrapper .option-tabs-bench {
        
    }
}

@media (max-width: 992px) {
    .company-benchmarking-wrapper .option-tabs-bench {
        height: 120px;
        font-size: 16px;
    }

        .company-benchmarking-wrapper .option-tabs-bench p {
            font-size: 10px !important;
            line-height: 10px !important;
        }
}

.tab-button-anchor-container .row {
    margin-left: 0;
    margin-right: 0;
}

.tab-button-anchor-container .btn-left,
.tab-button-anchor-container .btn-right,
.tab-button-anchor-container .show-for-mobile {
    display: none;
}

@media (max-width: 460px) {
    .tab-button-anchor-container {
        position: relative;
    }

    .tab-button-anchor {
        width: 300px; /*calc(100% - 80px);*/
        margin: 0 auto;
        height: 134px;
        overflow: hidden;
    }

        .tab-button-anchor .row {
            width: 500px;
        }

        .tab-button-anchor .option-tabs-bench {
            width: 100px;
            height: 126px;
            font-size: 16px;
            z-index: 0
        }

        .tab-button-anchor .iconify {
            width: 30px;
        }

    div.tab-button-anchor-container .btn-left,
    div.tab-button-anchor-container .btn-right {
        position: absolute;
        top: 60px;
        width: 30px;
        z-index: 1;
        cursor: pointer;
    }

    div.tab-button-anchor-container .btn-left {
        left: 0;
    }

    div.tab-button-anchor-container .btn-right {
        right: 0;
    }

    .tab-button-anchor-container .show-for-mobile {
        display: block;
    }
}

.TabButtonSelectedMobile {
    color: var(--red-theme-color) !important;
    font-weight: 500;
    border-bottom: 1px solid var(--red-theme-color);
}

.d-flex {
    display: flex;
    justify-content: space-evenly;
}

.d-flex-bench {
    display: flex;
}

.d-chart {
    display: block;
}

.d-flex-gap-30 {
    gap: 30px;
}

.d-flex-gap-10 {
    gap: 10px;
}

.d-flex-align-items-center {
    align-items: center;
}

.d-flex-wrap {
    flex-wrap: wrap;
}

.d-flex-space-between {
    justify-content: space-between
}

.d-chart-n {
    display: none;
}

.d-flex-start {
    justify-content: flex-start;
}
.d-none {
    display: none;
}

.centered {
    text-align: center;
}

.no-wrap {
    white-space: nowrap;
}

.highcharts-exporting-group {
    display: none;
}

.highcharts-credit-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #5A5A61;
}

.alert {
    background: rgba(17, 134, 195, 0.1);
    border-radius: 2px;
    align-items: flex-start;
    padding: 8px;
}

.f-align-center {
    display: flex;
    align-items: center;
}

.m-t-b-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.closebtn {
    margin-left: 15px;
    color: #7F7F89;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.highcharts-credits {
    display: none;
}

.closebtn:hover {
    color: black;
}

.circle-position {
    position: relative;
    top: -10px;
}

    .circle-position:hover {
        opacity: 0.6;
        cursor: pointer;
    }

.option-tabs:first-child {
    /*border-bottom: 5px solid var(--ui-primary-navigation-red);*/
}

#TabRevenue {
    border-bottom: 1px solid var(--ui-primary-navigation-red);
}

/*.text-16 {
    font-size: 16px;
}

.text-14 {
    font-size: 14px;
}

.text-20 {
    font-size: 20px;
}

.text-uppercase {
    text-transform: uppercase;
}*/
.text-20-bold {
    font-weight: bold;
    font-size: 20px !important;
    line-height: 150%;
}

.p-8-35 {
    padding: 8px 35px;
}

.icn-blue {
    color: #1186C3;
}

.m-12 {
    margin-left: 12px;
}

.img-card-wrap {
    width: 101%;
    flex-wrap: wrap;
}

.bg-investment {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 1.43%, rgba(0, 0, 0, 0.75) 76.95%), url("/resources/img/products/th-investment-banks.png");
    cursor: pointer;
}

.bg-accounting {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 8.39%, rgba(0, 0, 0, 0.5395) 65.49%), url("/resources/img/home/th-accounting.png");
    cursor: pointer;
}

.bg-sales {
    background: linear-gradient(179.95deg, rgba(255, 255, 255, 0) 0.04%, rgba(0, 0, 0, 0.65) 69.25%), url("/resources/img/home/th-sales-call-centre.png");
    cursor: pointer;
}

.bg-marketing {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.598) 62.89%), url("/resources/img/products/th-marketing.png");
    cursor: pointer;
}

.bg-consulting {
    background: linear-gradient(179.95deg, rgba(255, 255, 255, 0) 0.04%, rgba(0, 0, 0, 0.65) 69.25%), url("/resources/img/home/th-consulting.png");
    cursor: pointer;
}

.bg-commercial-banking {
    background: linear-gradient(179.95deg, rgba(255, 255, 255, 0) 0.04%, rgba(0, 0, 0, 0.65) 69.25%), url("/resources/img/home/th-commercial-banking.png");
    cursor: pointer;
}

.bg-business-valuations {
    background: linear-gradient(179.95deg, rgba(255, 255, 255, 0) 0.04%, rgba(0, 0, 0, 0.65) 69.25%), url("/resources/img/products/th-business-valuators.png");
    cursor: pointer;
}

.bg-academic {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.598) 62.89%), url("/resources/img/home/th-academic-students.png");
    cursor: pointer;
}

.img-role-card {
    width: 197px;
    height: 340px;
}

    .img-role-card:hover {
        opacity: 0.6;
        -moz-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
    }

.flex-align-end {
    align-items: flex-end;
}

.flex-textblock {
    max-width: 500px;
}

@media (max-width: 1200px) {
    .flex-textblock {
        max-width: inherit;
    }
}

.padding-16 {
    padding: 16px;
}

.mobile-display {
    display: none;
}

.img-1-m-l {
    margin-left: 37px;
}

@media (max-width: 1200px) {
    .img-1-m-l {
        margin: 20px 0;
    }
}

.img-2-m-l {
    /*margin-left: -35px;*/
}

.img-2-size {
    width: 587px;
    height: 349.15px;
}

.img-3-size {
    width: 597px;
    height: 386px;
}

.img-3-m-r {
    margin-right: -20px;
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important;
    }

    .d-md-none {
        display: none !important;
    }
}

@media (min-width: 485px) {
    .video-title br {
        display: none;
    }
}

@media (max-width: 1200px) {
    .img-stacked-width {
        width: 100%;
    }

    .stacked-images {
        margin: 20px auto;
    }
}

@media (max-width: 950px) {


    .margin-top-neg-115 {
        margin-top: -70px;
    }

    .company-logo-flag {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    ul.breadcrumb-video {
        display: none;
    }

    .heading-72-bold,
    .heading-78-bold {
        font-size: 48px;
    }

    .heading-42 {
        font-size: 30px;
    }
    .stacked-images {
        margin: 20px;
    }
}

@media (max-width: 480px) {
    .ribbon-product-3 {
        background-position: top;
    }

    .TabButton {
        width: 100%;
        color: #5A5A61;
        background-color: #FFFFFF;
        margin: 0;
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
        padding: 20px;
        cursor: pointer;
    }

    h1 br {
        display: none;
    }

    .img-2-size {
        width: 105% !important;
        height: auto;
    }

    .m-tb-96 {
        margin-top: 111px;
        margin-bottom: 150px;
    }

    .img-3-size {
        width: 105% !important;
        height: auto;
    }

    .img-1-m-l {
        margin-left: 0px;
    }

    .img-2-m-l {
        margin-left: 0px;
    }

    .img-3-m-r {
        margin-right: 0px;
    }

    li br {
        display: none;
    }

    .img-mobile-product {
        width: 102%;
        margin-left: -20px;
        margin-bottom: 24px;
    }

    .img-mobile-benchmarking {
        width: 100%;
        margin: 20px auto;
        flex-flow: wrap;
    }

    .justifty-center-mobile {
        justify-content: center;
    }

    .cta-text br {
        display: none;
    }

    .mobile-display-none {
        display: none;
    }

    .mobile-display {
        display: block;
    }

    .border-top-orange {
        display: none;
    }

    .mobile-width-100 {
        width: 100% !important;
    }

    .mobile-width-50 {
        width: 50% !important;
    }

    .mobile-width-70 {
        width: 70% !important;
    }

    .mobile-width-80 {
        width: 80% !important;
    }

    .api-form input {
        max-width: 290px;
    }

    .api-form select {
        max-width: 300px;
    }

    .api-header-box {
        max-width: 740px;
        height: auto;
        position: absolute;
        top: 217px;
        width: 375px;
        left: 0px;
    }

    .padding-80 {
        padding: 15px;
    }

    .img-mobile-resize {
        width: 350px;
    }

    .img-advantages-resize {
        width: 325px;
    }

    .mobile-bg-header {
        display: initial;
    }

    .video-opacity {
        display: none;
    }

    .video-container-pos br {
        display: initial;
    }

    .photo-header-container br {
        display: initial;
    }

    .flex-row-50 {
        flex-basis: auto;
    }

    .image-1 {
        width: 227px;
        height: 268px;
    }

    .image-2 {
        left: 89px;
        width: 210px;
        height: 268px;
    }

    .div-50 {
        width: auto;
    }

    .img-tablet-size {
        width: 311px;
        height: 435px;
    }

    .heading-32 br {
        display: none;
    }

    .img-notebook-size {
        max-width: 375px;
    }


    .video-container-pos video {
        height: 608px;
        object-fit: cover;
    }

    .company-logo-flag ul {
        flex-wrap: wrap;
    }

        .company-logo-flag ul li {
            padding: 0;
            flex-basis: 120px;
            flex-grow: 0;
            flex-shrink: 1;
        }

    .margin-left-132 {
        margin-left: 5px;
    }

    .padding-left-132 {
        padding-left: 5px;
    }

    .heading-72-bold {
        font-size: 52px;
    }

    .heading-42 {
        font-size: 32px;
    }

    .heading-42-bold {
        font-size: 32px;
    }


    .cta-free-demo {
        height: auto;
        padding: 20px;
    }

    .flex-col-30 img {
        width: 350px;
    }
    .cta-banking ul {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }

        .cta-banking ul li {
            width: auto;
        }

    .cta-banking {
        height: auto;
        padding: 30px 0
    }

        .cta-banking .margin-li {
            margin-top: 0;
            margin-left: 0;
        }

    .margin-left-65 {
        margin-left: 15px;
    }

    .company-icon-container {
        /* display: flex;
    justify-content: flex-start;
    align-items: flex-end;*/
        width: auto;
    }

    .text-left-mobile {
        text-align: left !important;
    }

    .padding-left-25-mobile {
        padding-left: 20px;
    }

    .padding-left-10-mobile {
        padding-left: 10px;
    }

    .margin-96 {
        margin: 24px 0px;
    }

    .ribbon-4 {
        background-image: none;
    }

    .ribbon-2 {
        background-image: none;
    }

    .ribbon-1 {
        background-image: none;
    }

    .ribbon-2 {
        background-image: none;
    }

    .ribbon-3 {
        background-image: none;
    }

    .ribbon-4 {
        background-image: none;
    }

    .ribbon-5 {
        background-image: none;
    }

    .ribbon-credit-risk {
        background-image: none;
    }

    .ribbon-lending-professionals {
        background-image: none;
    }

    .ribbon-api {
        background-image: none;
    }

    .ribbon-features {
        background-image: none;
    }

    .cta-ribbon {
        background: none;
    }


    .margin-mobile-disabled {
        margin: 0px;
    }

    .academic-btn {
        width: 340px;
    }

    .text-18 {
        font-size: 16px !important
    }

    .cta-academics {
        height: auto;
        padding: 15px;
    }

    .icn-resize {
        height: 67px;
        width: 70% !important
    }

    .margin-top-header {
        margin-top: 130px;
    }

    .margin-top-mobile {
        margin-top: 8px;
    }

    .img-role-card {
        width: 160px !important;
        height: 130px !important;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .bg-marketing {
        background-position: center;
        background-size: cover;
    }

    .bg-accounting {
        background-position: center;
        background-size: cover;
    }

    .bg-investment {
        background-position: center;
        background-size: cover;
    }

    .bg-consulting {
        background-position: center;
        background-size: cover;
    }

    .bg-commercial-banking {
        background-position: center;
        background-size: cover;
    }

    .bg-business-valuations {
        background-position: center;
        background-size: cover;
    }

    .cta-benchmark {
        padding: 5px;
    }

    .btn-schedule-demo {
        width: 210px;
        padding: 16px 10px;
    }

    .mb-col-reverse {
        display: flex;
        flex-direction: column-reverse
    }

    .mb-col {
        display: flex;
        flex-direction: column;
    }

    .mob-text-center {
        text-align: center;
    }

    .ribbon-product-1 {
        display: none;
    }

    .ribbon-product-1-mobile {
        position: absolute;
        left: 0%;
        display: block;
    }

    .ribbon-product-2 {
        display: none;
    }

    .ribbon-product-4 {
        display: none;
    }

    .ribbon-product-cta {
        background-image: none;
    }

    .text-18 br {
        display: none;
    }
}

@media only screen and (max-width: 780.98px) {

    .visualization-container.scrollable.scrollable-x > div:first-of-type {
        overflow-y: hidden !important;
        overflow-x: auto !important;
        margin-left: 0;
        padding-left: 0;
        position: relative;
        max-height: inherit;
    }
}


.visualization-container {
    overflow-x: auto;
    overflow-y: hidden;
}

.scrollable-x {
    overflow-y: hidden;
    overflow-x: auto;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    max-height: inherit;
}

.benchmarking-nav-group > .row {
    display: flex;
    overflow: auto;
    white-space: nowrap;
    width: 300px;
}

    .benchmarking-nav-group > .row > .col-5 {
        display: inline-block;
    }

.highcharts-axis-labels text:after {
    content: ' Employees'
}
/* tablet */
@media screen and (max-width: 1081px) and (min-width: 481px) {
    .ribbon-product-1 {
        display: none;
    }

    .ribbon-product-1-mobile {
        display: none;
    }

    .ribbon-product-2 {
        display: none;
    }

    .ribbon-product-3 {
        background-image: none;
    }

    .ribbon-product-4 {
        display: none;
    }

    .ribbon-product-cta {
        background-image: none;
    }

    .img-mobile-product {
        width: 500px;
    }

    .img-mobile-sm {
        width: 450px;
    }
}