@font-face {
    font-family: 'ZohoPuvi_Condensed';
    src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrablack.eot');

    src: url('https://static.zohocdn.com/zohofonts/zohopuvicondensed/1.0/zoho_puvi_condensed_regular.eot?#iefix') format('embedded-opentype'),

        url('https://static.zohocdn.com/zohofonts/zohopuvicondensed/1.0/zoho_puvi_condensed_regular.woff2') format('woff2'),

        url('https://static.zohocdn.com/zohofonts/zohopuvicondensed/1.0/zoho_puvi_condensed_regular.woff') format('woff'), url('https://static.zohocdn.com/zohofonts/zohopuvicondensed/1.0/zoho_puvi_condensed_regular.ttf') format('truetype');

    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Zoho_Puvi_Regular';
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot);
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot) format("embedded-opentype"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2) format("woff2"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Zoho_Puvi_Medium';
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.eot);
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.eot) format("embedded-opentype"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2) format("woff2"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Zoho_Puvi_SemiBold';
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot);
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot) format("embedded-opentype"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2) format("woff2"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Zoho_Puvi_Bold';
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot);
    src: url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot) format("embedded-opentype"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2) format("woff2"), url(https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

*+html .clearfix {
    display: inline-block;
}

html,
body {
    overflow-x: hidden !important;
}

html.hideScroll,
body.hideScroll {
    overflow: hidden;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 16px;
    font-family: 'Zoho_Puvi_Regular';
    color: #000;
}

section *,
.popup-testi-vdo * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,
footer,
header,
section {
    display: block;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none !important;
    color: #FE4937;
}

a:active,
a:hover {
    outline: 0;
}

b,
strong {
    font-family: 'Zoho_Puvi_SemiBold';
    font-weight: 600;
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    padding: 0;
}

h1 {
    font-size: 3em;
    line-height: 1.2;
    font-family: 'Zoho_Puvi_Bold';
    margin: 0 0 15px;
    opacity: 0;
    animation: bannerFadeUp 0.8s ease forwards;
    animation-delay: 0.2s;
}

h2 {
    font-size: 2em;
    margin: 0 0 16px;
    line-height: 1.4;
    font-family: 'Zoho_Puvi_SemiBold';
}

h3 {
    margin: 0;
    font-family: 'Zoho_Puvi_SemiBold';
}

p {
    margin: 0 0 25px;
    line-height: 1.6;
}

.me-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.me-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.me-cell.auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.me-cell.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.me-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}

.me-row>.me-cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
}

.me-row>.auto {
    width: auto;
}

.me-row>.shrink {
    width: auto;
}

.me-row>.me-large-1 {
    width: calc(8.3333333333% - 1.875rem);
}

.me-row>.me-large-2 {
    width: calc(16.6666666667% - 1.875rem);
}

.me-row>.me-large-3 {
    width: calc(25% - 1.875rem);
}

.me-row>.me-large-4 {
    width: calc(33.3333333333% - 1.875rem);
}

.me-row>.me-large-5 {
    width: calc(41.6666666667% - 1.875rem);
}

.me-row>.me-large-6 {
    width: calc(50% - 1.875rem);
}

.me-row>.me-large-7 {
    width: calc(58.3333333333% - 1.875rem);
}

.me-row>.me-large-8 {
    width: calc(66.6666666667% - 1.875rem);
}

.me-row>.me-large-9 {
    width: calc(75% - 1.875rem);
}

.me-row>.me-large-10 {
    width: calc(83.3333333333% - 1.875rem);
}

.me-row>.me-large-11 {
    width: calc(91.6666666667% - 1.875rem);
}

.me-row>.me-large-12 {
    width: calc(100% - 1.875rem);
}

.me-row>.me-large-shrink {
    width: auto;
}

.me-row>.me-large-1,
.me-row>.me-large-2,
.me-row>.me-large-3,
.me-row>.me-large-4,
.me-row>.me-large-5,
.me-row>.me-large-6,
.me-row>.me-large-7,
.me-row>.me-large-8,
.me-row>.me-large-9,
.me-row>.me-large-10,
.me-row>.me-large-11,
.me-row>.me-large-12,
.me-row>.me-large-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.me-row.rv-space {
    margin-left: 0;
    margin-right: 0;
}

.me-row.rv-space>.me-cell {
    margin: 0;
}

.me-row.rv-space>.me-large-1 {
    width: 8.3333333333%;
}

.me-row.rv-space>.me-large-2 {
    width: 16.6666666667%;
}

.me-row.rv-space>.me-large-3 {
    width: 25%;
}

.me-row.rv-space>.me-large-4 {
    width: 33.3333333333%;
}

.me-row.rv-space>.me-large-5 {
    width: 41.6666666667%;
}

.me-row.rv-space>.me-large-6 {
    width: 50%;
}

.me-row.rv-space>.me-large-7 {
    width: 58.3333333333%;
}

.me-row.rv-space>.me-large-8 {
    width: 66.6666666667%;
}

.me-row.rv-space>.me-large-9 {
    width: 75%;
}

.me-row.rv-space>.me-large-10 {
    width: 83.3333333333%;
}

.me-row.rv-space>.me-large-11 {
    width: 91.6666666667%;
}

.me-row.rv-space>.me-large-12 {
    width: 100%;
}

section {
    padding: 100px 0;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.no-gap {
    margin: 0 !important;
    padding: 0 !important;
}

#backToTop {
    z-index: 9;
}

#tab-secondary-menu {
    position: relative;
    overflow-y: hidden;
    /* background: rgba(255, 248, 238, 1); */
    background: #FEDDB5;
    border-bottom: 1px solid #FFEBE9;
    width: 100%;
    backdrop-filter: blur(2px);
}

#tab-secondary-menu.header-fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
}

#tab-secondary-menu>.me-container {
    position: relative;
}

.secondary-tab-menu {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
}

.secondary-tab-menu li a {
    display: block;
    padding: 14px 0px;
    font-size: 14px;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    color: #000;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
    transition: color 0.2s, border-color 0.2s;
    white-space: nowrap;
}

.secondary-tab-menu li:first-child a {
    padding-left: 0;
}

.secondary-tab-menu li:last-child a {
    padding-right: 0;
}

.secondary-tab-menu li a:hover {
    border-bottom: 3px solid #231F20;
}

.secondary-tab-menu li.active-tab-menu a {
    font-family: 'Zoho_Puvi_SemiBold';
    border-bottom: 3px solid #231F20;
}

@keyframes bannerFadeUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bannerFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bannerSubtleFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.desk-hide {
    display: none !important;
}

#banner {
    position: relative;
    background:
        radial-gradient(circle at 12% 18%, rgba(184, 242, 200, 0.18) 0%, rgba(184, 242, 200, 0) 22%),
        radial-gradient(circle at 85% 12%, rgba(169, 211, 255, 0.18) 0%, rgba(169, 211, 255, 0) 22%),
        radial-gradient(circle at 70% 80%, rgba(255, 181, 154, 0.14) 0%, rgba(255, 181, 154, 0) 25%),
        radial-gradient(circle at 25% 85%, rgba(255, 213, 74, 0.16) 0%, rgba(255, 213, 74, 0) 22%),
        linear-gradient(to bottom, #FFF8EE 0%, #FFD9AD 100%);
    background-color: #FFF8EE;
    padding: 60px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.banner-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 48px;
}

#banner h1 {
    font-size: 3.2em;
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    color: #000;
    line-height: 1.18;
    margin: 0 0 24px;
    opacity: 0;
    animation: bannerFadeUp 0.85s ease forwards;
    animation-delay: 0.25s;
}

.h1-red {
    color: #FE4937;
}

.banner-subtitle {
    font-size: 1.1em;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #0A0A0A;
    line-height: 1.7;
    margin: 0;
    opacity: 0;
    animation: bannerSubtleFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.5s;
}

.js .banner-subtitle {
    animation: none;
    opacity: 0;
    transform: translateY(8px);
    transition:
        opacity 0.6s var(--ease-reveal, cubic-bezier(0.16, 1, 0.3, 1)),
        transform 0.6s var(--ease-reveal, cubic-bezier(0.16, 1, 0.3, 1));
}

.js .banner-subtitle.subtitle-in {
    opacity: 1;
    transform: none;
}

.banner-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-cube {
    max-width: 65%;
    width: 100%;
    margin: 0px auto;
}

.banner-cube img {
    width: 100%;
    height: auto;
    display: block;
    margin-left: 20px;

    mix-blend-mode: multiply;
    opacity: 0;
    animation: bannerFadeIn 1s ease forwards;
    animation-delay: 0.45s;
}

#report-cta {
    background: linear-gradient(135deg, #173071 0%, #2b5bd7 100%);
    padding: 0px;
}

.report-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 56px 0;
}

.report-cta-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    max-width: 565px;
}

.report-cta-heading {
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    margin: 0;
}

.report-cta-btn.download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 9px 9px 9px 24px;
    border-radius: 45px;
    background-color: #f80000;
    background: #f80000;
    color: #fff;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none !important;
    transition: background-color 0.25s ease;
}

.report-cta-btn.download-button:hover {
    background-color: #d40000;
    background: #d40000;
}

.report-cta-btn span:first-child {
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    white-space: nowrap;
}

.report-cta-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #ffffe5;
    box-shadow: inset 0 0 0 1px #fff;
    flex-shrink: 0;
}

.report-cta-arrow svg {
    width: 100%;
    height: 100%;
    stroke: rgb(0, 0, 0);
    stroke-width: 1.2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.report-cta-image {
    flex-shrink: 0;
    width: 340px;
}

.report-cta-image img {
    width: 100%;
    height: auto;
    display: block;
}

#section1 {
    padding: 60px 0;
}

.card-heading {
    color: #000;
    font-family: 'Zoho_Puvi_SemiBold';
    line-height: 1.3;
    margin-bottom: 16px;
}

.card-panel,
.text-panel {
    margin-bottom: 40px;
}

.text-panel .italic-text {
    font-family: 'Zoho_Puvi_Bold';
}

.card p {
    width: 80%;
}

.card-panel .card-left p,
.card-panel .card-right p {
    padding: 20px;
    min-height: 280px;
    width: 100%;
    color: #fff;
}

.card-panel .card-left p {
    background: #1F1F1E;
}

.card-panel .card-right p {
    background: #FE4937;
}

.card-panel .card-num {
    font-size: 10em;
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    display: block;
    line-height: 1;
}

#section2 {
    background-color: #F8F7F6;
    padding: 80px 0;
}

.sec-heading {
    font-size: 2.2em;
    font-family: 'Zoho_Puvi_Semibold';
    color: #1A1714;
}

.sec-subheading {
    font-size: 1.6em;
    font-family: 'Zoho_Puvi_Semibold';
    color: #1A1714;
}

#section2 .sec-subheading {
    width: 80%;
}

.intro {
    max-width: 90%;
    margin-bottom: 40px;
}

.s2-text-cols {
    margin-bottom: 36px;
    align-items: stretch;
}

.s2-left-col {
    border-left: 5px solid #F5C842;
}

.s2-left-col p,
.s2-right-col p {
    font-size: 1em;
    color: #000;
    margin: 0;
    line-height: 1.6;
}

.s2-left-col p {
    background-color: rgba(245, 200, 0, 0.08);
    padding: 20px 28px;
    height: 100%;
    width: 90%;
}

.s2-para {
    font-size: 1em;
    color: #000;
    width: 50%;
    line-height: 1.6;
    margin-bottom: 20px;
}

.s2-barchart {
    display: flex;
    gap: 10px;
    margin: 40px 0 60px;
    align-items: flex-start;
    max-width: 1053px;
}

.s2-barchart-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    font-size: 16px;
    color: #000;
    padding-right: 8px;
    min-width: 28px;
    flex-shrink: 0;
    height: 387px;
}

.s2-barchart-left span {
    display: block;
    line-height: 1.3;
}

.s2-barchart-left span:nth-child(1) {
    transform: translateY(-50%);
}

.s2-barchart-left span:nth-child(2) {
    transform: translateY(-25%);
}

.s2-barchart-left span:nth-child(4) {
    transform: translateY(25%);
}

.s2-barchart-left span:nth-child(5) {
    transform: translateY(50%);
}

.s2-barchart-main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.s2-barchart-body {
    position: relative;
    height: 387px;
    flex-shrink: 0;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

.s2-gridlines {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none;
    z-index: 0;
}

.s2-gridlines span {
    display: block;
    width: 100%;
    border-top: 1px dashed #cccccc;
}

.s2-bars {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    z-index: 1;
    padding: 0 4px;
}

.s2-bargrp {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.s2-bargrp::after {
    content: '';
    position: absolute;
    top: 0;
    right: 100px;
    bottom: 0;
    border-right: 1px dashed #cccccc;
    pointer-events: none;
    z-index: -1;
}

.s2-gridlines::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    border-right: 1px dashed #cccccc;
    pointer-events: none;
    z-index: -1;
}

.s2-bar {
    width: 100%;
    max-width: 168px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 3px 0 0;
    overflow: visible;
    position: relative;
}

.s2-bar b {
    font-family: 'Zoho_Puvi_Bold';
    font-size: 29px;
    line-height: 33px;
    white-space: nowrap;
}

.s2-bargrp:last-child .s2-bar b {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.s2-bar-red {
    background: #fe4937;
}

.s2-bar-red b {
    color: #fff;
}

.s2-bar-green {
    background: #00bc7d;
}

.s2-bar-green b {
    color: #000;
}

.s2-xlabels {
    display: flex;
    gap: 16px;
    margin-top: 10px;
    padding: 0 4px;
}

.s2-xlabels span {
    flex: 1;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 1.3;
}

.s2-donut-label {
    font-size: 1em;
    color: #333;
    line-height: 1.6;
    margin: 0 0 32px;
    width: 60%;
}

.s2-donuts-row {
    margin-bottom: 0;
}

.s2-donut-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 16px 40px;
}

.s2-donut-wrap {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto 16px;
    flex-shrink: 0;
}

.s2-donut-svg {
    width: 100%;
    height: 100%;
}

.s2-donut-pct {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5em;
    font-family: 'Zoho_Puvi_Bold';
    color: #1A1714;
    white-space: nowrap;
}

.s2-donut-caption {
    font-size: 0.9em;
    color: #000;
    line-height: 1.4;
    margin: 0;
    max-width: 200px;
}

.s2-bottom-stats {
    display: flex;
    margin-top: 10px;
    gap: 16px;
}

.s2-bottom-col {
    flex: 1;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
}

.s2-bottom-intro {
    background: #FFF9E0;
    border-left: 5px solid #F5C800;
}

.s2-bottom-intro p {
    margin: 0;
    font-size: 1em;
    line-height: 1.6;
}

.s2-bottom-orange {
    background: #EE6B23;
}

.s2-bottom-purple {
    background: #7B4FD4;
}

.s2-bottom-blue {
    background: #2B5BD7;
}

.s2-bottom-label {
    font-size: 0.85em;
    color: #fff;
    line-height: 1.4;
    flex: 1;
}

.s2-bottom-lower {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 20px;
}

.s2-bottom-pct {
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    font-size: 3.2em;
    color: #fff;
    line-height: 1;
}

.s2-bottom-icon {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
}

.note {
    background: #0C1F14;
    border: 1px solid #2A6040;
    padding: 20px 28px;
    margin-bottom: 56px;
}

.note p {
    margin: 0;
}

#section3 {
    background-color: #120C05;
    padding: 70px 0;
}

#section3 p,
#section3 h2,
#section3 h3 {
    color: #fff;
}

.s3-title {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #fff;

    line-height: 65px;
    margin: 0 0 12px;
}

.s3-subtitle {
    font-size: 28px;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #fff;

    line-height: 36px;
    margin: 0 0 48px;
}

.s3-text-cols {
    margin-bottom: 48px;
}

.s3-text-cols p {
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    margin: 0;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
}

.s3-text-cols strong {
    font-family: 'Zoho_Puvi_Bold', sans-serif;
}

.s3-hbar-chart {
    margin: 0 0 50px;
}

.s3-chart-inner {
    display: flex;
    align-items: stretch;
}

.s3-label-col {
    flex: 0 0 190px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.s3-hbar-label {
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #fff;
    padding-right: 12px;
    line-height: 1.3;
}

.s3-track-col {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 11px;
    border-left: 2px solid #666666;
}

.s3-vgrid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.s3-vgrid span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #cccccc;
}

.s3-hbar-track {
    height: 47px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    border-top: 1px solid #cccccc;
}

.s3-hbar-track:first-of-type {
    border-top: none;
}

.s3-hbar-fill {
    height: 100%;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: width 0.85s cubic-bezier(0.22, 1, 0.36, 1);
    position: relative;
    z-index: 2;
}

.s3-hbar-dark {
    background: #561C16;
}

.s3-hbar-red {
    background: #FE4937;
}

.s3-hbar-pct {
    font-size: 19px;
    font-weight: 700;
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    color: #fff;
    padding-right: 12px;
    white-space: nowrap;
}

.s3-xaxis-row {
    display: flex;
    margin-top: 8px;
}

.s3-xaxis-spacer {
    flex: 0 0 190px;
}

.s3-xaxis {
    flex: 1;
    position: relative;
    height: 32px;
}

.s3-xaxis span {
    position: absolute;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #fff;
    padding-top: 8px;
    text-align: center;
}

.s3-xaxis span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 6px;
    background: #666666;
}

.s3-callout {
    display: flex;
    border: 1px solid #4d4d4d;
    margin: 0 0 48px;
    min-height: 320px;
}

.s3-stat-left {
    flex: 0 0 38%;
    background: linear-gradient(135deg, rgba(252, 202, 10, 0.74) 0%, rgba(150, 120, 6, 0.05) 100%);
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
}

.s3-stat-para {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #fff;
    display: block;
    margin-bottom: 0;
}

.s3-stat-num.big-stat {
    font-size: 140px;
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    transform: none;
    border: none;
    margin: 8px 0;
    flex: 1;
    display: flex;
    align-items: center;

}

.s3-stat-body {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #fff;
    line-height: 30px;
    margin: 0;
}

.s3-stat-right {
    flex: 1;
    border-left: 1px solid #4d4d4d;
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
}

.s3-chart-intro {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #fff;
    line-height: 30px;
    margin: 0 32px 24px;
}

.s3-line-chart-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.s3-line-svg {
    width: 100%;
    height: auto;
    flex: 1;
    overflow: visible;
}

.s3-line-xlabels {
    display: flex;
    margin-top: 8px;
}

.s3-line-xlabels span {
    flex: 1;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #fff;
    line-height: 1.4;
}

.s3-bottom-cols {
    margin: 0;
    align-items: center
}

.s3-bottom-left p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #fff;
    line-height: 30px;
    margin: 0;
    width: 90%;
}

.s3-bottom-right {
    border-left: 5px solid #F5C800;
}

.s3-bottom-right p,
.s3-bottom-right p {
    font-size: 1em;
    color: #000;
    margin: 0;
    line-height: 1.6;
}

.s3-bottom-right p {
    background-color: rgba(245, 200, 0, 0.08);
    padding: 20px 28px;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
}

#section4 {
    background-color: #F8F7F6;
    background-image: none;
    color: #1a1714;
    padding: 70px 0;
}

#section4 h2,
#section4 h3 {
    color: #1a1714;
}

.s4-main-title {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #1a1714;

    line-height: 65px;
    margin: 0 0 12px;
}

.s4-main-sub {
    font-size: 28px;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #1a1714;

    line-height: 36px;
    margin: 0 0 48px;
}

.s4-subsec-heading {
    font-size: 2em;
    font-weight: 600;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    color: #1a1714;

    margin: 48px 0 24px;
}

.s4-card-row {
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin-bottom: 24px;
}

.s4-card {
    flex: 1;
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
}

.s4-purple {
    background: #6b45ce;
}

.s4-card-outlined {
    background: #ffffff;
    border: 1px solid #4D4D4D;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s4-yellow {
    background: #fcca0a;
    flex: 0 0 61%;
}

.s4-blue {
    background: #1f58e8;
    flex: 0 0 39%;
}

.s4-light-blue {
    background: #6ac4f9;
    flex: 0 0 33%;
}

.s4-green-bg {
    background: #00bc7d;
    flex: 0 0 67%;
}

.s4-agda-stat.big-stat {
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    font-size: 120px;
    color: #ffffff;
    line-height: 1;
    transform: none;
    border: none;
    margin: 16px 0;
    display: block;
}

.s4-agda-xl.big-stat {
    font-size: 180px;
    text-align: center;
}

.s4-dark-stat.big-stat {
    color: #000000;
}

.s4-body-text {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #ffffff;
    line-height: 30px;
    margin: 0 0 12px;
}

.s4-dark-text,
.s4-dark-text.s4-body-text,
.s4-dark-text.s4-stat-label {
    color: #000000;
}

.s4-stat-label {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #fff;
    display: block;
    margin-bottom: 0;
}

.stat-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.s4-concentric-svg {
    width: 100%;
    height: auto;
}

.s4-progress-wrap {
    margin-top: auto;
    padding-top: 20px;
}

.s4-progress-bar {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    height: 28px;
    overflow: hidden;
    width: 100%;
}

.s4-progress-fill {
    height: 100%;
    width: 89%;
    border-radius: 50px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fdfb 50%, #f5d174 100%);
}

.s4-progress-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.s4-progress-labels span {
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color: #ffffff;
}

.s4-cyber-row {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 24px;
}

.s4-cyber-text {
    flex: 0 0 47%;
    padding-right: 40px;
    display: flex;
    align-items: center;
}

.s4-cyber-text p {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #000;
    line-height: 28px;
    margin: 0;
}

.s4-cyber-blocks {
    flex: 1;
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.s4-cyber-stat {
    flex: 1;
    padding: 24px 28px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    min-height: auto;
    min-width: 0;
    gap: 32px;
}

.s4-cyber-red {
    background: #fe4937;
    flex: 0 0 60%;
}

.s4-cyber-pink {
    background: #efa3c6;
    flex: 0 0 40%;
}

.s4-cyber-pct.big-stat {
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-size: 79px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
    transform: none;
    border: none;
    margin: 0 0 4px;
    display: block;
}

.s4-cyber-label {
    font-weight: 400;
    font-size: 18px;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #ffffff;
    line-height: 22px;
}

.s4-dark-text.s4-cyber-label {
    color: #0c0c0c;
}

.s4-dark-text.s4-cyber-pct.big-stat {
    color: #0c0c0c;
}

.s4-callout {
    background: #FFF9E0;
    border-left: 5px solid #FCCA0A;
    padding: 16px 24px;
    margin: 24px 0 32px;
}

.s4-callout p {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #000;
    line-height: 28px;
    margin: 0;
}

.s4-donut-label {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #000;
    margin: 0 0 32px;
}

.s4-donut-row {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 56px;
}

.s4-donut-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.s4-donut-wrap {
    width: 162px;
    height: 162px;
    margin: 0 auto 16px;
}

.s4-donut-lg {
    width: 221px;
    height: 221px;
}

.s4-donut-svg {
    width: 100%;
    height: 100%;
}

.s4-donut-cap {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #000;
    line-height: 1.4;
    margin: 0;
}

.s4-person-row {
    margin-top: 24px;
}

.s4-person-svg {
    width: 100%;
    height: auto;
}

.s4-closing-para {
    color: #000 !important;
    margin: 32px 0 24px;
}

.s4-flush-stats {
    display: flex;
    margin-bottom: 32px;
    gap: 16px;
}

.s4-flush-block {
    flex: 1;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
}

.s4-flush-red {
    background: #fe4937;
}

.s4-flush-blue2 {
    background: #1f58e8;
}

.s4-flush-intro {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #fff;
    display: block;
    margin-bottom: 12px;
}

.s4-flush-lower {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.s4-flush-pct {
    font-size: 79px;
    font-weight: 700;
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    color: #fff;
    line-height: 1;
    flex-shrink: 0;
}

.s4-flush-label {
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #fff;
    line-height: 30px;
    padding-bottom: 8px;
}

.s4-final-para {
    color: #000 !important;
    margin: 32px 0 0;
}

#conclusion {
    background: #F5F0E8;
    padding: 80px 0;
}

#conclusion .conclusion-text {
    max-width: 1100px;
}

#conclusion h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    color: #000;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin: 0 0 40px;
}

#conclusion p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #000;
    line-height: 30px;
    width: 100%;
    margin: 0 0 28px;
}

#conclusion p:last-child {
    margin-bottom: 0;
}

.conclusion-image img {
    margin: 60px auto 0;
    display: block;
}

.ebook-banner {
    background: #007A44;
    color: #fff;
    padding: 60px;
    margin: 40px 0 0;
}

.ebook-banner h3 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 42px;
}

.download-button {
    color: #000;
    padding: 20px 30px;
    background: #F5C842;
    font-size: 1.2em;
    display: inline-block;
    font-family: 'Zoho_Puvi_SemiBold';
    cursor: pointer;
}

.download-button:hover {
    background: #d4a800;
}

.ebook-banner img {
    width: 350px;
    margin: auto;
    text-align: center;
    display: block;
}

.big-stat {
    font-size: 180px;
    font-family: 'ZohoPuvi_Condensed';
    font-weight: 700;
    line-height: 1;
    color: #F5C842;
    margin-bottom: 20px;
    display: block;
    font-variant-numeric: tabular-nums;
}

.scroll-anim {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s var(--ease-reveal, cubic-bezier(0.16, 1, 0.3, 1)), transform 0.6s var(--ease-reveal, cubic-bezier(0.16, 1, 0.3, 1));
}

.scroll-anim.visible {
    opacity: 1;
    transform: translateY(0);
}

.scroll-anim-scale {
    opacity: 0;
    transform: scale(0.85);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.scroll-anim-scale.visible {
    opacity: 1;
    transform: scale(1);
}

/*--------popup form--------*/
.overlay, .overlay * {
    box-sizing: border-box;
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 68%);
    z-index: 999999;
    top: 0;
    left: 0;
    display: none;
}
.popup {
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 500px;
    max-width: 95%;
    max-height: 95vh;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 26%);
    border-radius: 3px;
    z-index: 99;
}
span.close {
    position: absolute;
    z-index: 999;
    top: 20px;
    right: 6px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 14px;
    padding: 2px 10px;
    background: #3863f1;
}
span.close:hover {
    color: #d5cdff;
}
.popup-content {
    overflow: scroll;
    height: 100%;
    max-height: 90vh;
}
h2.popup-title {
    text-align: center;
    margin: 0;
    line-height: 1.6;
    color: #fff;
    font-size: 1.2rem;
    padding: 20px 25px;
    margin-bottom: 30px;
	background:#1E29B5;
}
.popup-content form {
    width: 90%;
    margin: 0 auto;
}
.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
	    margin-bottom: 20px;
        height: 48px;
    border: 1px solid #c9c6c6;
    transition: border ease .9s;
    -webkit-transition: border ease .9s;
    -moz-transition: border ease .9s;
}
.form-control .label {
    position: absolute;
    transform: translate(0%, -50%);
    top: 50%;
    left: 30px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.4s;
    font-size: 16px;
    z-index: 8;
    opacity: 0.7;
}
.form-control.dropdown-control.uscountry {
  background: #fff;
}

.form-control.active-row {
  border: 1px solid #fff;
}

.form-control.btn-submits {
  border: none;
  margin-bottom: 45px;
  padding-left: 0;
      text-align: center;	
}

.form-control.form-comments {
  height: 85px;
}

.form-control:after,
.form-control:before {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  z-index: 1;
  border: 2px solid transparent;
  border-radius: 5px;
  pointer-events: none;
}

.form-control:before {
  top: 0px;
  left: 0px;
}

.form-control:after {
  bottom: 0;
  right: 0;
}

.form-control .error {
  position: absolute;
  bottom: -8px;
  left: 30px;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.4s;
  font-size: 12px;
  z-index: 8;
  opacity: 1;
  background: #fff;
  padding: 5px;
  line-height: 0.5;
  color: red;
  display: none;
}

.form-control .error.phone_codeerror {
  line-height: 1.2;
  bottom: -18px;
  left: 14px;
  margin-right: 8px;
}

.form-control * {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.form-control .label {
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  left: 30px;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.4s;
  font-size: 16px;
  z-index: 8;
  opacity: 0.7;
}

.form-comments.form-control .label {
  top: 35%;
}

.form-control input,
.form-control select,
.form-control textarea {
  width: 100%;
  outline: none;
  border: none;
  background: none !important;
  height: 100%;
  padding-left: 20px;
  font-size: 1.2em;
  position: relative;
  z-index: 9;
  opacity: 0.6;
  resize: none;
  font-family: "ZohoPuvi";
}
.form-control textarea {
    padding: 10px 15px;
}
.form-control select {
  opacity: 0;
  background: url(https://www.manageengine.com/government/images/arrow.png)
    no-repeat !important;
  background-position: 98% !important;
  padding: 0;
    padding-left: 20px;
}

.form-control.active-row select {
  opacity: 1;
  color: #7c7979;
}

.btn-submits button {
  	border-radius: 2px;
    font-size: 16px;
    font-family: 'Zoho_Puvi_SemiBold';
    color: #000;
    cursor: pointer;
    outline: none;
    display: inline-block;
    padding: 15px 40px;
    margin: 0 0 20px 0;
    border: none;
	background: #f7c94a;
}

.btn-submits button:hover {
    background: #002089;
	color: #fff;
}

.form-control.btn-submit,
.form-control.btn-submit-new {
  background: transparent;
  border: none;
  height: auto;
  text-align: center;
}

.btn-submit-new button {
 font-size: 18px;
    font-weight: 400;
    border: 2px solid #e04d3b;
    border-radius: 5px;
    background: #e04d3b;
    color: #fff;
    cursor: pointer;
    outline: none;
    display: inline-block;
    padding: 12px 50px;
    margin: 20px 0;
}

.btn-submit-new button:hover {
  background: #222222;
  border-color: #222222;
}

.active-row.form-control::before {
  border-top-color: #15368b;
  border-right-color: #15368b;
  transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
  width: 100%;
  height: 100%;
}

.active-row.form-control::after {
  border-bottom-color: #15368b;
  border-left-color: #15368b;
  transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s,
    height 0.15s ease-out 0.45s;
  width: 100%;
  height: 100%;
}

.form-control.active-row .label {
  top: 0;
  background: #fff;
  padding: 0 6px;
  left: 15px;
  font-size: 1em;
  opacity: 1;
}

.uscountry.form-control {
  height: auto;
  background: transparent;
  padding: 0;
  border-color: transparent;
}

.uscountry.form-control:before,
.uscountry.form-control:after {
  display: none;
}

.uscountry select#country,
.uscountry select#zc-country {
  height: 60px;
  border: 2px solid #15368b;
  border-radius: 4px;
  opacity: 1;
  background: url(https://www.manageengine.com/government/images/arrow.png)
    no-repeat #fff !important;
  background-position: 95% !important;
}

.uscountry.form-control.active-row .label {
  z-index: 99;
}

.uscountry select#country_state,.uscountry select#ukcountry_region {
  height: 60px;
  background: url(https://www.manageengine.com/government/images/arrow.png)
    no-repeat #fff !important;
  background-position: 95% !important;
  margin-top: 15px;
  border-radius: 4px;
  opacity: 1;
  border: 2px solid #15368b;
  width: 100%;
}
.uscountry .state-label {
  top: unset !important;
  bottom: 38px;
}
#IframeUrl #meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
	    width: 4px;
    height: 7px;
    border: 1px solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    position: absolute;
    top: 1px;
    left: 3px;
}
b.sup {
    font-size: 0.8em;
    position: relative;
    bottom: 5px;
    left: 2px;
}
#meGDPRMessage a{
    color: #000000 !important;
    text-decoration: underline !important;
}
#meGDPRMessage a:hover {text-decoration: none !important;}
p.callback-text {
        margin: 0 0 12px 0;
    color: #3b3b3b;
    font-size: 0.9em;
    position: relative;
    bottom: 7px;
}
.success-msg {
    position: fixed;
	z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 20px;
    background: #834100;
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
	display: none;
	    line-height: 1.5;
}
.success-msg span
{
	display: block
}

p.privacy-policy {
      font-size: 14px;
    color: #000000;
    margin-top: 20px;
}

p.privacy-policy a {
  color: #000000;
  text-decoration: underline!important;
}
#meGDPRMessage {
      color: #000000;
    font-size: 14px;
    width: 100%;
    line-height: 1.6;
}
#meGDPRMessage label {
    cursor: pointer;
}
#meGDPRMessage .checkmarkgdpr {
    height: 12px!important;
    width: 12px!important;
    top: 1px;
}
.success-down-msg, .success-inq-msg {
    background: rgba(0, 0, 0, .9);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}
.msgcon {
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 400px;
    background: #205FE9;
    padding: 40px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    line-height: 1.5;
}
.msg-close {
    position: absolute;
    z-index: 999;
    top: 1px;
    right: 1px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    /* background: #205FE9; */
    border-radius: 6px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 30px;
    font-family: 'Zoho_Puvi_Medium';
}
.msg-close:hover{
	    opacity: 0.8;
}
.msgcon img {
    width: 100%;
    height: auto;
}
.msgcon h3 {
    font-weight: 500;
    font-size: 1.5em;
    line-height: normal;
    font-family: 'Zoho_Puvi_SemiBold';
    margin: 0 0 10px;
}
.msg-line{
	display: block;
    width: 30%;
    height: 3px;
    background: #ffffff;
    margin: 15px auto;
    text-align: center;
}
.msg-span{
	font-weight: 300;
	display:block;
}
.privacy-policy, .privacy-policy a {
	color: #fff;
}


:root {
    --ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-bar: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-over: cubic-bezier(0.34, 1.3, 0.64, 1);
    --ease-micro: cubic-bezier(0.4, 0, 0.2, 1);
}

.js h1[data-animate="heading-load"] {
    animation: none;

    opacity: 0;
    transform: translateY(20px);
    transition:
        transform 700ms var(--ease-reveal),
        opacity 700ms var(--ease-reveal);
}

.js h1[data-animate="heading-load"].in-view {
    opacity: 1;
    transform: translateY(0);
}

.js [data-animate="heading-reveal"] {
    opacity: 0;
    transform: translateY(14px);
    transition:
        transform 600ms var(--ease-reveal),
        opacity 600ms var(--ease-reveal);
}

.js [data-animate="heading-reveal"].in-view {
    opacity: 1;
    transform: translateY(0);
}

.js [data-animate="kpi-left"] {
    clip-path: inset(0 100% 0 0);
    transform: scale(0.96);
    opacity: 0;
    transition:
        clip-path 600ms var(--ease-reveal),
        transform 600ms var(--ease-reveal),
        opacity 400ms var(--ease-reveal);
}

.js [data-animate="kpi-left"].in-view {
    clip-path: inset(0 0% 0 0);
    transform: scale(1);
    opacity: 1;
}

.js [data-animate="kpi-right"] {
    clip-path: inset(0 0 0 100%);
    transform: scale(0.96);
    opacity: 0;
    transition:
        clip-path 600ms var(--ease-reveal),
        transform 600ms var(--ease-reveal),
        opacity 400ms var(--ease-reveal);
}

.js [data-animate="kpi-right"].in-view {
    clip-path: inset(0 0 0 0%);
    transform: scale(1);
    opacity: 1;
}

.js [data-animate="kpi-text"] {
    opacity: 0.85;
    transform: translateY(8px);
    transition:
        opacity 400ms var(--ease-reveal),
        transform 400ms var(--ease-reveal);
}

.js [data-animate="kpi-text"].in-view {
    opacity: 1;
    transform: translateY(0);
}

.js .s2-gridlines span {
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 500ms var(--ease-reveal);
}

.js .s2-barchart.in-view .s2-gridlines span:nth-child(1) {
    transform: scaleX(1);
    transition-delay: 0ms;
}

.js .s2-barchart.in-view .s2-gridlines span:nth-child(2) {
    transform: scaleX(1);
    transition-delay: 50ms;
}

.js .s2-barchart.in-view .s2-gridlines span:nth-child(3) {
    transform: scaleX(1);
    transition-delay: 100ms;
}

.js .s2-barchart.in-view .s2-gridlines span:nth-child(4) {
    transform: scaleX(1);
    transition-delay: 150ms;
}

.js .s2-barchart.in-view .s2-gridlines span:nth-child(5) {
    transform: scaleX(1);
    transition-delay: 200ms;
}

.js .s2-barchart-body {
    border-bottom: none;
}

.s2-barchart-body::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #666666;
    transform-origin: left center;
    z-index: 2;
}

.js .s2-barchart-body::after {
    transform: scaleX(0);
    transition: transform 500ms var(--ease-reveal);
}

.js .s2-barchart.in-view .s2-barchart-body::after {
    transform: scaleX(1);
}

.js .s2-bar {
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 700ms var(--ease-bar);
}

.js .s2-bar.s2-bar-red {
    transition-timing-function: var(--ease-over);
}

.js .s2-bar.bar-in {
    transform: scaleY(1);
}

.js .s2-bar b {
    opacity: 0;
    transition: opacity 600ms var(--ease-reveal);
}

.js .s2-bar b.label-in {
    opacity: 1;
}

.js .s2-xlabels span {
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity 300ms var(--ease-reveal),
        transform 300ms var(--ease-reveal);
}

.js .s2-xlabels span.xlabel-in {
    opacity: 1;
    transform: translateY(0);
}

.js .s2-donut-arc {
    stroke-dasharray: 314.16;
    stroke-dashoffset: 314.16;
    transition: stroke-dashoffset 1000ms var(--ease-reveal);
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(1) .s2-donut-arc {
    stroke-dashoffset: var(--arc-offset, 0);
    transition-delay: 0ms;
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(2) .s2-donut-arc {
    stroke-dashoffset: var(--arc-offset, 0);
    transition-delay: 150ms;
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(3) .s2-donut-arc {
    stroke-dashoffset: var(--arc-offset, 0);
    transition-delay: 300ms;
}

.js .s2-donut-caption {
    opacity: 0;
    transform: translateY(8px);
    transition:
        opacity 350ms var(--ease-reveal),
        transform 350ms var(--ease-reveal);
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(1) .s2-donut-caption {
    opacity: 1;
    transform: none;
    transition-delay: 0ms;
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(2) .s2-donut-caption {
    opacity: 1;
    transform: none;
    transition-delay: 150ms;
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(3) .s2-donut-caption {
    opacity: 1;
    transform: none;
    transition-delay: 300ms;
}

.js [data-animate="bottom-stats"] .s2-bottom-orange,
.js [data-animate="bottom-stats"] .s2-bottom-purple,
.js [data-animate="bottom-stats"] .s2-bottom-blue {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
    transition:
        opacity 600ms var(--ease-reveal),
        transform 600ms var(--ease-reveal);
}

.js [data-animate="bottom-stats"].in-view .s2-bottom-orange {
    opacity: 1;
    transform: none;
    transition-delay: 0ms;
}

.js [data-animate="bottom-stats"].in-view .s2-bottom-purple {
    opacity: 1;
    transform: none;
    transition-delay: 80ms;
}

.js [data-animate="bottom-stats"].in-view .s2-bottom-blue {
    opacity: 1;
    transform: none;
    transition-delay: 160ms;
}

.s4-card {
    transition: transform 250ms var(--ease-micro), box-shadow 250ms var(--ease-micro);
}

.s4-card:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);
}

.js [data-animate="subheading-reveal"] {
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 500ms var(--ease-reveal),
        transform 500ms var(--ease-reveal);
}

.js [data-animate="subheading-reveal"].in-view {
    opacity: 1;
    transform: none;
}

.js [data-animate="card-row"] .s4-card {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
    transition:
        opacity 550ms var(--ease-reveal),
        transform 550ms var(--ease-reveal);
}

.js [data-animate="card-row"].in-view .s4-card:nth-child(1) {
    opacity: 1;
    transform: none;
    transition-delay: 0ms;
}

.js [data-animate="card-row"].in-view .s4-card:nth-child(2) {
    opacity: 1;
    transform: none;
    transition-delay: 100ms;
}

.js [data-animate="card-row"].in-view .s4-card:nth-child(3) {
    opacity: 1;
    transform: none;
    transition-delay: 200ms;
}

.js [data-animate="s4-donut-row"] .s4-donut-item {
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity 450ms var(--ease-reveal),
        transform 450ms var(--ease-reveal);
}

.js [data-animate="s4-donut-row"].in-view .s4-donut-item:nth-child(1) {
    opacity: 1;
    transform: none;
    transition-delay: 0ms;
}

.js [data-animate="s4-donut-row"].in-view .s4-donut-item:nth-child(2) {
    opacity: 1;
    transform: none;
    transition-delay: 120ms;
}

.js [data-animate="s4-donut-row"].in-view .s4-donut-item:nth-child(3) {
    opacity: 1;
    transform: none;
    transition-delay: 240ms;
}

.js [data-animate="stat-card-reveal"] {
    clip-path: inset(0 0 100% 0);
    transition: clip-path 650ms var(--ease-reveal);
}

.js [data-animate="stat-card-reveal"].in-view {
    clip-path: inset(0 0 0% 0);
}

.js [data-animate="hbar-fade"] {
    opacity: 0;
    transition: opacity 500ms var(--ease-reveal);
}

.js [data-animate="hbar-fade"].in-view {
    opacity: 1;
}

.js [data-animate="conclusion-paras"] p {
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity 600ms var(--ease-reveal),
        transform 600ms var(--ease-reveal);
}

.js [data-animate="conclusion-paras"].in-view p:nth-of-type(1) {
    opacity: 1;
    transform: none;
    transition-delay: 0ms;
}

.js [data-animate="conclusion-paras"].in-view p:nth-of-type(2) {
    opacity: 1;
    transform: none;
    transition-delay: 150ms;
}

.js [data-animate="conclusion-paras"].in-view p:nth-of-type(3) {
    opacity: 1;
    transform: none;
    transition-delay: 150ms;
}
.js [data-animate="conclusion-paras"].in-view p:nth-of-type(4) {
    opacity: 1;
    transform: none;
    transition-delay: 150ms;
}

.form-hidden {
    display: none;
}

.s2-bars .s2-bargrp:nth-child(1) .s2-bar {
    height: 90%;
}

.s2-bars .s2-bargrp:nth-child(2) .s2-bar {
    height: 67.5%;
}

.s2-bars .s2-bargrp:nth-child(3) .s2-bar {
    height: 60%;
}

.s2-bars .s2-bargrp:nth-child(4) .s2-bar {
    height: 27.5%;
}

.s2-bars .s2-bargrp:nth-child(5) .s2-bar {
    height: 5%;
}

.s2-donuts-row .s2-donut-item:nth-child(1) .s2-donut-arc {
    --arc-offset: 204.2px;
}

.s2-donuts-row .s2-donut-item:nth-child(2) .s2-donut-arc {
    --arc-offset: 226.2px;
}

.s2-donuts-row .s2-donut-item:nth-child(3) .s2-donut-arc {
    --arc-offset: 232.5px;
}

.s3-vgrid span:nth-child(1) {
    left: 25%;
}

.s3-vgrid span:nth-child(2) {
    left: 50%;
}

.s3-vgrid span:nth-child(3) {
    left: 75%;
}

.s3-vgrid span:nth-child(4) {
    left: 100%;
}

.s3-xaxis span:nth-child(1) {
    left: 0%;
}

.s3-xaxis span:nth-child(2) {
    left: 25%;
}

.s3-xaxis span:nth-child(3) {
    left: 50%;
}

.s3-xaxis span:nth-child(4) {
    left: 75%;
}

.s3-xaxis span:nth-child(5) {
    left: 100%;
}

.s2-priorities {
    margin: 24px 0 20px;
    max-width: 1100px;
}

.s2-prio-item {
    display: flex;
    align-items: stretch;
    margin-bottom: 28px;
}

.s2-prio-label {
    flex: 0 0 36%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding-right: 28px;
    font-size: 1em;
    color: #000;
    line-height: 1.5;
}

.s2-prio-track {
    flex: 1;
    position: relative;
    min-height: 104px;
    border-left: 1px dashed #b3b3b3;
    background-image:
        linear-gradient(to right, transparent calc(30% - 1px), #d9d9d9 calc(30% - 1px), #d9d9d9 30%, transparent 30%),
        linear-gradient(to right, transparent calc(60% - 1px), #d9d9d9 calc(60% - 1px), #d9d9d9 60%, transparent 60%),
        linear-gradient(to right, transparent calc(100% - 1px), #d9d9d9 calc(100% - 1px));
}

.s2-prio-fill {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: width 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.s2-prio-green {
    background: #00BC7D;
}

.s2-prio-blue {
    background: #3B82F6;
}

.s2-prio-yellow {
    background: #F5C800;
}

.s2-prio-fill b {
    font-family: 'Zoho_Puvi_Bold';
    font-size: 29px;
    color: #fff;
    padding-right: 40px;
    white-space: nowrap;
}

.s2-prio-yellow b {
    color: #131313;
}

.s2-prio-xaxis {
    display: flex;
}

.s2-prio-xaxis-spacer {
    flex: 0 0 36%;
    padding-right: 28px;
}

.s2-prio-xaxis-scale {
    flex: 1;
    position: relative;
    height: 26px;
}

.s2-prio-xaxis-scale span {
    position: absolute;
    transform: translateX(-50%);
    font-size: 14px;
    color: #666666;
    padding-top: 8px;
}

.s2-prio-xaxis-scale span:nth-child(1) {
    left: 0%;
}

.s2-prio-xaxis-scale span:nth-child(2) {
    left: 30%;
}

.s2-prio-xaxis-scale span:nth-child(3) {
    left: 60%;
}

.s2-prio-xaxis-scale span:nth-child(4) {
    left: 100%;
}

.js .s2-prio-fill b {
    opacity: 0;
    transition: opacity 500ms var(--ease-reveal) 600ms;
}

.js [data-animate="hbar-fade"].in-view .s2-prio-fill b {
    opacity: 1;
}

.s3-top-callouts {
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin: 0 0 56px;
}

.s3-callout-solid {
    flex: 0 0 51%;
    background: #00BC7D;
    padding: 24px 36px 28px;
    display: flex;
    gap: 28px;
}

.s3-callout-solid .s3-callout-eyebrow {
    display: block;
    color: #fff;
    margin-bottom: 4px;
}

.s3-callout-num.big-stat {
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    font-size: 96px;
    color: #fff;
    line-height: 1;
    transform: none;
    margin: 0;
}

.s3-callout-solid p {
    margin: 26px 0 0;
    color: #fff;
    line-height: 30px;
}

.s3-callout-tint {
    flex: 1;
    background: rgba(0, 254, 169, 0.15);
    border-left: 4px solid #00BC7D;
    padding: 24px 36px;
    display: flex;
    align-items: center;
}

.s3-callout-tint p {
    margin: 0;
    color: #fff;
    line-height: 30px;
}

.s3-budget-stats {
    display: flex;
    align-items: stretch;
    gap: 24px;
    margin: 56px 0;
}

.s3-budget-block {
    padding: 26px 40px 34px;
    display: flex;
    flex-direction: column;
}

.s3-budget-blue {
    flex: 0 0 64%;
    background: #3B82F6;
}

.s3-budget-pink {
    flex: 1;
    background: #EFA3C6;
}

.s3-budget-eyebrow {
    display: block;
    color: #fff;
    margin-bottom: 8px;
}

.s3-budget-lower {
    display: flex;
    align-items: center;
    gap: 28px;
    flex: 1;
}

.s3-budget-pct.big-stat {
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    font-size: 83px;
    color: #fff;
    line-height: 1;
    transform: none;
    margin: 0;
    flex-shrink: 0;
    max-width: 300px;
}

.s3-budget-block p {
    margin: 0;
    color: #fff;
    line-height: 26px;
}

.s3-budget-pink .s3-budget-eyebrow,
.s3-budget-pink .s3-budget-pct.big-stat,
.s3-budget-pink p {
    color: #0D0C0C;
}

.s3-charts-row {
    display: flex;
    align-items: stretch;
    gap: 24px;
}

.s3-chart-card {
    flex: 1;
    border: 1px solid #4d4d4d;
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
}

.s3-chart-card>p {
    margin: 0 0 24px;
    color: #fff;
    line-height: 30px;
}

.s3-chart-svg {
    width: 100%;
    height: auto;
    flex: 1;
    overflow: visible !important;
}

.s3-chart-svg .svg-pct {
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    font-weight: 700;
    font-size: 30px;
    fill: #fefefe;
}

.s3-chart-svg .svg-cap {
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    font-size: 15px;
    fill: #fefefe;
}

.s3-chart-svg .svg-line {
    stroke: rgba(255, 255, 255, 0.85);
    stroke-width: 1;
}

.s3-chart-svg .svg-dot {
    fill: #fefefe;
}

.js [data-animate="s3-charts"] .s3-pie-group {
    opacity: 0;
    transform: scale(0.85) rotate(-16deg);
    transform-origin: 50% 50%;
    transform-box: fill-box;
    transition:
        opacity 700ms var(--ease-reveal),
        transform 900ms var(--ease-reveal);
}

.js [data-animate="s3-charts"].in-view .s3-pie-group {
    opacity: 1;
    transform: none;
}

.js .s3-donut-seg {
    stroke-dasharray: 0 942.5;
    transition: stroke-dasharray 1000ms var(--ease-reveal);
}

.js [data-animate="s3-charts"].in-view .s3-donut-seg {
    stroke-dasharray: var(--seg);
}

.js [data-animate="s3-charts"].in-view .s3-donut-seg:nth-of-type(2) {
    transition-delay: 150ms;
}

.js [data-animate="s3-charts"].in-view .s3-donut-seg:nth-of-type(3) {
    transition-delay: 300ms;
}

.js [data-animate="s3-charts"].in-view .s3-donut-seg:nth-of-type(4) {
    transition-delay: 450ms;
}

.js [data-animate="s3-charts"] .svg-label-group {
    opacity: 0;
    transition: opacity 600ms var(--ease-reveal) 800ms;
}

.js [data-animate="s3-charts"].in-view .svg-label-group {
    opacity: 1;
}

.js [data-animate="s3-charts"] .s3-chart-card {
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity 550ms var(--ease-reveal),
        transform 550ms var(--ease-reveal);
}

.js [data-animate="s3-charts"].in-view .s3-chart-card:nth-child(1) {
    opacity: 1;
    transform: none;
}

.js [data-animate="s3-charts"].in-view .s3-chart-card:nth-child(2) {
    opacity: 1;
    transform: none;
    transition-delay: 120ms;
}

.s4-red {
    background: #FE4937;
    flex: 0 0 38%;
}

.s4-green-solid {
    background: #00BC7D;
    flex: 1;
}

.s4-green-inner {
    display: flex;
    align-items: flex-start;
    gap: 36px;
}

.s4-green-inner .s4-agda-stat.big-stat {
    margin: 0;
}

.s4-green-inner .s4-body-text {
    margin-top: 40px;
}

.people {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 28px;
}

.person {
    width: 24px;
    height: 81px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.28);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 81'%3E%3Ccircle cx='12' cy='11.5' r='11.5'/%3E%3Cpath d='M4 26h16c2.2 0 4 1.8 4 4v25h-5v26h-5.5V55h-3v26H5V55H0V30c0-2.2 1.8-4 4-4z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 81'%3E%3Ccircle cx='12' cy='11.5' r='11.5'/%3E%3Cpath d='M4 26h16c2.2 0 4 1.8 4 4v25h-5v26h-5.5V55h-3v26H5V55H0V30c0-2.2 1.8-4 4-4z'/%3E%3C/svg%3E") no-repeat center / contain;
    transform: translateY(8px) scale(0.9);
    opacity: 0.6;
    transition:
        background-color 300ms var(--ease-micro),
        transform 350ms var(--ease-over),
        opacity 350ms var(--ease-micro);
}

.person.animate {
    transform: none;
    opacity: 1;
}

.person.on {
    background: #ffffff;
}

.person.on.half {
    background: linear-gradient(to right, #ffffff 40%, rgba(255, 255, 255, 0.28) 40%);
}

.s4-obstacle-row {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    margin-bottom: 40px;
}

.s4-obstacle {
    flex: 1;
    color: #fff;
    padding: 26px 30px;
    min-height: 207px;
    display: flex;
    flex-direction: column;
}

.s4-obstacle.s4-ob-orange {
    background: #EE6B23;
    min-height: 222px;
}

.s4-obstacle.s4-ob-purple {
    background: #7B4FD4;
}

.s4-obstacle.s4-ob-blue {
    background: #1F58E8;
}

.s4-ob-label {
    font-size: 1em;
    line-height: 1.4;
    margin: 0 0 12px;
    max-width: 320px;
    color:#fff;
}

.s4-ob-lower {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.s4-ob-pct {
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    font-size: 90px;
    line-height: 0.9;
    color: #fff;
}

.s4-ob-icon {
    width: 74px;
    height: 74px;
    flex-shrink: 0;
    opacity: 0.85;
}

.s4-risk-row {
    display: flex;
    align-items: center;
    gap: 48px;
    margin-bottom: 48px;
}

.s4-risk-text {
    flex: 0 0 37%;
}

.s4-risk-text p {
    margin: 0;
    color: #000;
    line-height: 28px;
}

.s4-risk-chart {
    flex: 1;
    padding-bottom: 40px;
}

.s4-risk-bar {
    display: flex;
    height: 62px;
}

.s4-risk-seg {
    position: relative;
    display: flex;
    align-items: center;
}

.s4-risk-seg b {
    font-family: 'Zoho_Puvi_Bold';
    font-size: 22px;
    color: #000;
    padding-left: 12px;
    white-space: nowrap;
}

.s4-risk-red {
    width: 55%;
    background: #FE4937;
}

.s4-risk-green {
    width: 44%;
    background: #00BC7D;
}

.s4-risk-blue {
    width: 1%;
    background: #1F58E8;
}

.s4-risk-blue b {
    position: absolute;
    left: 100%;
    padding-left: 6px;
}

.s4-risk-label {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
}

.s4-risk-blue .s4-risk-label {
    left: auto;
    right: 0;
    text-align: right;
}

.js [data-animate="risk-bar"] .s4-risk-bar {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 900ms var(--ease-bar);
}

.js [data-animate="risk-bar"].in-view .s4-risk-bar {
    clip-path: inset(0 0 0 0);
}

.js [data-animate="risk-bar"] .s4-risk-label {
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity 400ms var(--ease-reveal) 700ms,
        transform 400ms var(--ease-reveal) 700ms;
}

.js [data-animate="risk-bar"].in-view .s4-risk-label {
    opacity: 1;
    transform: none;
}

.s4-align-stats {
    display: flex;
    align-items: stretch;
    gap: 24px;
    margin: 40px 0 0;
}

.s4-align-block {
    flex: 1;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    min-height: 185px;
}

.s4-align-yellow {
    background: #FBCD00;
}

.s4-align-blue {
    background: #6AC4F9;
}

.s4-align-block p {
    margin: 0;
    color: #000;
    line-height: 28px;
    max-width: 55%;
}

.s4-align-pct.big-stat {
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 700;
    font-size: 128px;
    color: #000;
    line-height: 1;
    transform: none;
    margin: 0;
    flex-shrink: 0;
}

.js [data-animate="stat-row"]>* {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
    transition:
        opacity 600ms var(--ease-reveal),
        transform 600ms var(--ease-reveal);
}

.js [data-animate="stat-row"].in-view>*:nth-child(1) {
    opacity: 1;
    transform: none;
    transition-delay: 0ms;
}

.js [data-animate="stat-row"].in-view>*:nth-child(2) {
    opacity: 1;
    transform: none;
    transition-delay: 100ms;
}

.js [data-animate="stat-row"].in-view>*:nth-child(3) {
    opacity: 1;
    transform: none;
    transition-delay: 200ms;
}

.js [data-animate="stat-row"].in-view>*:nth-child(4) {
    opacity: 1;
    transform: none;
    transition-delay: 300ms;
}

:root {
    --c-brazil: #52C17C;
    --c-chile: #2B66F6;
    --c-colombia: #FCCA0A;
    --c-dr: #00D9CB;
    --c-mexico: #FE4937;
}



.banner-cube img.img-missing,
.bp-image img.img-missing,
.region-link img.img-missing {
    display: none;
}

.bp-row {
    align-items: center;
    margin-bottom: 60px;
}

.bp-image img {
    max-width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.bp-text .sec-heading {
    margin-bottom: 24px;
}

.bp-text p {
    line-height: 1.8;
    margin-bottom: 20px;
}

.survey-panel {
    margin-bottom: 80px;
}

.survey-intro {
    max-width: 60%;
    line-height: 1.8;
    margin: 16px 0 40px;
}

.country-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.country-block {
    min-height: 160px;
    padding: 22px 28px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.js [data-animate="country-grid"].in-view .country-block {
    opacity: 1;
    transform: translateY(0);
}

.js [data-animate="country-grid"].in-view .country-block:nth-child(2) {
    transition-delay: 90ms;
}

.js [data-animate="country-grid"].in-view .country-block:nth-child(3) {
    transition-delay: 180ms;
}

.js [data-animate="country-grid"].in-view .country-block:nth-child(4) {
    transition-delay: 270ms;
}

.js [data-animate="country-grid"].in-view .country-block:nth-child(5) {
    transition-delay: 360ms;
}

.cb-brazil {
    background: #00BC7D;
    flex: 1 1 calc(50% - 6px);
}

.cb-mexico {
    background: #FE4937;
    flex: 1 1 calc(50% - 6px);
}

.cb-colombia {
    background: #FCCA0A;
    color: #292929;
    flex: 1 1 calc(39% - 8px);
}

.cb-chile {
    background: #2B66F6;
    flex: 1 1 calc(28.5% - 8px);
}

.cb-dr {
    background: #00D9CB;
    color: #000;
    flex: 1 1 calc(28.5% - 8px);
}

.country-name {
    font-size: 24px;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    line-height: 1.3;
}

.country-num {
    font-size: 74px;
    font-family: 'ZohoPuvi_Condensed', 'Zoho_Puvi_Bold', sans-serif;
    font-weight: 700;
    line-height: 1;
    align-self: flex-end;
}

.region-panel .sec-heading {
    max-width: 1022px;
    margin-bottom: 48px;
}

.region-links {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.region-link {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    padding: 10px 16px;
    text-decoration: none !important;
    transition: transform 0.3s ease;
}

.region-link:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30%;
    width: 1px;
    background: #D8D2C7;
}

.region-link:hover {
    transform: translateY(-6px);
}

.region-link img,
.region-link svg {
    max-height: 100px;
    width: auto;
}

.map-icon {
    position: relative;
    display: inline-block;
    max-height: 100px;
}

.map-icon img {
    display: block;
    transition: opacity 0.3s ease;
}

.map-icon::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    background-color: currentColor;
    -webkit-mask-image: var(--map-icon-src);
    mask-image: var(--map-icon-src);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: opacity 0.3s ease;
}

.map-icon.map-icon--brazil {
    --map-icon-src: url('https://www.manageengine.com/images/map-brazil.svg');
    color: #00BC7D;
}

.map-icon.map-icon--mexico {
    --map-icon-src: url('https://www.manageengine.com/images/map-mexico.svg');
    color: #FE4937;
}

.map-icon.map-icon--chile {
    --map-icon-src: url('https://www.manageengine.com/images/map-chile.svg');
    color: #2B66F6;
}

.map-icon.map-icon--colombia {
    --map-icon-src: url('https://www.manageengine.com/images/map-colombia.svg');
    color: #FA9808;
}

.map-icon.map-icon--dr {
    --map-icon-src: url('https://www.manageengine.com/images/map-dr.svg');
    color: #04B0A5;
}

.region-link:hover .map-icon::after {
    opacity: 1;
}

.region-link:hover .map-icon img {
    opacity: 0;
}

.region-link span {
    font-size: 12px;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.g-chart {
    padding: 36px 40px 28px;
    margin: 20px 0 64px;
}

.g-legend {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    gap: 26px;
    margin: 0 0 -26px auto;
    flex-wrap: wrap;
    width: fit-content;
    border: 1px solid #E7E3DB;
    border-radius: 4px;
    padding: 12px 20px;
    background: #fff;
}

.g-key {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 16px;
    line-height: 1.1;
    color: #2B2B2B;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
}

.g-key i {
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
    border-radius: 0px;
    border: none;
}

.gk-brazil {
    background: var(--c-brazil);
}

.gk-chile {
    background: var(--c-chile);
}

.gk-colombia {
    background: var(--c-colombia);
}

.gk-dr {
    background: var(--c-dr);
}

.gk-mexico {
    background: var(--c-mexico);
}

.g-chart-main {
    display: flex;
    gap: 14px;
}

.g-yaxis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    font-size: 12px;
    color: #B2B2B2;
}

.g-yaxis span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 0;
}

.g-chart-body {
    position: relative;
    flex: 1;
    height: 425px;
}

.g-gridlines {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.g-gridlines span {
    display: block;
    height: 0;
    border-top: 1px dashed #DFDBD2;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.js .g-chart.in-view .g-gridlines span {
    transform: scaleX(1);
}

.js .g-chart.in-view .g-gridlines span:nth-child(2) {
    transition-delay: 60ms;
}

.js .g-chart.in-view .g-gridlines span:nth-child(3) {
    transition-delay: 120ms;
}

.js .g-chart.in-view .g-gridlines span:nth-child(4) {
    transition-delay: 180ms;
}

.js .g-chart.in-view .g-gridlines span:nth-child(5) {
    transition-delay: 240ms;
}

.g-vlines {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.g-vlines span {
    display: block;
    width: 0;
    border-left: 1px dashed #DFDBD2;
    transform-origin: top center;
    transform: scaleY(0);
    transition: transform 0.5s ease;
}

.js .g-chart.in-view .g-vlines span {
    transform: scaleY(1);
}

.js .g-chart.in-view .g-vlines span:nth-child(2) {
    transition-delay: 60ms;
}

.js .g-chart.in-view .g-vlines span:nth-child(3) {
    transition-delay: 120ms;
}

.js .g-chart.in-view .g-vlines span:nth-child(4) {
    transition-delay: 180ms;
}

.js .g-chart.in-view .g-vlines span:nth-child(5) {
    transition-delay: 240ms;
}

.g-yaxis-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #B2B2B2;
    pointer-events: none;
}

.js .g-chart.in-view .g-gridlines span:nth-child(6) {
    transition-delay: 300ms;
}

.g-groups {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    padding: 0 20px;
    border-bottom: 1px solid #666666;
}

.g-group {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 100%;
}

.g-bar {
    width: 33px;
    position: relative;
    border-radius: 3px 3px 0 0;
}

.g-brazil {
    background: var(--c-brazil);
}

.g-chile {
    background: var(--c-chile);
}

.g-colombia {
    background: var(--c-colombia);
}

.g-dr {
    background: var(--c-dr);
}

.g-mexico {
    background: var(--c-mexico);
}

.g-bar b {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

.g-colombia b,
.g-dr b {
    color: #000;
}

.g-bar[style*="height:8%"] b,
.g-bar[style*="height:16%"] b {
    color: #2B2B2B;
}

.js .g-bar {
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.js .g-bar.bar-in {
    transform: scaleY(1);
}

.js .g-bar b {
    opacity: 0;
    transition: opacity 0.4s ease 0.45s;
}

.js .g-bar.bar-in b {
    opacity: 1;
}

.g-xlabels {
    display: flex;
    justify-content: space-around;
    gap: 24px;
    padding: 18px 20px 0 40px;
}

.g-xlabels span {
    flex: 1;
    max-width: 220px;
    font-size: 15px;
    line-height: 1.45;
    color: #2B2B2B;
    text-align: center;
}

.g-xlabels strong {
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
}

.s2-donuts-five {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s2-donuts-five .s2-donut-item {
    width: 19%;
    padding: 0 8px;
}

.s2-donuts-five .s2-donut-caption {
    font-size: 14px;
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(4) .s2-donut-caption,
.js .s2-donuts-row.in-view .s2-donut-item:nth-child(5) .s2-donut-caption {
    opacity: 1;
    transform: translateY(0);
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(4) .s2-donut-caption {
    transition-delay: 450ms;
}

.js .s2-donuts-row.in-view .s2-donut-item:nth-child(5) .s2-donut-caption {
    transition-delay: 600ms;
}

.fail-callout {
    background: rgba(245, 200, 0, 0.14);
    border-left: 4px solid #F5C800;
    padding: 24px 32px;
    margin: 64px 0 40px;
}

.fail-callout p {
    margin: 0;
    font-size: 20px;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    color: #000;
}

.fail-cards {
    display: flex;
    gap: 10px;
}

.fail-card {
    flex: 1;
    min-height: 275px;
    padding: 24px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "icon icon"
        "label label"
        "pct country";
    row-gap: 12px;
    column-gap: 12px;
    color: #000;
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.js [data-animate="fail-cards"].in-view .fail-card {
    opacity: 1;
    transform: translateY(0);
}

.js [data-animate="fail-cards"].in-view .fail-card:nth-child(2) {
    transition-delay: 90ms;
}

.js [data-animate="fail-cards"].in-view .fail-card:nth-child(3) {
    transition-delay: 180ms;
}

.js [data-animate="fail-cards"].in-view .fail-card:nth-child(4) {
    transition-delay: 270ms;
}

.js [data-animate="fail-cards"].in-view .fail-card:nth-child(5) {
    transition-delay: 360ms;
}

.fc-brazil {
    background: #52C17C;
}

.fc-chile {
    background: #88ABFF;
}

.fc-colombia {
    background: #FCCA0A;
}

.fc-dr {
    background: #6AC4F9;
}

.fc-mexico {
    background: #FF8275;
}

.fail-icon {
    grid-area: icon;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    align-self: start;
    justify-self: start;
}

.fail-label {
    grid-area: label;
    font-size: 20px;
    line-height: 1.35;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    margin: 0;
    color: #000;
    align-self: start;
}

.fail-pct {
    grid-area: pct;
    font-size: 44px;
    font-family: 'ZohoPuvi_Condensed', sans-serif;
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
    align-self: end;
    justify-self: start;
}

.fail-country {
    grid-area: country;
    font-size: 18px;
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    text-align: right;
    max-width: 140px;
    line-height: 1.2;
    align-self: end;
    justify-self: end;
}

.s3-lead {
    max-width: 50%;
    line-height: 1.8;
    margin-bottom: 40px;
}

.s3-split-cards {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
}

.s3-split-yellow {
    flex: 0 0 38%;
    background: #FCCA0A;
    padding: 36px 40px;
    color: #000;
}

.s3-split-yellow p {
    color: #000 !important;
    line-height: 1.6;
    margin: 8px 0 0;
    font-size: 18px;
}

.s3-split-eyebrow {
    display: block;
    font-size: 20px;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    margin-bottom: 8px;
}

.s3-split-num.big-stat {
    color: #000;
    font-size: 180px;
    margin: 0;
}

.s3-split-blue {
    flex: 1;
    background: url(https://www.manageengine.com/images/bubble-bg.png) #1F58E8 no-repeat center bottom;
    padding: 36px 40px;
    font-size: 18px;
}

.s3-split-blue>p {
    max-width: 620px;
    line-height: 1.6;
    margin-bottom: 50px;
}

.bubble-row {
    display: flex;
    align-items: center;
}

.bubble {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
    aspect-ratio: 1;
    height: auto;
    transform: scale(0);
    transition: transform 0.65s cubic-bezier(0.34, 1.4, 0.64, 1);
}

.js [data-animate="stat-card-reveal"].in-view .bubble {
    transform: scale(1);
}

.js [data-animate="stat-card-reveal"].in-view .bubble:nth-child(2) {
    transition-delay: 110ms;
}

.js [data-animate="stat-card-reveal"].in-view .bubble:nth-child(3) {
    transition-delay: 220ms;
}

.js [data-animate="stat-card-reveal"].in-view .bubble:nth-child(4) {
    transition-delay: 330ms;
}

.js [data-animate="stat-card-reveal"].in-view .bubble:nth-child(5) {
    transition-delay: 440ms;
}

.bubble span {
    font-size: 15px;
    line-height: 1.5;
    font-family: 'Zoho_Puvi_Bold', sans-serif;
    padding: 6px;
}

.bubble-dr {
    width: 24.7%;
    background: #FBCD00;
    color: #000;
}

.bubble-brazil {
    width: 21.1%;
    background: #FE580F;
    color: #fff;
}

.bubble-mexico {
    width: 19.7%;
    background: #799FFF;
    color: #fff;
}

.bubble-colombia {
    width: 18.5%;
    background: #799FFF;
    color: #fff;
}

.bubble-chile {
    width: 16%;
    background: #799FFF;
    color: #fff;
}

.s3-sprawl-cards {
    display: flex;
    margin-bottom: 64px;
    border: 1px solid #4D4D4D
}

.s3-sprawl-green {
    flex: 0 0 38%;
    background: #13422B;
    padding: 36px 40px;
    font-size: 18px;
}

.s3-sprawl-eyebrow {
    display: block;
    font-size: 20px;
    color: #fff;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    margin-bottom: 8px;
}

.s3-sprawl-num.big-stat {
    color: #fff;
    font-size: 9em;
    margin: 28px 0;
}

.s3-sprawl-green p {
    line-height: 1.6;
    margin: 0;
}

.s3-sprawl-chart {
    flex: 1;
    padding: 40px 0 28px;
    display: flex;
    align-items: center;
}

.s3-area-svg {
    width: 100%;
    height: auto;
}

.svg-num text,
text.svg-num {
    font-size: 17px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    fill: #F4EFE4;
}

.svg-num-sm text {
    font-size: 14px;
}

.svg-axis text,
text.svg-axis {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    fill: #fff;
}

.svg-num-dark text {
    fill: #1A1714;
}

.svg-axis-dark text {
    fill: #4A4640;
}

#section6 .svg-axis-dark text {
    fill: #000;
    font-family: 'Zoho_Puvi_Bold', sans-serif;
}

.svg-grid line {
    stroke: rgba(255, 255, 255, 0.16);
    stroke-width: 1;
    stroke-dasharray: 4 4;
}

.svg-axis-lines line {
    stroke: rgba(255, 255, 255, 0.6);
    stroke-width: 1.5;
    stroke-dasharray: none;
}

.js .chart-line {
    stroke-dasharray: 1600;
    stroke-dashoffset: 1600;
    transition: stroke-dashoffset 1.6s cubic-bezier(0.33, 0, 0.2, 1) 0.2s;
}

.js .in-view .chart-line,
.js [data-animate="line-chart"].in-view .chart-line {
    stroke-dashoffset: 0;
}

.js .s3-area-fill,
.js .align-area {
    opacity: 0;
    transition: opacity 0.9s ease 0.9s;
}

.js .in-view .s3-area-fill,
.js .in-view .align-area {
    opacity: 1;
}

.s3-line-block {
    background: #1D1915;
    padding: 32px 0px;
    margin-bottom: 64px;
}

.s3-line-legend {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    background: #1D1915;
    gap: 30px;
    flex-wrap: wrap;
    width: fit-content;
    margin: 0 0 -50px auto;
    border: 1px solid #919191;
    padding: 12px 20px;
}

.s3-line-legend .g-key {
    color: #fff;
    font-size: 14px;
}

.s3-combo .s3-line-legend .g-key i {
    border-radius: 100px;
    border: 3px solid #fff;
}

.lk-blue {
    background: #3B82F6;
}

.lk-green {
    background: #10B981;
}

.lk-amber {
    background: #F59E0B;
}

.lk-orange {
    background: #EE6B23;
}

.s3-multi-svg {
    width: 100%;
    height: auto;
}

.s3-budget-lead {
    max-width: 1140px;
    line-height: 1.7;
    margin-bottom: 32px;
}

.budget-trio {
    display: flex;
    gap: 18px;
    margin-bottom: 64px;
}

.budget-main {
    flex: 0 0 60%;
    background: #6B45CE;
    padding: 0 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.budget-eyebrow {
    display: block;
    font-size: 20px;
    color: #fff;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    margin-bottom: 10px;
}

.budget-main-lower {
    display: flex;
    align-items: center;
    gap: 24px;
}

.budget-pct.big-stat {
    color: #fff;
    font-size: 8em;
    margin-top: 12px;
    flex-shrink: 0;
}

.budget-main-lower p {
    line-height: 1.6;
    margin: 0;
    max-width: 420px;
}

.budget-side {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.budget-side-red,
.budget-side-pink {
    padding: 16px;
    flex: 1;
}

.budget-side-red {
    background: #EE3C49;
}

.budget-side-pink {
    background: #EFA3C6;
}

.budget-side-pink .budget-eyebrow,
.budget-side-pink p {
    color: #000 !important;
}

.budget-side .budget-eyebrow {
    font-size: 16px;
    margin-bottom: 4px;
}

.budget-side-lower {
    display: flex;
    align-items: center;
    gap: 22px;
}

.budget-pct-sm.big-stat {
    font-size: 4em;
    color: #fff;
    margin: 8px 0 0;
    flex-shrink: 0;
}

.budget-side-pink .budget-pct-sm.big-stat {
    color: #000;
}

.budget-side-lower p {
    margin: 0;
    line-height: 1.5;
    font-size: 16px;
}

.prio-table-wrap {
    overflow-x: auto;
    margin-bottom: 20px;
}

.prio-table {
    width: 100%;
    border-collapse: collapse;
    background: #1D1915;
    overflow: hidden;
}

.prio-table th {
    background: #343434;
    border-bottom: 2px solid #4D4D4D;
    color: #F5C800;
    font-size: 19px;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    text-align: center;
    padding: 30px 18px;
}

.prio-table th:first-child {
    width: 26%;
}

.prio-table td {
    color: #F4EFE4;
    font-size: 17px;
    text-align: center;
    padding: 28px 18px;
    background: #1D1915;
    border-bottom: 1.5px solid #4D4D4D;
    font-family: 'Inter', sans-serif;
}

.prio-table td:first-child {
    text-align: left;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.prio-table td.cell-hl {
    background: #FBCD00;
    color: #000;
    font-weight: 700;
    border-left: 1px solid #4D4D4D;
}

.prio-table-mobile tbody th[scope="row"] {
    background: transparent;
    color: #F5C800;
    text-align: left;
    font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    font-weight: 600;
    border-bottom: 1.5px solid #4D4D4D;
}

.prio-table-mobile thead th {
    line-height: 1.3;
}

#section4 {
    background-color: #F8F7F6;
}

.s4-lead {
    max-width: 900px;
    line-height: 1.8;
    margin-bottom: 28px;
}

.ai-chart {
    background: #fff;
    padding: 36px 40px;
    margin: 24px 0 64px;
}

.ai-legend {
    display: flex;
    justify-content: flex-end;
    gap: 26px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.ak-green {
    background: #00B87A;
}

.ak-blue {
    background: #1F58E8;
}

.ak-red {
    background: #EF333E;
}

.ai-row {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.ai-row:last-child {
    margin-bottom: 0;
}

.ai-row-label {
    flex: 0 0 200px;
    font-size: 16px;
    color: #000;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    padding-right: 16px;
}

.ai-track {
    flex: 1;
    display: flex;
    height: 30px;
    background: #DDD5C4;
    border-radius: 2px;
    overflow: hidden;
}

.ai-seg {
    height: 100%;
    position: relative;
    width: 0;
}

.ai-agree {
    background: #00B87A;
}

.ai-neutral {
    background: #1F58E8;
}

.ai-disagree {
    background: #EF333E;
}

.ai-seg b {
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.4s ease 0.6s;
}

.js .in-view .ai-seg b {
    opacity: 1;
}

.s4-obstacle-stepped {
    align-items: flex-end;
}

.s4-obstacle-stepped .s4-obstacle:nth-child(1) {
    min-height: 222px;
}

.s4-obstacle-stepped .s4-obstacle:nth-child(2) {
    min-height: 207px;
}

.s4-obstacle-stepped .s4-obstacle:nth-child(3) {
    min-height: 182px;
}

.s4-ob-salmon {
    background: #F96A6A;
}

.s4-ob-salmon .s4-ob-label,
.s4-ob-salmon .s4-ob-pct {
    color: #fff;
}

#section5 {
    background-color: #120C05;
    padding: 80px 0;
}

#section5 p,
#section5 h2,
#section5 h3 {
    color: #fff;
}

.s5-lead {
    max-width: 760px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.cyber-block,
.leak-block {
    display: flex;
    margin-bottom: 56px;
}

.leak-block{
    margin-bottom:0;
}

.cyber-stat-card {
    flex: 0 0 41%;
    padding: 36px 34px;
    display: flex;
    flex-direction: column;
}

.cyber-blue {
    background: #265BEF;
}

.cyber-eyebrow {
    display: block;
    font-size: 24px;
    color: #fff;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    padding-bottom: 10px;

    margin-bottom: 18px;
}

.cyber-num.big-stat {
    color: #fff;
    font-size: 10.5em;
    margin-bottom: 30px;
    max-width: 300px;
    
}

.cyber-blue .big-stat{
    border-bottom: 1px solid rgba(255, 255, 255,1);
}

.cyber-stat-card p {
    font-size: 22px;
    line-height: 1.45;
    margin: 0;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
}

.cyber-blue.cyber-stat-card p{
    padding-top:30px;
}

.cyber-bars {
    flex: 1;
    background: #1D1915;
    padding: 32px 40px;
}

.cyber-legend {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.cyber-legend .g-key {
    color: #fff;
    font-size: 14px;
}

.ck-green {
    background: #07AF78;
}

.ck-red {
    background: #FE4937;
}

.cyber-row {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.cyber-row:last-child {
    margin-bottom: 0;
}

.cyber-row-label {
    flex: 0 0 170px;
    font-size: 15px;
    color: #fff;
    padding-right: 14px;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
    line-height: 1.25;
}

.cyber-track {
    flex: 1;
    display: flex;
    height: 62px;
    overflow: hidden;
    border-radius: 2px;
}

.cyber-seg {
    height: 100%;
    position: relative;
    width: 0;
}

.cyber-yes {
    background: #07AF78;
}

.cyber-no {
    background: #FE4937;
}

.cyber-seg b {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #F4EFE4;
    opacity: 0;
    transition: opacity 0.4s ease 0.6s;
}

.js .in-view .cyber-seg b {
    opacity: 1;
}

.s5-genai-row {
    align-items: center;
    margin-bottom: 56px;
}

.s5-callout {
    background: rgba(245, 200, 0, 0.07);
    border-left: 3px solid #F5C800;
    padding: 20px 26px;
}

.s5-callout p {
    margin: 0;
    line-height: 1.5;
}

.leak-purple {
    background: #7A5BD7;
}

.leak-intro {
    font-size: 20px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    font-family: 'Zoho_Puvi_Regular', sans-serif !important;
}

.leak-purple .cyber-eyebrow {
    margin-top: auto;
}

.leak-purple .cyber-num.big-stat {
    margin-bottom: 0;
}

.leak-bars {
    flex: 1;
    background: #1D1915;
    padding: 40px;
}

.leak-row {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.leak-row:last-child {
    margin-bottom: 0;
}

.leak-row-label {
    flex: 0 0 190px;
    font-size: 15px;
    color: #fff;
    padding-right: 14px;
    line-height: 1.25;
}

.leak-track {
    flex: 1;
    height: 62px;
    background: #262019;
    overflow: hidden;
}

.leak-fill {
    height: 100%;
    width: 0;
    position: relative;
}

.lf-red {
    background: #FE4937;
}

.lf-green {
    background: #07AF78;
}

.lf-sky {
    background: #6AC4F9;
}

.lf-yellow {
    background: #FCCA0A;
}

.lf-blue {
    background: #2B66F6;
}

.leak-fill b {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #F4EFE4;
    opacity: 0;
    transition: opacity 0.4s ease 0.6s;
}

.lf-sky b,
.lf-yellow b {
    color: #000;
}

.js .in-view .leak-fill b {
    opacity: 1;
}

#section6 {
    background-color: #F8F7F6;
    padding: 80px 0;
}

.align-block {
    display: flex;
    margin-bottom: 48px;
}

.align-stat-card {
    flex: 0 0 34%;
    background: #EF333E;
    padding: 40px 38px;
    color: #fff;
}

.align-eyebrow {
    display: block;
    font-size: 24px;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    padding-bottom: 10px;
    margin-bottom: 18px;
}

.align-num.big-stat {
    color: #fff;
    font-size: 10.5em;
    margin-bottom: 0px;
    max-width: 300px;
}

.align-stat-card p {
    font-size: 18px;
    line-height: 1.45;
    margin: 0;
    color: #fff;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
}

.align-chart {
    flex: 1;
    background: #fff;
    padding: 32px 0 0;
}

.align-chart-caption {
    font-size: 17px;
    color: #1A1714;
    font-family: 'Zoho_Puvi_Medium', sans-serif;
    margin: 0 40px 20px 40px;
}

.align-svg {
    width: 100%;
    height: auto;
}

.align-closing {
    max-width: 1166px;
    line-height: 1.8;
}

#conclusion {
    background: #fff;
}

.s2-intro-para {
    max-width: 680px;
    line-height: 1.8;
    margin-bottom: 22px;
    color: #1A1714;
}

.s3-line-block {
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.s3-combo-text {
    margin-bottom: 40px;
}

.s3-combo-text p {
    line-height: 1.7;
    width: 80%;
    margin: 0 auto 40px;
}

.chart-dot circle {
    stroke-width: 2;
}

.bud-chart {
    padding: 32px 40px 28px;
    margin-bottom: 64px;
}

.bud-legend {
    margin: 0 20px 34px auto;
}

.bud-body {
    display: flex;
    gap: 14px;
}

.bud-yaxis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    font-size: 13px;
    color: #CFC9BE;

    padding-bottom: 32px;
}

.bud-yaxis span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 0;
}

.bud-cols {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    position: relative;
}

.bud-plot {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    pointer-events: none;
}

.bud-gridlines {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bud-gridlines span {
    display: block;
    height: 0;
    border-top: 1px dashed rgba(255, 255, 255, 0.16);
}

.bud-yaxis-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.4);
}

.bud-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 360px;
    justify-content: flex-end;
}

.bud-col {
    width: 110px;
    height: 328px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bud-seg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bud-green {
    background: #52C17C;
}

.bud-blue {
    background: #2B66F6;
}

.bud-orange {
    background: #EE6B23;
}

.bud-seg b {
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #fff;
}

.bud-seg b.bud-out {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    color: #F4EFE4;
}

.bud-label {
    margin-top: 12px;
    font-size: 14px;
    color: #fff;
    height: 20px;
    font-family: 'Zoho_Puvi_Regular', sans-serif;
}

.js .bud-col {
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.js [data-animate="stacked-cols"].in-view .bud-col {
    transform: scaleY(1);
}

.js [data-animate="stacked-cols"].in-view .bud-item:nth-child(2) .bud-col {
    transition-delay: 110ms;
}

.js [data-animate="stacked-cols"].in-view .bud-item:nth-child(3) .bud-col {
    transition-delay: 220ms;
}

.js [data-animate="stacked-cols"].in-view .bud-item:nth-child(4) .bud-col {
    transition-delay: 330ms;
}

.js [data-animate="stacked-cols"].in-view .bud-item:nth-child(5) .bud-col {
    transition-delay: 440ms;
}

.js .bud-seg b {
    opacity: 0;
    transition: opacity 0.4s ease 0.7s;
}

.js [data-animate="stacked-cols"].in-view .bud-seg b {
    opacity: 1;
}

.prio-panel {
    background: #1D1915;
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 48px 0 0px;
}

.prio-panel-text {
    margin: 0 60px 44px;
}

.prio-panel-text p {
    line-height: 1.7;
}

.prio-panel .prio-table-wrap {
    margin-bottom: 0;
}



.ai-chart {
    border: 1px solid #E3DFD6;
}



.fix #top-header{display:none;}
#subscribe-section{display:none;}


@media print,
screen and (max-width: 1300px) {
    .me-container {
        max-width: 90%;
    }
}

@media print,
screen and (max-width: 1025px) {
    .me-row>.me-medium-1 {
        width: calc(8.3333333333% - 1.875rem);
    }

    .me-row>.me-medium-2 {
        width: calc(16.6666666667% - 1.875rem);
    }

    .me-row>.me-medium-3 {
        width: calc(25% - 1.875rem);
    }

    .me-row>.me-medium-4 {
        width: calc(33.3333333333% - 1.875rem);
    }

    .me-row>.me-medium-5 {
        width: calc(41.6666666667% - 1.875rem);
    }

    .me-row>.me-medium-6 {
        width: calc(50% - 1.875rem);
    }

    .me-row>.me-medium-7 {
        width: calc(58.3333333333% - 1.875rem);
    }

    .me-row>.me-medium-8 {
        width: calc(66.6666666667% - 1.875rem);
    }

    .me-row>.me-medium-9 {
        width: calc(75% - 1.875rem);
    }

    .me-row>.me-medium-10 {
        width: calc(83.3333333333% - 1.875rem);
    }

    .me-row>.me-medium-11 {
        width: calc(91.6666666667% - 1.875rem);
    }

    .me-row>.me-medium-12 {
        width: calc(100% - 1.875rem);
    }

    .me-row>.me-medium-shrink {
        width: auto;
    }

    .me-row>.me-medium-1,
    .me-row>.me-medium-2,
    .me-row>.me-medium-3,
    .me-row>.me-medium-4,
    .me-row>.me-medium-5,
    .me-row>.me-medium-6,
    .me-row>.me-medium-7,
    .me-row>.me-medium-8,
    .me-row>.me-medium-9,
    .me-row>.me-medium-10,
    .me-row>.me-medium-11,
    .me-row>.me-medium-12,
    .me-row>.me-medium-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media print,
screen and (max-width: 768px) {
    .me-row {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }

    .me-row>.me-cell {
        width: calc(100% - 1.25rem);
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }

    .me-row>.me-small-1 {
        width: calc(8.3333333333% - 1.25rem);
    }

    .me-row>.me-small-2 {
        width: calc(16.6666666667% - 1.25rem);
    }

    .me-row>.me-small-3 {
        width: calc(25% - 1.25rem);
    }

    .me-row>.me-small-4 {
        width: calc(33.3333333333% - 1.25rem);
    }

    .me-row>.me-small-5 {
        width: calc(41.6666666667% - 1.25rem);
    }

    .me-row>.me-small-6 {
        width: calc(50% - 1.25rem);
    }

    .me-row>.me-small-7 {
        width: calc(58.3333333333% - 1.25rem);
    }

    .me-row>.me-small-8 {
        width: calc(66.6666666667% - 1.25rem);
    }

    .me-row>.me-small-9 {
        width: calc(75% - 1.25rem);
    }

    .me-row>.me-small-10 {
        width: calc(83.3333333333% - 1.25rem);
    }

    .me-row>.me-small-11 {
        width: calc(91.6666666667% - 1.25rem);
    }

    .me-row>.me-small-12 {
        width: calc(100% - 1.25rem);
    }

    .me-row>.me-small-shrink {
        width: auto;
    }

    .me-row>.me-small-1,
    .me-row>.me-small-2,
    .me-row>.me-small-3,
    .me-row>.me-small-4,
    .me-row>.me-small-5,
    .me-row>.me-small-6,
    .me-row>.me-small-7,
    .me-row>.me-small-8,
    .me-row>.me-small-9,
    .me-row>.me-small-10,
    .me-row>.me-small-11,
    .me-row>.me-small-12,
    .me-row>.me-small-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media print,
screen and (max-width: 1025px) {
    .me-row.rv-space>.me-medium-1 {
        width: 8.3333333333%;
    }

    .me-row.rv-space>.me-medium-2 {
        width: 16.6666666667%;
    }

    .me-row.rv-space>.me-medium-3 {
        width: 25%;
    }

    .me-row.rv-space>.me-medium-4 {
        width: 33.3333333333%;
    }

    .me-row.rv-space>.me-medium-5 {
        width: 41.6666666667%;
    }

    .me-row.rv-space>.me-medium-6 {
        width: 50%;
    }

    .me-row.rv-space>.me-medium-7 {
        width: 58.3333333333%;
    }

    .me-row.rv-space>.me-medium-8 {
        width: 66.6666666667%;
    }

    .me-row.rv-space>.me-medium-9 {
        width: 75%;
    }

    .me-row.rv-space>.me-medium-10 {
        width: 83.3333333333%;
    }

    .me-row.rv-space>.me-medium-11 {
        width: 91.6666666667%;
    }

    .me-row.rv-space>.me-medium-12 {
        width: 100%;
    }
}

@media print,
screen and (max-width: 768px) {
    .me-row.rv-space>.me-small-1 {
        width: 8.3333333333%;
    }

    .me-row.rv-space>.me-small-2 {
        width: 16.6666666667%;
    }

    .me-row.rv-space>.me-small-3 {
        width: 25%;
    }

    .me-row.rv-space>.me-small-4 {
        width: 33.3333333333%;
    }

    .me-row.rv-space>.me-small-5 {
        width: 41.6666666667%;
    }

    .me-row.rv-space>.me-small-6 {
        width: 50%;
    }

    .me-row.rv-space>.me-small-7 {
        width: 58.3333333333%;
    }

    .me-row.rv-space>.me-small-8 {
        width: 66.6666666667%;
    }

    .me-row.rv-space>.me-small-9 {
        width: 75%;
    }

    .me-row.rv-space>.me-small-10 {
        width: 83.3333333333%;
    }

    .me-row.rv-space>.me-small-11 {
        width: 91.6666666667%;
    }

    .me-row.rv-space>.me-small-12 {
        width: 100%;
    }
}

@media (prefers-reduced-motion:reduce) {

    .scroll-anim,
    .scroll-anim-scale {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@media only screen and (max-width:1250px) {
    .me-container {
        max-width: 90%;
        padding: 0;
    }

    .card-panel .card-left p br {
        display: none;
    }
}

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

    #banner h1 br {
        display: none;
    }

    .secondary-tab-menu li a {
        font-size: 12px;
    }


    .s3-split-num.big-stat{
        font-size: 7em;
    }

}

@media only screen and (max-width:1120px) {
    .s4-agda-xl.big-stat {
        font-size: 140px;
    }
}

@media only screen and (max-width:1025px) {
    #header-mainsec .headerinner {
        height: 57px;
        position: fixed;
        padding: 10px 0;
        z-index: 99999;
        width: 100%;
        top: 0;
    }

    #tab-secondary-menu {
        display: none;
    }

    #commonHeader {
        min-height: 64px;
        height: 64px;
    }

    .tab-hide {
        display: none;
    }

    #banner {
        text-align: center;
    }

    .banner-cube {
        width: auto;
        margin-top: 40px;
    }

    .banner-cube img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .s2-donut-label {
        width: 80%;
    }

    .s2-donuts-five {
        justify-content: flex-start;
    }

    .fail-callout {
        margin: 32px 0;
    }

    .fail-card {
        min-height: 220px;
    }

    #section3 p {
        margin-bottom: 16px;
    }

    #section3 .s3-bottom-right p {
        margin-bottom: 0;
    }

    .s4-agda-xl.big-stat {
        font-size: 140px;
    }

    .s3-callout-num.big-stat {
        font-size: 72px;
    }

    .s3-budget-pct.big-stat {
        font-size: 64px;
    }

    .s4-align-pct.big-stat {
        font-size: 90px;
    }

    .s4-ob-pct {
        font-size: 68px;
    }

    .s2-prio-label {
        flex: 0 0 40%;
        font-size: 0.9em;
    }

    .s2-prio-xaxis-spacer {
        flex: 0 0 40%;
    }

    .budget-main {
        padding: 16px;
    }

}

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

    #banner {
        min-height: auto;
    }

    .banner-inner {
        min-height: auto;
        padding: 60px 0;
        flex-wrap: wrap;
    }

    .banner-left {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .banner-right {
        justify-content: flex-start;
    }

    .banner-cube {
        max-width: 380px;
    }

    #banner h1 {
        font-size: 2.8em;
    }

    .card-panel {
        min-height: auto;
        width: 100%;
    }

    .card-right .card-panel {
        margin-top: 200px;
        float: none;
    }

    .intro {
        max-width: 100%;
    }

    .s2-para {
        width: 75%;
    }

    .s3-label-col {
        flex: 0 0 140px;
    }

    .s3-xaxis-spacer {
        flex: 0 0 140px;
    }

    .s3-hbar-label {
        font-size: 14px;
    }

    .s3-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .s3-subtitle {
        font-size: 22px;
        line-height: 1.3;
    }

    .s4-cyber-stat {
        flex-direction: column;
        gap: 8px;
    }

    .s4-cyber-row {
        flex-direction: column;
    }

    .s4-cyber-text {
        flex: 1 1 auto;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .s4-cyber-blocks {
        flex: 1 1 auto;
        width: 100%;
    }

    .s4-card {
        min-height: 160px;
    }

    .s4-agda-xl.big-stat {
        font-size: 130px;
    }

    .s5-stat-block .big-stat {
        font-size: 4.5em;
    }

    .key-numbers {
        gap: 20px;
    }

    .key-number .big-stat {
        font-size: 3.5em;
    }

    #conclusion p {
        width: 100%;
    }

    .conclusion-image img {
        width: 100%;
        max-width: 400px;
        margin: 20px auto 0;
    }

    .ebook-banner img {
        display: none;
    }
}

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

    .fail-card {
        min-height: 158px;
    }

    .fail-label {
        font-size: 18px;
    }

    .s3-lead {
        max-width: 80%;
        width: 80%;
    }
}

@media only screen and (max-width:767px) {
    .mob-hide {
        display: none !important;
    }

    .desk-hide {
        display: block !important;
    }

    .banner-tab-list li a {
        padding: 12px 16px;
        font-size: 13px;
    }

    .banner-tab-list li:first-child a {
        padding-left: 0;
    }

    .banner-inner {
        padding: 40px 0 50px;
    }

    .banner-cube {
        max-width: 280px;
        margin-top: 0;
    }

    .banner-subtitle {
        display: none;
    }

    section {
        padding: 80px 0;
    }

    #section1 {
        padding: 60px 0;
    }

    .sec-subheading {
        width: 80%;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .sec-heading {
        font-size: 1.8em;
    }

    .bp-image img {
        max-width: 40%;
    }

    #section2 .sec-subheading {
        width: 100%;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .s2-left-col {
        margin-bottom: 20px;
    }

    .s2-left-col p {
        width: 100%;
    }

    .s2-bottom-stats {
        flex-direction: column;
    }

    .s2-bottom-col {
        flex: none;
    }

    .s2-donuts-row {
        flex-direction: column;
        align-items: center;
    }

    .s2-donut-label {
        width: 100%;
    }

    .s2-barchart-left {
        font-size: 11px;
        min-width: 22px;
        height: 280px;
    }

    .s2-barchart-body {
        height: 280px;
    }

    .s2-xlabels span {
        font-size: 11px;
    }

    .s2-bar b {
        font-size: 18px;
    }

    .s2-para {
        width: 100%;
    }

    .s2-donut-wrap {
        width: 120px;
        height: 120px;
        margin: 0;
        flex: 0 0 120px;
    }

    .s2-donut-caption {
        max-width: none;
        text-align: left;
    }

    .s2-donuts-row {
        align-items: start;
    }

    .s2-donut-item {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        padding: 12px 16px;
        max-width: none;
    }

    .s3-label-col {
        flex: 0 0 90px;
    }

    .s3-xaxis-spacer {
        flex: 0 0 90px;
    }

    .s3-hbar-label {
        font-size: 12px;
        padding-right: 6px;
    }

    .s3-hbar-pct {
        font-size: 14px;
        padding-right: 6px;
    }

    .s3-callout {
        flex-direction: column;
    }

    .s3-stat-left {
        flex: none;
        padding: 24px 20px;
    }

    .s3-stat-right {
        padding: 24px 0px;
    }

    .s3-stat-num.big-stat {
        font-size: 80px;
    }

    .s3-bottom-cols {
        flex-direction: column;
    }

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

    .cyber-num.big-stat , .leak-intro {
        border-bottom: none;
    }


    .s4-card .big-stat {
        font-size: 4.5em;
        text-align: left;
    }

    .s4-cyber-stat .big-stat {
        font-size: 4.5em;
    }

    .s4-card-row {
        flex-direction: column;
        gap: 16px;
    }

    .s4-card-row .s4-card {
        flex: 1 1 auto !important;
        width: 100%;
    }

    .s4-cyber-red,
    .s4-cyber-pink {
        flex: 1 1 0;
    }

    .s4-cyber-stat {
        padding: 24px 16px;
    }

    .s4-flush-stats {
        flex-direction: column;
        gap: 16px;
    }

    .s4-flush-block {
        flex: 1 1 auto;
    }

    .s4-donut-row {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .s4-donut-item {
        flex: 1 1 auto;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        text-align: left;
    }

    .s4-donut-wrap {
        width: 120px;
        height: 120px;
        margin: 0;
        flex: 0 0 120px;
    }

    .s5-stat-block .big-stat {
        font-size: 4em;
    }

    .s5-donut {
        width: 130px;
        height: 130px;
    }

    .s5-donut .inner-circle {
        font-size: 22px;
    }

    .ebook-banner {
        padding: 40px;
    }

    .ebook-banner h3 {
        font-size: 22px;
        text-align: center;
    }

    .download-button {
        width: 100%;
        text-align: center;
    }

    .conclusion-image {
        display: none;
    }

    .key-numbers {
        flex-direction: column;
        gap: 12px;
    }

    .key-number .big-stat {
        font-size: 3em;
    }

    .msgcon {
        width: 80%;
    }

    .s2-collapse-text {
        display: none;
    }

    .s2-ellipsis {
        display: inline;
        font-family: 'Zoho_Puvi_Regular';
        color: #000;
    }

    .s2-read-more-btn {
        display: block;
        margin-top: 10px;
        background: none;
        border: none;
        padding: 0;
        color: #007A44;
        font-family: 'Zoho_Puvi_SemiBold';
        font-size: 15px;
        cursor: pointer;
        text-decoration: underline;
    }

    .stat-label-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    #conclusion h2 {
        margin-bottom: 20px;
    }

    .card-panel.s2-expanded span.s2-collapse-text,
    .conclusion-text.s2-expanded span.s2-collapse-text {
        display: inline;
    }

    .card-panel.s2-expanded p.s2-collapse-text,
    .conclusion-text.s2-expanded p.s2-collapse-text {
        display: block;
    }

    .card-panel.s2-expanded .s2-ellipsis,
    .card-panel.s2-expanded .s2-read-more-btn,
    .conclusion-text.s2-expanded .s2-ellipsis,
    .conclusion-text.s2-expanded .s2-read-more-btn {
        display: none;
    }

    .s2-prio-item {
        flex-direction: column;
        margin-bottom: 22px;
    }

    .s2-prio-label {
        flex: 1 1 auto;
        justify-content: flex-start;
        text-align: left;
        padding: 0 0 10px;
    }

    .s2-prio-track {
        min-height: 64px;
    }

    .s2-prio-fill b {
        font-size: 18px;
        padding-right: 14px;
    }

    .s2-prio-xaxis-spacer {
        display: none;
    }

    .s3-top-callouts,
    .s3-budget-stats,
    .s3-charts-row {
        flex-direction: column;
    }

    .s3-callout-solid {
        flex: 1 1 auto;
        flex-direction: column;
        gap: 0;
        padding: 24px;
    }

    .s3-callout-solid p {
        margin-top: 12px;
    }

    .s3-callout-tint {
        padding: 24px;
    }

    .s3-budget-block {
        padding: 24px;
    }

    .s3-budget-blue .s3-budget-lower {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .s3-chart-card {
        padding: 24px 20px;
    }

    .s3-chart-card:last-child {
        border: none;
        padding: 0;
    }

    .s3-chart-card:last-child>p {
        margin-bottom: 0;
    }

    .s3-line-legend {
        flex-wrap: nowrap;
        margin: 0 0 -40px auto;
    }

    .s3-lead {
        max-width: 100%;
        width: 100%;
    }

    .budget-main{
        padding: 16px;
    }

    .s4-green-inner {
        flex-direction: column;
        gap: 12px;
    }

    .s4-green-inner .s4-body-text {
        margin-top: 0;
    }

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

    .bud-scroll-wrap .s3-line-legend{
        margin: 0 0 20px auto;
        min-width:500px;
    }

    .s4-obstacle-row {
        flex-direction: column;
        align-items: stretch;
    }

    .s4-obstacle,
    .s4-obstacle.s4-ob-orange {
        min-height: 180px;
    }

    .s4-risk-row {
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
    }

    .s4-risk-chart {
        padding-bottom: 56px;
    }

    .s4-risk-seg b {
        font-size: 15px;
        padding-left: 6px;
    }

    .s4-risk-label {
        font-size: 13px;
    }

    .s4-risk-green .s4-risk-label {
        left: 0;
    }

    .s4-align-stats {
        flex-direction: column;
    }

    .s4-align-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .s4-align-block p {
        max-width: 100%;
    }

    .s4-align-pct.big-stat {
        font-size: 72px;
    }

    .g-key {
        font-size: 12px;
    }

    .s3-line-legend .g-key{
        font-size: 12px;
    }

    .s3-line-legend{
        gap:15px;
        padding:12px;
    }
}

@media only screen and (max-width:580px) {
    #banner h1 {
        font-size: 2.2em;
        text-align: center;
    }

    .s2-donut-label br {
        display: none;
    }
}

@media only screen and (max-width:450px) {
    .bp-image img {
        max-width: 60%;
    }

    .s2-barchart {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }

    .s2-barchart-left {
        position: sticky;
        left: 0;
        background: #F8F7F6;
        z-index: 2;
    }

    .s2-barchart-main {
        min-width: 460px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .js h1[data-animate="heading-load"],
    .js [data-animate="heading-reveal"],
    .js .banner-subtitle,
    .js [data-animate="kpi-left"],
    .js [data-animate="kpi-right"],
    .js [data-animate="kpi-text"],
    .js .s2-gridlines span,
    .js .s2-barchart-body::after,
    .js .s2-bar b,
    .js .s2-xlabels span,
    .js .s2-donut-caption,
    .js [data-animate="bottom-stats"] .s2-bottom-orange,
    .js [data-animate="bottom-stats"] .s2-bottom-purple,
    .js [data-animate="bottom-stats"] .s2-bottom-blue {
        opacity: 1 !important;
        clip-path: none !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    .js .s2-bar {
        transform: scaleY(1) !important;
        transition: none !important;
    }

    .js .s2-donut-arc {
        stroke-dashoffset: var(--arc-offset, 0) !important;
        transition: none !important;
    }

    .s4-card:hover {
        transform: none;
        box-shadow: none;
    }
}

@media only screen and (max-width: 767px) {
    .js .s2-donuts-row.in-view .s2-donut-item:nth-child(2) .s2-donut-arc {
        transition-delay: 90ms;
    }

    .js .s2-donuts-row.in-view .s2-donut-item:nth-child(3) .s2-donut-arc {
        transition-delay: 180ms;
    }

    .js .s2-donuts-row.in-view .s2-donut-item:nth-child(1) .s2-donut-caption {
        transition-delay: 0ms;
    }

    .js .s2-donuts-row.in-view .s2-donut-item:nth-child(2) .s2-donut-caption {
        transition-delay: 90ms;
    }

    .js .s2-donuts-row.in-view .s2-donut-item:nth-child(3) .s2-donut-caption {
        transition-delay: 180ms;
    }

    .js [data-animate="bottom-stats"].in-view .s2-bottom-purple {
        transition-delay: 48ms;
    }

    .js [data-animate="bottom-stats"].in-view .s2-bottom-blue {
        transition-delay: 96ms;
    }

    .js [data-animate="card-row"].in-view .s4-card:nth-child(2) {
        transition-delay: 60ms;
    }

    .js [data-animate="card-row"].in-view .s4-card:nth-child(3) {
        transition-delay: 120ms;
    }

    .js [data-animate="s4-donut-row"].in-view .s4-donut-item:nth-child(2) {
        transition-delay: 72ms;
    }

    .js [data-animate="s4-donut-row"].in-view .s4-donut-item:nth-child(3) {
        transition-delay: 144ms;
    }
}

@media (prefers-reduced-motion: reduce) {

    .js [data-animate="subheading-reveal"],
    .js [data-animate="card-row"] .s4-card,
    .js [data-animate="s4-donut-row"] .s4-donut-item,
    .js [data-animate="stat-card-reveal"],
    .js [data-animate="hbar-fade"],
    .js [data-animate="conclusion-paras"] p {
        opacity: 1 !important;
        clip-path: none !important;
        transform: none !important;
        transition: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .js .s2-prio-fill b,
    .js [data-animate="s3-charts"] .s3-pie-group,
    .js [data-animate="s3-charts"] .svg-label-group,
    .js [data-animate="s3-charts"] .s3-chart-card,
    .js [data-animate="risk-bar"] .s4-risk-bar,
    .js [data-animate="risk-bar"] .s4-risk-label,
    .js [data-animate="stat-row"]>*,
    .person {
        opacity: 1 !important;
        clip-path: none !important;
        transform: none !important;
        transition: none !important;
    }

    .js .s3-donut-seg {
        stroke-dasharray: var(--seg) !important;
        transition: none !important;
    }
}

@media only screen and (max-width: 1050px) {
    .ai-seg b {
        left: 3px;
    }
}

@media only screen and (max-width: 1025px) {
    .g-bar {
        width: 24px;
    }

    .s2-donuts-five .s2-donut-item {
        width: 33%;
        margin-bottom: 32px;
    }

    .fail-cards {
        flex-wrap: wrap;
    }

    .fail-card {
        flex: 1 1 calc(33.33% - 10px);
    }

    .s3-split-cards,
    .s3-sprawl-cards {
        flex-direction: column;
    }

    .s3-split-yellow,
    .s3-sprawl-green {
        flex: 1 1 auto;
    }

    .budget-trio {
        flex-direction: column;
    }

    .budget-main {
        flex: 1 1 auto;
    }

    .cyber-block,
    .leak-block,
    .align-block {
        flex-direction: column;
    }

    .cyber-stat-card,
    .align-stat-card {
        flex: 1 1 auto;
    }

    .report-cta-heading{
        font-size: 24px;
    }

    #report-cta{
        padding:40px 0;
    }

    .report-cta-image{
        width: 300px;
    }
}

@media only screen and (max-width: 1000px) {
    .ai-seg b {
        left: 3px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .report-cta-inner {
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }

    .report-cta-content {
        max-width: 100%;
        gap: 24px;
        text-align: center;
    }

    .report-cta-heading {
        font-size: 24px;
    }

    .report-cta-btn.download-button {
        padding: 7px 7px 7px 18px;
        margin: 0 auto;
        width: fit-content;
    }

    .report-cta-btn span:first-child {
        font-size: 16px;
        white-space: normal;
    }

    .report-cta-image {
        width: 280px;
        align-self: center;
    }

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

    .survey-intro {
        max-width: 95%;
    }

    .country-block {
        flex: 1 1 100% !important;
        min-height: 120px;
    }

    .country-num {
        font-size: 56px;
    }

    .region-link img,
    .region-link svg,
    .region-link .map-icon {
        display: none;
    }

    .region-link {
        border: 1px solid #000;
        background: #000;
        gap: 20px;
        margin-bottom: 0px;
        min-height: 60px;
    }

    .region-links {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 4px;
    }

    .region-link {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .region-link:nth-child(1),
    .region-link:nth-child(2) {
        grid-column: span 3;
    }

    .region-link:nth-child(3),
    .region-link:nth-child(4),
    .region-link:nth-child(5) {
        grid-column: span 2;
    }

    .region-link span{
        color: #fff;
        text-transform:capitalize;
        text-align:center;
    }

    .region-link::before {
        display: none;
    }

    .g-chart {
        padding: 24px 16px;
    }

    .g-chart-body {
        height: 300px;
    }

    .g-bar {
        width: 12px;
    }

    .g-bar b {
        font-size: 9px;
    }

    .g-group {
        gap: 2px;
    }

    .g-xlabels {
        flex-wrap: wrap;
        padding-left: 16px;
    }

    .g-xlabels span {
        flex: 1 1 45%;
        max-width: none;
        font-size: 13px;
    }

    .gm-groups .g-group {
        width: 100%;
        gap: 14px;
    }

    .gm-groups .g-bar {
        width: auto;
        flex: 1;
    }

    .gm-groups .g-bar b {
        font-size: 15px;
    }

    .gm-xlabels {
        display: flex;
        justify-content: space-between;
        gap: 14px;
        padding: 16px 4px 0;
    }

    .gm-xlabels span {
        flex: 1;
        text-align: center;
        font-size: 13px;
        color: #2B2B2B;
        font-family: 'Zoho_Puvi_SemiBold', sans-serif;
    }

    .s2-donuts-five .s2-donut-item {
        width: 100%;
    }

    .fail-card {
        flex: 1 1 100%;
        min-height: 150px;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "icon country"
            "label pct";
        row-gap: 16px;
    }

    .fail-icon {
        align-self: center;
    }

    .fail-country {
        align-self: center;
        max-width: 140px;
    }

    .fail-label {
        font-size: 20px;
        align-self: end;
        justify-self: start;
    }

    .fail-pct {
        align-self: end;
        justify-self: end;
    }

    .fail-callout p {
        font-size: 16px;
    }

    .bubble span {
        font-size: 14px;
    }

    .bubble-row {
        position: relative;
        display: block;
        width: 100%;
        aspect-ratio: 6 / 5;
        margin: 0 auto;
    }

    .bubble-row .bubble {
        position: absolute;
        height: auto;
        aspect-ratio: 1;
    }

    .bubble-dr {
        width: 44%;
        top: 2%;
        left: 10%;
    }

    .bubble-brazil {
        width: 37%;
        top: 13%;
        left: 54%;
    }

    .bubble-mexico {
        width: 34%;
        top: 49%;
        left: 34%;
    }

    .bubble-colombia {
        width: 31%;
        top: 64%;
        left: 5%;
    }

    .bubble-chile {
        width: 27%;
        top: 66%;
        left: 66%;
    }

    .budget-main-lower,
    .budget-side-lower {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .ai-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ai-row-label {
        flex: none;
    }

    .ai-track {
        flex: none;
        width: 100%;
    }

    .ai-legend {
        flex-wrap: nowrap;
    }

    .ai-seg b {
        font-size: 11px;
    }

    .cyber-row,
    .leak-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .cyber-row-label,
    .leak-row-label {
        flex: none;
    }

    .cyber-track,
    .leak-track {
        flex: none;
        width: 100%;
        height: 44px;
    }

    .s4-obstacle-stepped .s4-obstacle:nth-child(1) {
        min-height: 0;
    }

    .s4-obstacle-stepped .s4-obstacle:nth-child(2) {
        min-height: 0;
    }

    .s4-obstacle-stepped .s4-obstacle:nth-child(3) {
        min-height: 0;
    }

    .prio-table th,
    .prio-table td {
        font-size: 13px;
        padding: 14px 10px;
    }

    .prio-table-mobile th:first-child {
        width: 19%;
    }

    .prio-table-mobile thead th {
        font-size: 11px;
        padding: 10px 4px;
        color: #fff;
        font-family: 'Zoho_Puvi_Regular', sans-serif;
        border:0.5px solid #4D4D4D;
        min-width:130px;
    }

    .prio-table-mobile tbody th[scope="row"] {
        font-size: 12px;
        padding: 12px 0px 12px 15px;
    }

    .prio-table-mobile tbody td {
        font-size: 13px;
        padding: 12px 3px;
        border:0.5px solid #4D4D4D;
    }

    .prio-panel-text{
        padding: 0 20px;
    }

    .cyber-num.big-stat,
    .align-num.big-stat {
        font-size: 7em;
    }

    .s3-split-num.big-stat,
    .s3-sprawl-num.big-stat {
        font-size: 6.5em;
    }

    .budget-pct.big-stat {
        font-size: 6.5em;
    }
}

@media (prefers-reduced-motion: reduce) {

    .country-block,
    .fail-card,
    .bubble,
    .g-gridlines span,
    .js .g-bar,
    .js .g-bar b,
    .js .chart-line,
    .js .s3-area-fill,
    .js .align-area,
    .ai-seg b,
    .cyber-seg b,
    .leak-fill b {
        opacity: 1;
        transform: none;
        transition: none;
        stroke-dashoffset: 0;
    }
}

@media only screen and (max-width: 1025px) {
    .bud-col {
        width: 80px;
    }
}


@media only screen and (max-width: 1025px) {
    #tab-secondary-menu {
        display: none;
    }

    #commonHeader {
        min-height: 64px;
        height: 64px;
    }

    #header-mainsec .headerinner {
        position: fixed;
        z-index: 99999;
        top: 0;
        width: 100%;
    }

    #top-header {
        padding: 18px 0;
        position: fixed;
    }
    .fix #top-header {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .bud-chart {
        padding: 20px 14px;
    }

    .bud-item {
        height: 240px;
    }

    .bud-col {
        width: 52px;
        height: 212px;
    }

    .bud-plot {
        bottom: 28px;
    }

    .bud-seg b {
        font-size: 10px;
    }

    .bud-label {
        font-size: 11px;
    }

    .g-legend {
        margin: 0 0 24px;
        padding: 10px 14px;
        gap: 14px;
    }

    .region-link {
        flex: 1 1 33%;
    }
}

@media only screen and (max-width: 420px) {
    .bubble span {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .js .bud-col,
    .js .bud-seg b {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

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

    .g-chart.desk-hide {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .g-chart.desk-hide .g-chart-main,
    .g-chart.desk-hide .gm-xlabels {
        min-width: 400px;
    }

    .s3-chart-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .s3-chart-scroll .s3-line-legend,
    .s3-chart-scroll .s3-multi-svg {
        min-width: 580px;
    }

    .bud-scroll-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .bud-scroll-wrap .bud-body {
        min-width: 500px;
    }

    .ai-chart {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ai-chart .ai-rows {
        min-width: 480px;
    }

    .cyber-bars {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .cyber-bars .cyber-legend {
        min-width: 440px;
    }

    .cyber-bars .cyber-row {
        min-width: 440px;
    }

    .leak-bars {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .leak-bars .leak-row {
        min-width: 440px;
    }
}



@media only screen and (max-width: 650px) {
    #top-header {
        padding: 15px 0;
        position: fixed;
    }

    .site-logo {
        width: 160px;
    }

    .logo-brand:before {
        display: none;
    }

    .logo-brand {
        font-size: 1.4em;
    }
}

.stribe-ai-banner{
    display: none !important;
}