@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;
}

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

.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;
}

@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;
    }
}

.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%;
}

@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%;
    }
}

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, 220, 216, 1);
    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 #FE4937;
}

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

@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, #ffffff 0%, rgba(254, 73, 55, 0.2) 100%);
    background-color: #fff;
    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;
}

#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;
    padding-top: 8px;
    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-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;
}

.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;
}

.s2-bottom-infra {
    background: url('https://www.manageengine.com/images/mexico-survey-icons.svg');
    background-position: 726px 0;
}

.s2-bottom-star {
    background: url('https://www.manageengine.com/images/mexico-survey-icons.svg');
    background-position: 456px 0;
}

.s2-bottom-collaboration {
    background: url('https://www.manageengine.com/images/mexico-survey-icons.svg');
    background-position: 195px 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: 1px solid #666666;
    border-bottom: 1px 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: #666666;
}

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


.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;
    border-radius: 4px;
    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-person-svg .mx-person {
    fill: #269871;
}

.js .s4-person-svg .mx-person {
    transition: fill 650ms var(--ease-reveal);
}

.js [data-animate="card-row"].in-view .s4-person-svg .mx-person {
    fill: #ffffff;
}

.js .s4-person-svg .mx-person:nth-of-type(1) {
    transition-delay: 120ms;
}

.js .s4-person-svg .mx-person:nth-of-type(2) {
    transition-delay: 200ms;
}

.js .s4-person-svg .mx-person:nth-of-type(3) {
    transition-delay: 280ms;
}

.js .s4-person-svg .mx-person:nth-of-type(4) {
    transition-delay: 360ms;
}

.js .s4-person-svg .mx-person:nth-of-type(5) {
    transition-delay: 440ms;
}

.js .s4-person-svg .mx-person:nth-of-type(6) {
    transition-delay: 520ms;
}

.js .s4-person-svg .mx-person:nth-of-type(7) {
    transition-delay: 600ms;
}

.js .s4-person-svg .mx-person:nth-of-type(8) {
    transition-delay: 680ms;
}

.js .s4-person-svg .mx-person:nth-of-type(9) {
    transition-delay: 760ms;
}

.js .s4-person-svg .mx-person:nth-of-type(10) {
    transition-delay: 840ms;
}

.js .s4-person-svg .mx-last-fill {
    opacity: 0;
    transition: opacity 650ms var(--ease-reveal) 840ms;
}

.js [data-animate="card-row"].in-view .s4-person-svg .mx-last-fill {
    opacity: 1;
}

.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: 8em;
    font-family: 'Zoho_Puvi_Bold';
    line-height: 1;
    color: #F5C842;
    margin-bottom: 20px;
    transform: scaleY(1.4);
    display: block;
}

.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);
}

@media (prefers-reduced-motion:reduce) {

    .scroll-anim,
    .scroll-anim-scale {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

.overlay,
.overlay * {
    box-sizing: border-box;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 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 rgba(0, 0, 0, 0.26);
    border-radius: 3px;
    z-index: 99;
}

span.close {
    position: absolute;
    z-index: 999;
    top: 6px;
    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: #007A44;
}

span.close:hover {
    color: #A8F0C0;
}

.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: #007A44;
}

.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;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    height: 48px;
    border: 1px solid #c9c6c6;
    transition: border ease .9s;
}

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

.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 select {
    opacity: 0;
    background: url(https://www.manageengine.com/government/images/arrow.png) no-repeat !important;
    background-position: 98% !important;
}

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

.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: 0;
    left: 0;
}

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

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

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

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

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

.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;
    border: none;
    background: #F5C842;
}

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

.active-row.form-control::before {
    border-top-color: #007A44;
    border-right-color: #007A44;
    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: #007A44;
    border-left-color: #007A44;
    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.form_dropdown {
    height: 48px;
}

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

p.privacy-policy a {
    color: #000;
    text-decoration: underline !important;
}

.success-down-msg {
    background: rgba(0, 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: #007A44;
    padding: 40px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    line-height: 1.5;
}

.msgcon h3 {
    font-weight: 500;
    font-size: 1.5em;
    font-family: 'Zoho_Puvi_SemiBold';
    margin: 0 0 10px;
}

.msg-close {
    position: absolute;
    z-index: 999;
    top: 1px;
    right: 1px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    border-radius: 6px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 30px;
    font-family: 'Zoho_Puvi_Medium';
}

.msg-close:hover {
    opacity: 0.8;
}

.msg-span {
    font-weight: 300;
    display: block;
}

.privacy-policy,
.privacy-policy a {
    color: #fff;
}

@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:1120px) {
    .s4-agda-xl.big-stat {
        font-size: 140px;
    }
}

@media only screen and (max-width:1025px) {
    #header-mainsec .headerinner {
        height: 50px !important;
        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;
    }

    #section3 p {
        margin-bottom: 16px;
    }

    #section3 .s3-bottom-right p {
        margin-bottom: 0;
    }

    .s4-agda-xl.big-stat {
        font-size: 140px;
    }

}

@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%;
        margin-bottom: 0;
    }

    .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) {}

@media only screen and (max-width:767px) {
    .mob-hide {
        display: none !important;
    }

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


    #banner h1 {
        font-size: 2.2em;
        text-align: center;
    }

    .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: 90%;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .sec-heading {
        font-size: 1.8em;
    }

    .card-panel .card-num {
        font-size: 7em;
    }



    #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-barchart-left {
        font-size: 11px;
        min-width: 22px;
        height: 280px;
        padding: 8px 0;
    }

    .s2-barchart-body {
        height: 280px;

    }

    .s2-xlabels span {
        font-size: 11px;
    }

    .s2-xlabels br {
        display: none;
    }

    .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;
    }

    .s4-card .big-stat {
        font-size: 6.5em;
        text-align: left;
    }

    .s4-cyber-stat .big-stat {
        font-size: 4.5em;
    }

    .s4-green-inner .s4-agda-stat.big-stat {
        font-size: 150px;
    }


    .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;
    }

    .s4-align-bloc .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;
    }
}

@media only screen and (max-width:580px) {
    .s2-donut-label br {
        display: none;
    }
}

@media only screen and (max-width:450px) {
    .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;
    }
}

: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"],
.js [data-animate="kpi-left"].in-view {
    clip-path: none;
    transform: none;
    opacity: 1;
}

.js [data-animate="kpi-right"],
.js [data-animate="kpi-right"].in-view {
    clip-path: none;
    transform: none;
    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);
}

@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;
    }
}

.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: 0ms;
}

@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;
    }
}

.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-plot {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 18px 0;
}

.s2-prio-grid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 36%;
    right: 0;
    pointer-events: none;
    border-top: 1px dashed #cbcbcb;
    border-bottom: 1px solid #666666;
    z-index: 0;
}

.s2-prio-grid span {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px dashed #cbcbcb;
}

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

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

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

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

.s2-prio-item {
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 1;
}

.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-label strong {
    font-weight: inherit;
    font-family: inherit;
}

.s2-prio-track {
    flex: 1;
    position: relative;
    min-height: 132px;

    isolation: isolate;
}

.s2-prio-track::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px dashed #cbcbcb;
    z-index: 0;
    pointer-events: none;
}

.s2-prio-track::after {
    bottom: 60px;
}

.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);

    z-index: 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;
}

#section3 .s3-budget-block.s3-budget-pink p {
    color: #000;
}

.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;
}

.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 {
    /* segments handle their own reveal via stroke-dasharray */
}

.js [data-animate="s3-charts"].in-view .s3-pie-group {
    /* no-op: kept for specificity symmetry */
}

/* Per-slice draw animation */
.js .s3-pie-seg {
    stroke-dasharray: 0 565.5;
    transition: stroke-dasharray 900ms var(--ease-reveal);
}

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

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

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

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

.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) 1100ms;
}

.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: 20px;
    min-height: 207px;
    display: flex;
    flex-direction: column;
}

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

.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;
}

.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: 80px;
    height: 85px;
}

.s4-ob-orange .s4-ob-icon {
    background: url('https://www.manageengine.com/images/mexico-survey-icons.svg');
    background-position: 0px -170px;
}

.s4-ob-purple .s4-ob-icon {
    width: 100px;
    height: 100px;
    background: url('https://www.manageengine.com/images/mexico-survey-icons.svg');
    background-position: -390px -152px;
}

.s4-ob-blue .s4-ob-icon {
    background: url('https://www.manageengine.com/images/mexico-survey-icons.svg');
    background-position: 80px -170px;
}

.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;

    padding-right: 46px;
}

.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: 32px;
    color: #000;
    padding-left: 16px;
    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: 10px;
}

.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: -60px;
    text-align: right;

}

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

.js [data-animate="risk-bar"].in-view .s4-risk-bar {
    clip-path: inset(0 -14% -48px 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;
}

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

.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;
}

@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 .s4-person-svg .mx-person {
        fill: #ffffff !important;
        transition: none !important;
    }

    .js .s4-person-svg .mx-last-fill {
        opacity: 1 !important;
        transition: none !important;
    }

    .js .s3-donut-seg {
        stroke-dasharray: var(--seg) !important;
        transition: none !important;
    }

    .js .s3-pie-seg {
        stroke-dasharray: var(--dash) !important;
        transition: none !important;
    }
}

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

    .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-grid {
        left: 40%;
    }

    .s2-prio-xaxis-spacer {
        flex: 0 0 40%;
    }

    .s4-risk-label {
        font-size: 14px;
    }

    .s4-risk-blue .s4-risk-label {
        right: -50px;
    }
}

@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) {


    .s2-prio-plot {
        display: block;
        gap: 0;
        padding: 0;
    }

    .s2-prio-grid {
        display: none;
    }

    .s2-prio-item {
        display: block;
        position: relative;
        padding-left: 22px;
        margin-bottom: 22px;
    }

    .s2-prio-item::before {
        content: '';
        position: absolute;
        left: 4px;
        top: 10px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #000;
    }

    .s2-prio-track::after {
        display: none;
    }

    .s2-prio-label {
        display: inline;
        flex: none;
        text-align: left;
        padding: 0;
        line-height: 1.6;
    }

    .s2-prio-label p {
        display: inline;
        margin: 0;
    }

    .s2-prio-label strong {
        font-weight: 700;
        font-family: 'Zoho_Puvi_Bold', sans-serif;
    }


    .s2-prio-track {
        display: inline;
        min-height: 0;
        border: none;
        background: none;
    }

    .s2-prio-fill {
        position: static;
        display: inline;
        width: auto !important;
        background: none !important;
        transition: none !important;
    }

    .s2-prio-fill b {
        font-family: 'Zoho_Puvi_Bold', sans-serif;
        font-size: 1em;
        color: #000 !important;
        padding: 0 0 0 4px;
        white-space: nowrap;
    }

    .s2-prio-fill b::before {
        content: '(';
    }

    .s2-prio-fill b::after {
        content: ')';
    }

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

    .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;
    }


    .s4-green-inner {
        flex-direction: column;
        gap: 12px;
    }

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

    .people {
        gap: 6px;
        margin-top: 20px;
    }

    .person {
        width: 18px;
        height: 60px;
    }

    .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;
        padding-right: 32px;
    }

    .s4-risk-seg b {
        font-size: 18px;
        padding-left: 8px;
    }

    .s4-risk-label {
        font-size: 11px;
    }

    .s4-risk-green .s4-risk-label {
        left: 0;
    }

    .s4-align-stats {
        flex-direction: column;
    }

    .s4-align-block {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 8px;
        padding: 16px;
    }

    .s4-align-block p {
        max-width: 100%;
    }

    .s4-align-pct.big-stat {
        font-size: 120px;
    }

    .s4-risk-label {
        font-size: 16px;
    }

    .s4-risk-blue .s4-risk-label {

        right: -50px;
    }
}

@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;
    }

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

@media only screen and (max-width: 480px) {
    .s4-risk-label {
        font-size: 12px;
    }

    .s4-risk-blue .s4-risk-label {
        right: -30px;
    }
}