/* WIDGET: WORK INFO
-------------------------------------------- */

.vlt-work-info {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: var(--vlt-color-gray-light);
	border-radius: var(--vlt-border-radius-lg);

	&__text {
		margin-top: px2rem(10px);
	}

	&--horizontal {
		display: grid;
		padding: px2rem(40px) px2rem(70px);
		grid-template-columns: repeat(5, 1fr);
		grid-gap: px2rem(40px);

		@include media-breakpoint-down(lg) {
			grid-template-columns: repeat(4, 1fr);
		}

		@include media-breakpoint-down(md) {
			padding: px2rem(30px);
			grid-template-columns: repeat(3, 1fr);
		}

		@include media-breakpoint-down(sm) {
			grid-template-columns: repeat(2, 1fr);
		}

	}

	&--vertical {
		display: grid;
		padding: px2rem(55px) px2rem(60px);
		grid-template-columns: repeat(1, 1fr);
		grid-gap: px2rem(40px);

		@include media-breakpoint-down(md) {
			padding: px2rem(30px);
		}

	}

}