@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------- */
/* --------------- C3 OUR FINANCIAL YEAR ----------------- */
/* ------------------------------------------------------- */

html:not(.aem-AuthorLayer-Edit) div#c3_our_financial_performance_outer {
    height: 100vh;
    display: block;
    overflow: hidden;
}

html:not(.aem-AuthorLayer-Edit) div#c3_our_financial_performance {
    height: 10000px;
}

html:not(.aem-AuthorLayer-Edit) div#c3_our_financial_performance div#c3_our_financial_performance_video_container {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

html:not(.aem-AuthorLayer-Edit) div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_video_container_grid {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100vh;
}

div#c3_our_financial_performance div#c3_our_financial_performance_video_container video {
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
    position: absolute;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%); /* % of current element */
}

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat {
    /*background-color: #ffffff;*/
    position: relative;
    /*transform: scale(1.5);*/
}

@media only screen and (max-height: 770px) {
    div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat {
        margin-top: 20%;
    }
}

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat h3 {
    text-align: center;
    font-family: 'PwC Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
}

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat h3 div {
    opacity: 0;
    transition: all 0.5s ease;
    position: absolute;
    width: 100%;
    height: 40px;
    top: 130px;
}

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat h3 div.c3_region_1 { opacity: 1; }

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_1 h3 div.c3_region_1 { opacity: 1; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_1 h3 div.c3_region_2 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_1 h3 div.c3_region_3 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_1 h3 div.c3_region_4 { opacity: 0; }

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_2 h3 div.c3_region_1 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_2 h3 div.c3_region_2 { opacity: 1; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_2 h3 div.c3_region_3 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_2 h3 div.c3_region_4 { opacity: 0; }

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_3 h3 div.c3_region_1 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_3 h3 div.c3_region_2 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_3 h3 div.c3_region_3 { opacity: 1; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_3 h3 div.c3_region_4 { opacity: 0; }

div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_4 h3 div.c3_region_1 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_4 h3 div.c3_region_2 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_4 h3 div.c3_region_3 { opacity: 0; }
div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat.c3_stage_4 h3 div.c3_region_4 { opacity: 1; }

.c3_div_odometer_container_our_financial_performance {
    font-family: 'PwC Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    font-size: 140px;
    line-height: 130px;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 130px;
    transition: margin-left 1s ease;
}

.c3_div_odometer_container_our_financial_performance > span {
    display: block;
    position: relative;
    width: auto;
    float: left;
    transition: margin-top 1s ease, margin-left 1s ease, margin-right 1s ease;
}

.c3_div_odometer_container_our_financial_performance > span > span {
    display: block;
    position: relative;
    width: auto;
    height: 130px;
    text-align: center;
}

.c3_div_odometer_container_our_financial_performance .c3_span_is_number_our_financial_performance_number_1 { margin-top: -1950px; }
.c3_div_odometer_container_our_financial_performance .c3_span_is_number_our_financial_performance_number_2 { margin-top: -780px; }
.c3_div_odometer_container_our_financial_performance .c3_span_is_number_our_financial_performance_number_3 { margin-top: -1170px; }

.c3_div_odometer_container_our_financial_performance.c3_stage_1 .c3_span_is_number_our_financial_performance_number_1 { margin-top: -1950px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_1 .c3_span_is_number_our_financial_performance_number_2 { margin-top: -780px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_1 .c3_span_is_number_our_financial_performance_number_3 { margin-top: -1170px; }

.c3_div_odometer_container_our_financial_performance.c3_stage_2 .c3_span_is_number_our_financial_performance_number_1 { margin-top: -260px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_2 .c3_span_is_number_our_financial_performance_number_2 { margin-top: -1950px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_2 .c3_span_is_number_our_financial_performance_number_3 { margin-top: -1950px; }

.c3_div_odometer_container_our_financial_performance.c3_stage_3 .c3_span_is_number_our_financial_performance_number_1 { margin-top: -1560px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_3 .c3_span_is_number_our_financial_performance_number_2 { margin-top: -260px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_3 .c3_span_is_number_our_financial_performance_number_3 { margin-top: -650px; }

.c3_div_odometer_container_our_financial_performance.c3_stage_4 .c3_span_is_number_our_financial_performance_number_1 { margin-top: -2340px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_4 .c3_span_is_number_our_financial_performance_number_2 { margin-top: 130px; }
.c3_div_odometer_container_our_financial_performance.c3_stage_4 .c3_span_is_number_our_financial_performance_number_3 { margin-top: -1040px; }

.c3_div_odometer_container_our_financial_performance.c3_stage_4 .c3_span_is_number_our_financial_performance_number_2 { margin-right: -9%;}
.c3_div_odometer_container_our_financial_performance.c3_stage_4 { margin-left: 4.5%;}

div.c3_our_financial_performance_main_stat div.c3_clip {
    overflow: hidden;
    height: 150px;
}

div.c3_progress_bar_our_financial_performance {
    display: block;
    position: absolute;
    width: calc(80% - 0px);
    z-index: 3;
    bottom: 34vh;
}

@media only screen and (max-height: 770px) {
    div.c3_progress_bar_our_financial_performance {
        bottom: 4vh;
    }
}

@media only screen and (max-width: 770px) {
    div.c3_progress_bar_our_financial_performance {
        bottom: 24vh;
        width: 95%;
    }
}

div.c3_progress_bar_our_financial_performance p {
    font-family: 'PwC Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    text-align: center;
}

div.c3_progress_bar_our_financial_performance > div {
    width: calc(25% - 0px);
    position: relative;
    float: left;
}

@media only screen and (max-width: 440px) {
    div.c3_progress_bar_our_financial_performance > div a{
        font-size: 12px;
    }
}


div.c3_progress_bar_our_financial_performance div div.c3_bar {
    width: calc(100% - 5px);
    height: 6px;
    position: absolute;
    top: 38px;
    left: 0px;
    background-color: #ffffff;
    overflow: hidden;
}

div.c3_progress_bar_our_financial_performance div div.c3_bar div {
    width: 0%;
    height: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fd5108;
    transition: all 0.5s linear;
}


@media only screen and (max-width: 1200px) {
   .c3_div_odometer_container_our_financial_performance {
        font-size: 100px;  
    }
    
    div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat h3 div {
        top: 110px;
    }
    
    div.c3_our_financial_performance_main_stat div.c3_clip {
        height: 110px;
    }
    
    .c3_div_odometer_container_our_financial_performance {
        top: -10px;
    }
    
}

@media only screen and (max-width: 850px) {
    .c3_div_odometer_container_our_financial_performance {
        font-size: 70px;  
    }
    
    div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat h3 div {
        top: 80px;
    }
    
    div.c3_our_financial_performance_main_stat div.c3_clip {
        height: 70px;
    }
    
    .c3_div_odometer_container_our_financial_performance {
        top: -30px;
    }
}

@media only screen and (max-width: 600px) {
    .c3_div_odometer_container_our_financial_performance {
        font-size: 50px;  
    }
    
    div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat h3 div {
        top: 70px;
    }
}

@media only screen and (max-width: 475px) {
    .c3_div_odometer_container_our_financial_performance {
        font-size: 40px;  
    }
    
    div#c3_our_financial_performance div#c3_our_financial_performance_video_container div.c3_our_financial_performance_main_stat h3 div {
        top: 60px;
    }
    
}

/* ------------------ Persistent Gradient ------------------------- */

/* map the gradient to the container’s box */
.c3_div_odometer_container_our_financial_performance {
	--W: 0px;          /* set by JS */
	--H: 0px;          /* set by JS */
	--grad: linear-gradient(45deg, #ff9f00, #fd5108 50%);
}

/* let gradient show through everywhere */
.c3_div_odometer_container_our_financial_performance * {
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* apply ONE gradient, sized to the container, to each visible glyph
   and shift it horizontally to line up as a single sheet */
.c3_div_odometer_container_our_financial_performance > span:not(.c3_span_is_number_our_financial_performance),
.c3_div_odometer_container_our_financial_performance .c3_span_is_number_our_financial_performance > span {
	background-image: var(--grad);
	background-size: var(--W) var(--H);
	background-position-x: calc(var(--x) * -1px);
	background-position-y: 0;
	background-repeat: no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
}
	

#financial-performance .pwccol2-longformb {
    position: absolute;
    width: 100%;
    padding: 0;
    top: 25px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;

    @media (width >= 768px) {
        width: 750px;
        
    }

    @media (width >= 992px) {
        width: 970px;
    }

    @media (width >= 1200px) {
        width: 1170px;
    }

    @media (width >= 1400px) {
        width: 1370px;   
    }
}