.tm-counter {
	margin-bottom: 30px;
	&.style-1 {
		.icon {
			margin: 0 auto 10px;
			color: $secondary-color;
			font-size: 50px;
			line-height: 1;
		}
		.number-wrap {
			display: flex;
			margin-bottom: 10px;
			font-size: 36px;
			font-weight: 700;
			line-height: 1.2;
		}
		.text {
			font-size: 16px;
			font-weight: 700;
			color: #878c9b;
		}
		&.skin-light {
			.icon {
				color: #ffffff;
			}
			.number-wrap {
				color: #ffffff;
			}
			.text {
				color: #ffffff;
			}
		}
	}
	&.align-left {
		.number-wrap {
			justify-content: flex-start;
		}
	}
	&.align-center {
		.number-wrap {
			justify-content: center;
		}
	}
	&.align-right {
		.number-wrap {
			justify-content: flex-end;
		}
	}
}