.statbar24 {
	margin: 0px auto 40px auto;
}

/* STAT GRID */
.statbar24 .stat-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	gap: 20px 20px;
	grid-auto-flow: row;
	width: calc((100% / 12)*12);
	/* max-width: 1300px; */
	max-width: 1600px;
	margin: auto;
	padding: 20px 0px 40px 0;
	grid-template-areas: 
	"header header"
	"main main";
}


.statbar24 .stat-container {
	background: #f2f2f2;
	padding: 40px;
}

.statbar24 .stat-container .blank-stat {
	display:none !important;
	visibility:hidden;
	pointer-events: none;
}


/* 2B GRID */
/*
.statbar24 .stat-container.stat2b {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: 
	"header header"
	"main main";
	width: calc((100% / 12)*9);
	padding: 40px 40px 20px 40px;
}
*/

/* 3 GRID */
.statbar24 .stat-container.stat3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-template-areas: 
	"header header header"
	"main main main";
}

/* 4 GRID */
/*
.statbar24 .stat-container.stat4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-template-areas: 
	"header header header header"
	"main main main main";
}
*/



/* GRID SMALL SCREENS */

/* Small screens  */

/*
@media screen and (max-width: 1200px) {
.statbar24 .stat-container.stat4 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: 
	"header header"
	"main main";
}
.statbar24 .stat-container.stat2b {
	grid-template-columns: repeat(1, 1fr);
		grid-template-areas: 
	"header"
	"main";
	margin-bottom:40px;
}
	}
*/


@media screen and (max-width: 990px) {
.statbar24 .stat-container.stat3 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: 
	"header header"
	"main main";
}
}

/*
@media screen and (max-width: 768px) {
.statbar24 .stat-container.stat2b {
	width:100%;
}
}
*/


@media screen and (max-width: 660px) {
.statbar24 .stat-container {
	width: calc((100% / 12)*12);;
	margin: 0;
}
}

@media screen and (max-width: 500px) {
.statbar24 .stat-container {
	padding: 20px;
}	
	
/* .statbar24 .stat-container.stat4, */
.statbar24 .stat-container,
.statbar24 .stat-container.stat3  {
	grid-template-columns: repeat(1, 1fr);
	grid-template-areas: 
	"header"
	"main";
}
}


/* STATS TITLE */
.statbar24 .stat-container .stat-title {
	grid-area: header;
	width: 66%;
}
.statbar24 .stat-container .stat-title p{
	margin-top:10px;
}



/* STATS */

/* stat subtitle top */
/*
.statbar24 .stat-container h3.stat-subtitle {
	font-size: 1.03em;
	font-weight:bold;
	line-height: 1.7em;
	font-family: "PwC Helvetica Neue", Arial, Sans-Serif;
}
*/
.statbar24 .stat-container > div:not(.stat-title),
.statbar24 .stat-container .stat-title>span {
	padding: 15px 30px 20px 30px;
	display: block;
}

.statbar24 .stat-container > div:not(.stat-title, .stat-explanation, .stat-download),
.statbar24 .stat-container .stat-title > span {
	background: #fff;
}

/* stats down side*/
/*.statbar24 .stat-downside-container {
display: flex !important;
flex-flow: column;
justify-content: space-between;
}

.statbar24 .stat-downside-container .stat-downside {
	margin-top: auto;

}
*/
/* stats top line */
.statbar24 .stat-container > div:not(.stat-title, .stat-explanation, .stat-download)::before {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	margin-bottom: 15px;
	margin-top: 10px;
	position: relative;
	left: 0px;
	border-top: 3px solid #d04a02;
}
.page-primary-col--orange .statbar24 .stat-container > div:not(.stat-title, .stat-explanation)::before {
  border-color: #d04a02;
}
.page-primary-col--red .statbar24 .stat-container > div:not(.stat-title, .stat-explanation)::before {
  border-color: #e0301e;
}
.page-primary-col--rose .statbar24 .stat-container > div:not(.stat-title, .stat-explanation)::before {
  border-color: #d93954;
}


/* stats numbers */
.statbar24 .stat-container h2,
.statbar24 .stat-container h3 {
	font: normal normal 3.5rem/2.8rem 'PwC Helvetica Neue Light', 'PwC Helvetica Neue', 'Helvetica Neue', Arial, sans-serif;
}

#wrapper .statbar24 .stat-container div:not(.stat-title) h2,
#wrapper .statbar24 .stat-container h3:not(.stat-subtitle) {
  color: #d04a02;
}
/* stat color */
.page-primary-col--orange #wrapper .statbar24 .stat-container h3:not(.stat-subtitle) {
  color: #d04a02;
}
.page-primary-col--red #wrapper .statbar24 .stat-container h3:not(.stat-subtitle) {
  color: #e0301e;
}
.page-primary-col--rose #wrapper .statbar24 .stat-container h3:not(.stat-subtitle) {
  color: #d93954;
}

.page-primary-col--orange #wrapper .statbar24 .stat-container div:not(.stat-title) h2,
page-primary-col--red #wrapper .statbar24 .stat-container div:not(.stat-title) h2,
.page-primary-col--rose #wrapper .statbar24 .stat-container div:not(.stat-title) h2 {
	color: #2d2d2d;
}

/*
#wrapper .statbar24 .stat-container:not(.stat-container-download) p {
	color: #2d2d2d;
}
*/


/* stat title */
/*
.statbar24 .stat-container .stat-title h2 {
	font-size: 2.375rem;
	line-height: 1.3em;
	font-family: "PwC Helvetica Neue Light", "PwC Helvetica Neue",Arial,Sans-Serif;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
}

@media screen and (min-width: 768px) {
	.statbar24 .stat-container .stat-title h2 {
		margin: 0 auto;
	}
}

@media screen and (min-width: 1200px) {
	.statbar24 .stat-container .stat-title h2 {
		margin: 0 auto;
	}
}
*/

.statbar24 .stat-container h3 {
	font-size: 1.4rem;
	line-height: 1.8rem;
}

.statbar24 .stat-container h2 span,
.statbar24 .statbar24 .stat-container h3 span {
	font-size: 75%;
}


/*============================*/
/* GRID DOWNLOAD */

/*
.statbar24 .stat-container.stat-container-download{
	gap: 0px 0px;
	padding: 20px 0px 20px 0;
	color:#ffffff;
}

.page-primary-col--orange .statbar24 .stat-container.stat-container-download,
.page-primary-col--orange .statbar24:not(.stat-webtile) .stat-container .stat-download {
  background-color: #d04a02;
}
.page-primary-col--red .statbar24 .stat-container.stat-container-download,
.page-primary-col--red .statbar24:not(.stat-webtile) .stat-container .stat-download {
  background-color: #e0301e;
}
.page-primary-col--rose .statbar24 .stat-container.stat-container-download,
.page-primary-col--rose .statbar24:not(.stat-webtile) .stat-container .stat-download {
  background-color: #d93954;
}

.statbar24.stat-webtile .stat-container.stat-container-download {
	padding-top: 40px;
	padding-bottom:40px;
}


@media screen and (max-width: 500px) {
.page-primary-col--rose .statbar24 .stat-container .stat-download:nth-child(n+2) {
  margin-top: 20px;
}
}	
*/
/* button */
/*
.statbar24 .stat-container .stat-download .button  {
	display: flex;
	grid-row: 2fr, 1fr;
	padding:10px 20px 10px 15px;
	margin: 20px 0 0 0;
	border: 1px solid #ffffff;
	background-color:#d93954;
	color:#ffffff;
	font-weight:bold;
	justify-content: space-between;
	align-items: center;
	
	cursor: pointer;
}

.statbar24 .stat-container .stat-download .button.button-height {
	min-height:80px;
	margin: 0;
}

.statbar24 .stat-container .stat-download .button:after  {
	background-image: url(/etc.clientlibs/pwc/clientlibs/rebrand-clientlibs/components-colors/resources/images/cta-btn-images/Right-Chevron-white.svg);
	content: '';
	width: 8px;
	height: 12px;
	background-repeat: no-repeat;
	margin:auto;
	margin-right:0;
	margin-left: 10px;
	left: 10px;
	padding:10px 0px 0px 15px;

	align-self: flex-end;
}



.statbar24 .stat-container .stat-download .button a  {
	text-decoration:none;
	margin-right:20px;
}
.statbar24 .stat-container .stat-download .button a:hover,
.statbar24 .stat-container .stat-download .button:hover a  {
	text-decoration:none;
	
}
.statbar24 .stat-container .stat-download div:hover.button:after  {
	transition: all 0.3s ease-in-out; 
	padding-left: 10px;
}
*/
/*
------stare-------
.statbar24 .stat-container .stat-download a.button {
	background-color: #d04a02;
}
.statbar24 .stat-container .stat-download a.button {
	background-color: #e0301e;
}
.statbar24 .stat-container .stat-download a.button{
	background-color: #d93954;
}
-------------
*/
/*
.page-primary-col--rose .statbar24 .stat-container .stat-download a.button,
.page-primary-col--orange .statbar24 .stat-container .stat-download a.button, 
.page-primary-col--red .statbar24 .stat-container .stat-download a.button{
	background-color: transparent;
	color:#ffffff;
	border: 1px solid #ffffff;
	display:inline-block
}
.page-primary-col--rose .statbar24 .stat-container .stat-download a.button:after,
.page-primary-col--orange .statbar24 .stat-container .stat-download a.button:after, 
.page-primary-col--red .statbar24 .stat-container .stat-download a.button:after {
	border-color: #ffffff;
}
*/
/* stat download overlay */
/*
.page-primary-col--rose .statbar24 .stat2b.stat-container .stat-download {
	box-shadow: 0px 70px #d93954;
	padding-top:20px;
}

#wrapper .statbar24 .stat-container .stat-download p {
		color:#ffffff
}
*/

/* stat image */

/*
.statbar24 .stat-image img {
	float:right;
	margin-right:20px;
	margin-left: 20px;
	max-height:200px;
}

@media screen and (max-width:990px) {
	.statbar24 .stat-image img {
	float:right;
		width:150px;
}
}

@media screen and (max-width:660px) {
	.statbar24 .stat-image img {
	float:none;
}
}

*/