/* .INDUSTRIES */

.INDUSTRIES {
	overflow: hidden;
}

.INDUSTRIES .deco {
	position: absolute;
	top: calc(var(--page-head-height) * -1);
	right: 100%;
	width: 368rem;
	height: 450rem;
	background: url(images/deco-pfa.svg) no-repeat center / 100%;
}

.INDUSTRIES .image {
	position: absolute;
	bottom: 0;
	left: 100%;
	width: 1080rem;
	height: 559rem;
	background: url(images/pfa-image.webp) no-repeat center / 100%;
	transform: translate(-400rem, 0);
}

.INDUSTRIES .content {
	min-height: 600rem;
}

.INDUSTRIES h1 {
	margin-bottom: -0.25em;
}

.INDUSTRIES p {
	max-width: 660rem;
	margin: 1.5em 0;
}

@media screen and (max-width: 960px) {
	.INDUSTRIES .b-frame {padding-bottom: 250rem;}
	.INDUSTRIES .deco {display: none; right: 0; transform: translate(140px, -235px) scale(0.5);}
	.INDUSTRIES .content {min-height: 0;}
	.INDUSTRIES .image {transform: translate(-540rem, 170rem) scale(0.6);}
	.INDUSTRIES p {margin: 1em 0;}
}

/* INDUSTRIES-INTRO */

.INDUSTRIES-INTRO {
	background: var(--light-purple);
}

.INDUSTRIES-INTRO .image {
	margin-right: 60rem;
}

.INDUSTRIES-INTRO .content > ul {
	list-style: none;
	padding: 0;
	margin-top: 40rem;
}

.INDUSTRIES-INTRO .content > ul > li {
	position: relative;
	padding: 0 0 0 40rem;
	margin: 20rem 0;
}

.INDUSTRIES-INTRO .content > ul > li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 21rem;
	height: 24rem;
	background: url(images/ui-list.svg) no-repeat center / 100%;
}

@media screen and (min-width: 961px) {
	.INDUSTRIES-INTRO .content h2 + p {font-size: 32rem; font-weight: 300; line-height: 1.25;}
}

@media screen and (max-width: 960px) {
	.INDUSTRIES-INTRO .image {margin-right: 0; margin-bottom: 20rem;}
	.INDUSTRIES-INTRO .content > ul {margin-top: 20rem;}
	.INDUSTRIES-INTRO .content > ul > li {padding: 0 0 0 30rem;}
	.INDUSTRIES-INTRO .content > ul > li::before {transform: scale(0.75); }
}

/* .INDUSTRIES-BENEFITS */

.INDUSTRIES-BENEFITS {
	background: var(--blue-teal);
	color: var(--white);
}

.INDUSTRIES-BENEFITS .card {
	background: var(--white);
	color: var(--black);
	padding: 30rem;
	border-radius: 10rem;
	height: 100%;
	box-sizing: border-box;
}

.INDUSTRIES-BENEFITS .card h6 + h4 {
	margin-top: 0.5em;
}

@media screen and (max-width: 960px) {
	.INDUSTRIES-BENEFITS .card {padding: 20rem;}
	.INDUSTRIES-BENEFITS .card h6 + h4 {height: auto !important;}
}

/* INDUSTRIES-CTA */

.INDUSTRIES-CTA {
	overflow: hidden;
	/* background: var(--blue-teal); */
	/* color: var(--white); */
}

.INDUSTRIES-CTA .deco {
	position: absolute;
	top: 0;
	right: 100%;
	width: 368rem;
	height: 328rem;
	background: url(images/deco-cta.svg) no-repeat center / 100%;
	transform: translate(-60rem, 0);
}

.INDUSTRIES-CTA .image {
	position: absolute;
	bottom: 0;
	left: 100%;
	width: 1072rem;
	height: 555rem;
	background: url(images/cta-image.webp) no-repeat center / 100%;
	transform: translate(-400rem, 120rem);
}

.INDUSTRIES-CTA .content {
	/* max-width: 760rem; */
}

.INDUSTRIES-CTA p {
	margin: 1em 0;
}

@media screen and (max-width: 960px) {
	.INDUSTRIES-CTA .b-frame {padding-bottom: 250rem;}
	.INDUSTRIES-CTA .deco {display: none;}
	.INDUSTRIES-CTA .image {transform: translate(-540rem, 170rem) scale(0.6);}
}