/*
 * About us page (page 12) in core blocks. See theme/import/BLOCKS-GUIDE.md.
 *
 * Promo figures (.promo-video__num): the template prints the number as a bare
 * <span>, styled by .promo-video__num span. Here it is a Paragraph, so the same
 * rules are given to the paragraph.
 */
.promo-video__num > p {
	position: relative;
	display: block;
	margin-bottom: 42px;
	font-size: 54px;
	font-weight: bold;
	line-height: 100%;
	text-transform: capitalize;
	color: #d05278;
	z-index: 1;
}
.promo-video__num > p:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 110.52px;
	height: 94.85px;
	background-image: url(../../img/promo-video__num-decor.png);
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: -1;
}
@media screen and (max-width: 991px) {
	.promo-video__num > p {
		margin-bottom: 30px;
		font-size: 44px;
	}
}