@font-face {
	font-family: "Electrolux";
	font-weight: 700;
	src: url("../webfonts/electrolux/ElectroluxSans_5_Bold.otf") format("opentype");
}

@font-face {
	font-family: "Electrolux";
	font-weight: 600;
	src: url("../webfonts/electrolux/ELECTROLUXSANS_4_SEMIBOLD.ttf") format("truetype");
}

@font-face {
	font-family: "Electrolux";
	font-weight: 400;
	src: url("../webfonts/electrolux/ElectroluxSans_3_Regular.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans";
	font-weight: 400;
	src: url("../webfonts/noto/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans";
	font-weight: 600;
	src: url("../webfonts/noto/NotoSans-SemiBold.ttf") format("truetype");
}

.p-numbers {
	--margin-items: 4.06rem 0;
}

.p-numbers__title {
	color: var(--blue-800);
	font-family: var(--font-family-electrolux);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	font-weight: 600;
	margin-bottom: var(--margin-bottom-title);
}

.p-numbers__text {
	padding-left: 45%;
	line-height: var(--line-height-text);
	letter-spacing: var(--letter-spacing-text);
}

.p-numbers__items {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: var(--margin-items);
}

.p-number {
	--padding-number: 0 0 0 2rem;
	--font-size-number-title: 1.31rem;
	--height-number-title: 5.31rem;
	--font-size-number: 3.44rem;
	padding: var(--padding-number);
	border-left: 1px solid var(--black);
}

.p-number__number-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-family: var(--font-family-electrolux);
	font-size: var(--font-size-number);
	color: var(--blue-800);
}

.p-number__number {
	font-family: var(--font-family-electrolux);
	font-size: var(--font-size-number);
	color: var(--blue-800);
}

.p-number__title {
	font-size: var(--font-size-number-title);
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--blue-800);
	height: var(--height-number-title);
}

.p-number__caption {
	margin-left: 0.94rem;
}

@media (max-width: 1023px) {

.p-numbers {
	--margin-items: 3rem 0 2rem 0;
}

.p-numbers__text {
	padding-left: 0;
}

.p-numbers__items {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.p-number {
	--padding-number: 0 0 0 1rem;
	--font-size-number-title: 0.88rem;
	--height-number-title: 2.5rem;
	--font-size-number: 1.75rem;
}

}