.PFA {
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	z-index: 1;
}

.PFA::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: top center;
}

.PFA[data-bg]::before {background-position-y: -80rem;}

.PFA[data-bg="dark-blue"]{background-color: var(--dark-blue); color: #fff;}
.PFA[data-bg="dark-blue"]::before{background-image: url(/wp-content/themes/wp-parchment/blocks/pfa/images/pfa-bg.svg);}

.PFA[data-bg="teal"]{background-color: var(--teal); color: #fff;}
.PFA[data-bg="teal"]::before{background-image: url(/wp-content/themes/wp-parchment/blocks/pfa/images/pfa-bg-teal.svg);}

.PFA[data-bg="white-blue"]::before{background-color: none; background-image: url(/wp-content/themes/wp-parchment/blocks/pfa/images/pfa-bg-bluedots.svg);}

.PFA[data-bg="white-green"]::before{background-color: none; background-image: url(/wp-content/themes/wp-parchment/blocks/pfa/images/pfa-bg-greendots.svg);}

.PFA p:not(.eyebrow) + h1 {
	margin-top: -8rem;
}

.PFA .content ul li {
	margin-bottom: 8rem;
}

.PFA .content ul li::marker {
	color: var(--black);
}

.PFA .buttons {
	margin-top: 35rem;
}

.PFA .buttons .b-button.alt-outline,
.PFA .buttons .b-button.alt-outline-white,
.PFA .buttons .b-link.alt-arrow {
	margin-left: 20rem;
}

.PFA .video {
	position: relative;
}

.PFA .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	clip-path: inset(1rem 1rem);
}

.PFA .breadcrumbs {
	margin-bottom: 40rem;
}

.PFA .breadcrumbs ul {
	display: inline;
	list-style: none;
	padding: 0;
}

.PFA .breadcrumbs li {
	display: inline;
	margin: 0 16rem;
	padding: 0;
}

.PFA .breadcrumbs li:first-child {margin-left: 0;}
.PFA .breadcrumbs li:last-child {margin-right: 0;}

.PFA .breadcrumbs a,
.PFA .breadcrumbs span {
	font-size: 14rem;
	font-weight: 500;
}

.PFA .breadcrumbs a {
	color: var(--black);
	text-decoration: none;
}

.PFA .breadcrumbs a:hover {color: var(--dark-blue);}

.PFA .breadcrumbs a,
.PFA .breadcrumbs li:not(:last-child) span {
	position: relative;
}

.PFA .breadcrumbs a::after,
.PFA .breadcrumbs li:not(:last-child) span::after {
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	width: 16rem;
	height: 16rem;
	margin: 7rem 0px 0 8rem;
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-arrow-right.svg) no-repeat center / 100%;
}


.PFA .breadcrumbs .current {
	color: var(--dark-blue);
}

.PFA .stats {
	justify-content: space-between;
	margin-top: 80rem;
}

.PFA .stat {
	padding-left: 20rem;
	border-left: 10rem solid var(--blue);
	display: flex;
	align-items: center;
}

.PFA .stat h2 {
	width: auto;
}

.PFA .stat p {
	max-width: 190rem;
	margin: 0 0 0 20rem;
}

.PFA .counter {
	padding: 15rem;
}

.PFA .counter > * {width: 100%; text-align: center;}
.PFA .counter .text {margin-top: 0.5em;}

@media screen and (min-width: 961px) {
	.PFA .b-frame {padding-top: 80rem; padding-bottom: 80rem;}
	.PFA .counter {position: relative; bottom: -25rem; left: 0; right: 0;}
}

@media screen and (max-width: 960px) {
	.PFA .breadcrumbs {text-wrap: nowrap; overflow-x: scroll;}
	/* .PFA .b-button {float: left; clear: both; margin: 0 0 20rem 0 !important; } */
	.PFA .content .buttons { display: flex; flex-direction: column; gap: 20rem; width: fit-content; }
	.PFA .content .buttons .b-button { width: fit-content; margin: 0 !important; }
	.PFA .stats {margin-top: 50rem;}
	.PFA .stat p {max-width: unset;}
	.PFA .stat p br {display: none;}
	.PFA .counter {display: block; background: none; padding: 0 0 0 20rem; border-left: 10rem solid var(--bright-blue);}
	.PFA .counter > * {text-align: left;}
}

@media screen and (min-width: 961px) {
	.PFA:not([data-style="home"]) .image {position: relative; right: -50rem;}
}



/* home */

.PFA[data-style="home"] {
	color: var(--white);
}

.PFA[data-style="home"] .desktop-bg,
.PFA[data-style="home"] .mobile-bg {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
	position: absolute;
	z-index: -1;
}

@media screen and (min-width: 961px) {
	.PFA[data-style="home"] .b-frame {padding-top: 80rem; padding-bottom: 140rem; margin-bottom: 0;}
}

@media screen and (max-width: 960px) {
	.PFA[data-style="home"] .desktop-bg, .PFA[data-style="home"] .mobile-bg {background-position: right -150rem center;}
	.PFA[data-style="home"] h1 br,
	.PFA[data-style="home"] h2 br,
	.PFA[data-style="home"] h3 br,
	.PFA[data-style="home"] h4 br,
	.PFA[data-style="home"] h5 br,
	.PFA[data-style="home"] h6 br {display: block;}
	.PFA[data-style="home"] p br {display: none;}
}

@media screen and (min-width: 526px) {
	.PFA[data-style="home"] .mobile-bg {display: none;}
}

@media screen and (max-width: 525px) {
	.PFA[data-style="home"] .desktop-bg {display: none; background-position: center;}
	.PFA[data-style="home"] .mobile-bg {display: block; background-position: center;}
	.PFA[data-style="home"] .desktop-bg.no-mobile {display: block;}
	.PFA[data-style="home"] .b-frame {padding-top: 40rem; padding-bottom: 230rem;}
}



/* alt-short */

.PFA.alt-short {
    min-height: 340rem;
}

@media screen and (min-width: 961px) {
	.PFA[data-style="home"].alt-short .b-frame {padding-top: 80rem; padding-bottom: 80rem;}
}

@media screen and (max-width: 475px) {
   .PFA[data-style="home"].alt-short .mobile-bg {background-position: center bottom -50rem;}
}



/* alt-pon */

.PFA.alt-pon-pfa[data-style="home"] .b-columns {
	align-items: flex-end;
}

@media screen and (min-width: 961px) {
	.PFA.alt-pon-pfa[data-style="home"] .desktop-bg {background-position: center;}
	.PFA[data-style="home"] .mobile-bg {display: none;}
	.PFA.alt-pon-pfa[data-style="home"] .b-frame {padding-top: 80rem; padding-bottom: 100rem;}
}

@media screen and (max-width: 960px) {
	.PFA.alt-pon-pfa[data-style="home"] .desktop-bg {display: none;}
	.PFA.alt-pon-pfa[data-style="home"] .mobile-bg {display: block; background-position: center bottom;}
	.PFA.alt-pon-pfa[data-style="home"] .b-frame {padding-top: 40rem; padding-bottom: 320rem;}
	.PFA.alt-pon-pfa[data-style="home"] .counter p br {display: block;}
}

@media screen and (max-width: 600px) {
	.PFA.alt-pon-pfa[data-style="home"] .b-frame {padding-top: 40rem; padding-bottom: 270rem;}
}