/* WIDGET: INDSUTRY
-------------------------------------------- */

.vlt-industry {
	position: relative;
	overflow: hidden;
	border-radius: var(--vlt-border-radius-lg);
	z-index: 0; // fix rounded

	img {
		transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing);
		will-change: transform;
	}

	&::before {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 68%;
		background: linear-gradient(180deg, transparent 0%, var(--vlt-color-dark) 100%);
		transition: height var(--vlt-transition-duration) var(--vlt-transition-easing);
		will-change: height;
		z-index: 1;
	}

	&__body {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: px2rem(20px);
		flex-direction: row;
		z-index: 2;
	}

	&__image {
		--img-height: 114%;
	}

	&__icon {
		margin-right: px2rem(20px);
		font-size: px2rem(20px);
		color: var(--vlt-color-white);

		svg {
			height: 1em;
		}

	}

	&__title {
		margin: 0;
		color: var(--vlt-color-white);
	}

	&:hover {

		img {
			@extend %vlt_animate_image;
		}

		&::before {
			height: 100%;
		}

	}

}