/*--------------------------------------------------------------
# Counter
--------------------------------------------------------------*/

.pxl-counter1 {
	&.style1 {
		.pxl--item-inner {
			display: -webkit-box;display: -ms-flexbox;display: flex;
			-webkit-box-align: center;-ms-flex-align: center;align-items: center;
			gap: 23px;
		}
		.pxl--counter-number {
			position: relative;
			display: -webkit-box;display: -ms-flexbox;display: flex;
			-webkit-box-align: center;-ms-flex-align: center;align-items: center;
		}
		.pxl--counter-value, .pxl--counter-value-hide {
			margin-bottom: 0;
			@extend h4;
			@extend .pxl-h4-size;
			&:before {
				content: attr(data-prefix);
			}
			&:after {
				content: attr(data-suffix);
			}
		}
		.pxl--counter-value {
			position: absolute;
			left: 20px;
		}
		.pxl--counter-value-hide {
			position: relative;
			opacity: 0;
			visibility: hidden;
			margin-left: -32px;
		}
		.pxl-item--title {
			@extend .pxl-font-heading;
		}
	}
}