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

/* ------------------------------------------------------- */
/* ---------------- Font imports ------------------------- */
/* ------------------------------------------------------- */

/*@font-face {
    font-family: 'PwC Helvetica Neue Roman';
    src: url(/content/pwc/script/gx/en/global-annual-review/2025/fonts/HelveticaNeueLTPro-Roman.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PwC Helvetica Neue Bold';
    src: url(/content/pwc/script/gx/en/global-annual-review/2025/fonts/HelveticaNeueLTPro-Bold.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PwC Charter Regular';
    src: url(/content/pwc/script/gx/en/global-annual-review/2025/fonts/ITCCharterCom-Regular.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PwC Charter Bold';
    src: url(/content/pwc/script/gx/en/global-annual-review/2025/fonts/ITCCharterCom-Bold.ttf);
    font-style: normal;
} */

/* ------------------------------------------------------- */
/* --------------- Quick colours ------------------------- */
/* ------------------------------------------------------- */

body {
	--c3-color-orange: #fd5108;
	--c3-color-black: #000;
	--c3-color-white: #fff;
	--c3-color-orange50: #fff5ed;
	--c3-color-orange100: #ffe8d4;
	--c3-color-orange200: #ffcda8;
	--c3-color-orange300: #ffaa72;
	--c3-color-orange400: #fe7c39;
	--c3-color-orange500: var(--c3-color-orange);
	--c3-color-orange700: #c52b09;
	--c3-color-grey50: #f5f7f8;
	--c3-color-grey100: #eeeff1;
	--c3-color-grey200: #dfe3e6;
	--c3-color-grey300: #cbd1d6;
	--c3-color-grey400: #b5bcc4;
	--c3-color-grey500: #a1a8b3;
	--c3-color-grey700: #787e8a;
	--c3-color-grey800: #4c5056;
	--c3-color-grey900: #303236;
	--c3-color-secondary950: #1f0606;
	--c3-color-orange-gradient: linear-gradient(90deg,#fe8303,var(--c3-color-orange));
}

/* ------------------------------------------------------- */
/* --------------- C3 Carousel ------------------------- */
/* ------------------------------------------------------- */

div#c3_carousel {
    display: block;
    position: relative;
    height: auto;
    overflow: hidden;
}

div#c3_carousel > h1 {
    display: block;
    position: relative;
    top: 50px;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -50px;
    padding-left: 30px;
    padding-right: 30px;
}

div.c3_carousel_video_container {
    display: block;
    position: relative;
    overflow: hidden;
    
}

div.c3_carousel_video_container video.c3_video_carousel {
    display: block;
    position: relative;
    mix-blend-mode: darken;
    opacity: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

div.c3_carousel_video_container div.c3_white_box {
    content: "";
    display: block;
    position: absolute;
    width: 32.8%;
    aspect-ratio: 1 / 1;
    background-color: #ffffff;
    top: 20.8%;
    left: 33.6%;
}

div.c3_carousel_video_container div.c3_white_box_content {
    background-color: transparent;
}

div.c3_carousel_video_container div.c3_white_box_content ul {
    display: block;
    position: relative;
    margin-top: 8%;
    margin-bottom: 8%;
    margin-left: 8%;
    margin-right: 8%;
}

div.c3_carousel_video_container div.c3_white_box_content ul li h1 {
    font-size: 2.5vw;
}

div.c3_carousel_video_container div.c3_white_box_content ul li p {
    font-size: 1.1vw;
}

div.c3_carousel_video_container div.c3_white_box_content ul li {
    display: none;
}

div.c3_carousel_video_container div.c3_white_box_content ul li:first-child {
    display: block;
}

/*
@media only screen and (max-width: 991px) {
   div.c3_carousel_video_container video.c3_video_carousel {
       scale: 1.8;
       margin-bottom: 100px;
       margin-top: 50px;
    }
    
    div.c3_carousel_video_container div.c3_white_box {
        scale: 1.8;
        margin-top: 5%;
    }
}
*/



div.c3_carousel_video_container video.c3_video_carousel_backward {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
}

a.c3_carousel_prev {
    display: block;
    position: absolute;
    background-image: url(https://www.pwc.com/content/dam/connectedassets/global-brand/dpe/en/icons/black/PwC_icon_arrow-right_rgb_black.svg);
    background-size: contain;
    background-position: center;
    width: 100px;
    height: 60px;
    font-size: 0px;
    top: calc(50% - 30px);
    left: 0px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

a.c3_carousel_next {
    display: block;
    position: absolute;
    background-image: url(https://www.pwc.com/content/dam/connectedassets/global-brand/dpe/en/icons/black/PwC_icon_arrow-right_rgb_black.svg);
    background-size: contain;
    background-position: center;
    width: 100px;
    height: 60px;
    font-size: 0px;
    top: calc(50% - 30px);
    right: 0px;
    background-repeat: no-repeat;
}


div.c3_TEMP_animated_grad {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

div.c3_TEMP_animated_grad video {
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: 0px;
}

@media only screen and (max-width: 1100px) {
    div#c3_carousel > h1 {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 900px) {
    div#c3_carousel > h1 {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    div#c3_carousel > h1 {
        margin-bottom: 70px;
    }
    
    a.c3_carousel_next, a.c3_carousel_prev {
        width: 40px;
        top: calc(50% - 40px);
        margin: 10px;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li h1 {
        margin-bottom: 5px;
    }
    
    
    div.c3_carousel_video_container div.c3_white_box_content ul li p {
        font-size: 1.3vw;   
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li img {
        margin-bottom: -5px;   
    }
}


@media only screen and (max-width: 1100px) {
    div.c3_carousel_video_container {
        width: 120vw;
        left: -10vw;
    }
    
    a.c3_carousel_prev {
        left: 10vw;
    }
    
    a.c3_carousel_next {
        right: 10vw;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li h1 {
        font-size: 3vw;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li p {
        font-size: 1.32vw;
    }
    
}

@media only screen and (max-width: 900px) {
    div.c3_carousel_video_container {
        width: 140vw;
        left: -20vw;
    }
    
    a.c3_carousel_prev {
        left: 20vw;
    }
    
    a.c3_carousel_next {
        right: 20vw;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li h1 {
        font-size: 3.5vw;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li p {
        font-size: 1.54vw;
    }
    
}

@media only screen and (max-width: 767px) {
    div.c3_carousel_video_container {
        width: 200vw;
        left: -50vw;
    }
    
    a.c3_carousel_prev {
        left: 50vw;
    }
    
    a.c3_carousel_next {
        right: 50vw;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li h1 {
        font-size: 4vw;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li p {
        font-size: 2.9vw;
    }
    
    div.c3_carousel_video_container div.c3_white_box_content ul li img {
        width: 20%;
        margin-bottom: 0px;
        margin-top: -10px;
    }
    
}

