.numbers {
	padding: 30px 0;
	background: $green url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
	color: $white;
	@media (min-width: $desktop) {
		padding: 100px 0;
		background-position: 100% 100%;
		background-size: auto 500px;
	}
	&__body {
		display: flex;
		flex-direction: column;
		gap: 30px;
		@media (min-width: $tablet) {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
		}
	}
	&__item {
		font-size: 12px;
		display: flex;
		flex-direction: column;
		line-height: 1.4;
		@media (min-width: $desktop) {
			font-size: 16px;
			line-height: 20px;
		}
		b {
			font-size: 40px;
			font-weight: 700;
			border-bottom: 1px solid $white;
			line-height: 1;
			@media (min-width: $desktop) {
				font-size: 100px;
				line-height: 147px;
			}
		}
		span {
			font-weight: 700;
			font-size: 14px;
			margin: 10px 0;
			line-height: 1;
			@media (min-width: $desktop) {
				font-size: 24px;
				margin-top: 30px;
			}
		}
	}
}