.p-about [data-video="corporate"] .thumb {
	background-image:url(/images/common/corporate-video-link-panel.webp);
}
.no-webp .p-about [data-video="corporate"] .thumb {
	background-image:url(/images/common/corporate-video-link-panel.jpg);
}
.p-about [data-video="why"] .thumb {
	background-image:url(/images/common/why-thumb.webp);
    background-size: 120% auto;
}
.no-webp .p-about [data-video="why"] .thumb {
	background-image:url(/images/common/why-thumb.jpg);
}
.p-about [data-video="journey"] .thumb {
	background-image:url(/images/common/journey-thumb.webp?v=220425);
    background-size: 120% auto;
    background-position: bottom left;
}
.no-webp .p-about [data-video="journey"] .thumb {
	background-image:url(/images/common/journey-thumb.jpg?v=220425);
}
.p-about #about-unit-holder {
	z-index: 2;
}
.p-about .banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%), url(/images/content/banners/about.webp) 50% 50% / cover no-repeat;
}
.no-webp .p-about .banner {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 100%), url(/images/content/banners/about.jpg) 50% 50% / cover no-repeat;
}
.p-about #about-highlights {
	padding: 1rem 1.5rem;
}
.p-about #about-highlights li {
	margin: 1rem 0;
    color: #000;
}
.p-about #about-highlights li:last-child {
	margin-bottom: 0;
}
.p-about #about-highlights h1 {
	margin-bottom: 0;
}
.p-about .x-summary a {
	color: #000 !important;
}
.p-about #hero {
	width: 100%;
    margin-bottom: 0;
    z-index: 1;
}
.p-about #statistics #videos {
	margin: -10em 0 0 0;
	padding-left: 0;
	padding-right: 0;
}
.p-about #statistics #videos > a {
	margin-bottom: 1rem;
}

@media (min-width:48em) {
    .p-about #about-highlights {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-right: 0;
    }
    .p-about #about-highlights li {
        flex: 0 0 32%;
        max-width: 32%;
        padding-right: 2rem;
    }
}
@media (min-width:48em){
    .p-about #hero {
        margin-bottom: -6em;
    }
	.p-about #statistics #videos {
		margin: 0 auto;
        z-index: 1;
	}
	.p-about .partner-companies p {
		padding-top: 6em;
	}
	.p-about .partner-companies img {
		max-width: 10em;
		position: absolute;
	}
}
@media (min-width:62em){
    .p-about #hero {
        margin-bottom: -8em;
        width: 150%;
        max-width: calc(100% + 6em);
        margin-left: -3em;
    }
    .p-about #statistics #videos {
        display: flex;
        align-items: center;
        justify-content: space-between;
	}
}
@media (min-width:90em){
    .p-about #hero {
        margin-left: -5em;
    }
}

.p-about .img.img_row {
	display: flex; 
	flex-direction: column;
	justify-content: space-between; 
	align-items: center;
}
.p-about .img.img_row a {
	height: fit-content;
}
.p-about .img.img_row img {
	margin: 1em 0;
}

.p-about .img.img_row .safe-contractor-logo {
	width: 5rem;
	max-width: 5rem;
	height: auto;
}
.p-about .img.img_row .avetta-logo {
	width: 7rem;
	max-width: 7rem;
	height: auto;
}
.p-about .img.img_row .sky-blue-education-logo {
	width: 7rem;
	max-width: 7rem;
	height: auto;
}

@media (min-width:48em){ 
	.p-about .img.img_row {
		flex-direction: row;
	}
	.p-about .img.img_row .safe-contractor-logo {
		margin: 0; 
	}
	.p-about .img.img_row img {
		margin: 0 0 0 2em; 
	}
	.p-about .img.img_row .safe-contractor-logo {
		width: 4rem;
		max-width: 4rem;
		height: auto;
	}
	.p-about .img.img_row .avetta-logo {
		width: 6rem;
		max-width: 6rem;
		height: auto;
	}
	.p-about .img.img_row .sky-blue-education-logo {
		width: 6rem;
		max-width: 6rem;
		height: auto;
	}
}

@media (min-width: 75em){ 
	.p-about .img.img_row .safe-contractor-logo {
		width: 5rem;
		max-width: 5rem;
		height: auto;
	}
	.p-about .img.img_row .avetta-logo {
		width: 8rem;
		max-width: 8rem;
		height: auto;
	}
	.p-about .img.img_row .sky-blue-education-logo {
		width: 7rem;
		max-width: 7rem;
		height: auto;
	}
	.p-about .img.img_row img {
		margin: 0; 
	}
}

