.c-numbers {
	color: #fff;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 110px 0 60px 0;

	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background-color: $color-brand-blue;
		opacity: 0.9;
		width: 100%;
		height: 100%;
	}

	&__wrap {
		max-width: 1115px;
		position: relative;
		z-index: 2;
	}

	img {
		width: 90px;
		height: 90px;
	}

	hr {
		border-top: 1px solid #fff;
		width: 310px;
		text-align: center;
		margin: 0 auto 70px auto;
	}

	&__title {
		font-size: 48px;
		font-weight: 500;
		text-align: center;
	}

	&__items {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(100px, auto));
        align-items: center;
		column-gap: 70px;
		margin-top: 65px;
	}

	&__item {
		display: flex;
		flex-direction: column;
		align-items: center;

		&:last-child {
			align-self: center;
		}
	}

	&__number {
		font-size: 48px;
		font-weight: 500;
		margin: 10px 0;
	}

	&__text {
		font-size: 48px;
		font-weight: 500;
	}

	p {
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		color: rgba(#fff, 0.8);
		max-width: 300px;
	}

	@include media-breakpoint-down(md) {
		&__items {
			grid-template-columns: repeat(3, 1fr);
			gap: 70px;
		}
	}

	@include media-breakpoint-down(sm) {
		&__items {
			grid-template-columns: 1fr;
		}
	}
}
