.fzt-company-rewards-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.fzt-company-rewards-container .fzt-company-rewards-item {
	align-items: center;
	-webkit-align-items: center;
	border-color: var(--nexira-border-light-color);
	border-style: solid;
	border-width: 0 0 1px;
	cursor: default;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 35px 0;
	position: relative;
	width: 100%;
}

.fzt-company-rewards-container .fzt-company-rewards-item:first-child {
	border-width: 1px 0;
}

.fzt-company-rewards-container .fzt-company-rewards-item:before,
.fzt-company-rewards-container .fzt-company-rewards-item:after {
	bottom: 0;
	content: "";
	height: 1px;
	position: absolute;
	width: 0;
}

.fzt-company-rewards-container .fzt-company-rewards-item:before,
.fzt-company-rewards-container .fzt-company-rewards-item:after {
	background: var(--nexira-primary-color);
}

.fzt-company-rewards-container .fzt-company-rewards-item:before {
	left: 0;
}

.fzt-company-rewards-container .fzt-company-rewards-item:after {
	right: 0;
	-webkit-transition: width .8s ease-out;
	transition: width .8s ease-out;
}

.fzt-company-rewards-container .fzt-company-rewards-item:hover:before {
	-webkit-transition: width .5s ease-out;
	transition: width .5s ease-out;
	width: 100%;
}

.fzt-company-rewards-container .fzt-company-rewards-item:hover:after {
	background: transparent;
	width: 100%;
}

.fzt-company-rewards-container .fzt-company-rewards-item>div:not(.fzt-company-rewards-hover-thumbnail) {
	padding: 0px 10px;
}

.fzt-company-rewards-container .fzt-company-rewards-item>div:first-child,
.fzt-company-rewards-container .fzt-company-rewards-item>div:last-child {
	padding: 0px;
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-year {
	width: calc(100% / 12);
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-title {
	width: calc((100% / 12) * 6);
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-genre,
.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-company-name {
	width: calc((100% / 12) * 2);
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-year {
	color: var(--nexira-primary-color);
	font-family: var(--nexira-h2-font-family);
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: normal;
	position: relative;
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-title {
	color: rgba(var(--nexira-heading-color-rgb), 0.5);
	font-family: var(--nexira-h2-font-family);
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: normal;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-genre,
.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-company-name {
	color: rgba(var(--nexira-heading-color-rgb), 0.5);
	font-family: var(--nexira-h2-font-family);
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: normal;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-title,
.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-genre,
.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-company-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-button a {
	align-items: center;
	-webkit-align-items: center;
	color: rgba(var(--nexira-heading-color), 0.5);
	display: flex;
	height: 15px;
	justify-content: center;
	-webkit-justify-content: center;
	margin: 0px auto;
	width: 15px;
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-button svg {
	color: currentColor;
	height: 1em;
	width: 1em;
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-hover-thumbnail {
	height: 15vw;
	left: 0;
	opacity: 0.2;
	pointer-events: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.5);
	transform: translate(-50%, -50%) scale(0.5);
	-webkit-transition: var(--transition);
	transition: var(--transition);
	width: 15vw;
	z-index: -1;
}

.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-hover-thumbnail img {
	border-radius: 12px;
	object-fit: cover;
	opacity: 0;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	width: 100%;
}

.fzt-company-rewards-container .fzt-company-rewards-item:hover .fzt-company-rewards-title {
	color: var(--nexira-heading-color);
}

.fzt-company-rewards-container .fzt-company-rewards-item:hover .fzt-company-rewards-button a {
	color: var(--nexira-primary-color);
}

.fzt-company-rewards-container .fzt-company-rewards-item:hover .fzt-company-rewards-hover-thumbnail {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.fzt-company-rewards-container .fzt-company-rewards-item:hover .fzt-company-rewards-hover-thumbnail img {
	opacity: 1;
}

/* Responsive */

/* Laptop, 1281px and up */

@media (min-width: 1281px) and (max-width: 1440px) {

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-hover-thumbnail {
		height: 25vw;
		left: 50%;
		top: 50%;
		width: 25vw;
	}

}

/* Tablets - Landscape, 1025px and up */
@media (min-width: 1025px) and (max-width: 1280px) {

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-hover-thumbnail {
		height: 20vw;
		left: 50%;
		top: 50%;
		width: 20vw;
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-title {
		width: calc((100% / 12)* 4);
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-genre,
	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-company-name {
		width: calc((100% / 12)* 3);
	}
}

/* Tablets - Portrait, 768px and up */
@media (min-width: 768px) and (max-width: 1024px) {

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-hover-thumbnail {
		height: 25vw;
		left: 50%;
		top: 50%;
		width: 25vw;
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-title {
		width: calc((100% / 12)* 4);
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-genre,
	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-company-name {
		width: calc((100% / 12)* 3);
	}
}

/* Mobile - Landscape, less than 767px */
@media (min-width: 576px) and (max-width: 767px) {

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-genre,
	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-company-name {
		display: none;
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-title {
		width: calc((100% / 12) * 8);
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-year {
		width: calc((100% / 12)* 2);
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-hover-thumbnail {
		height: 40vw;
		left: 50%;
		top: 50%;
		width: 40vw;
	}
}

/* Mobile - Portrait, less than 575px */
@media (max-width: 575px) {

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-genre,
	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-company-name {
		display: none;
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-title {
		width: calc((100% / 12) * 8);
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-year {
		width: calc((100% / 12)* 2);
	}

	.fzt-company-rewards-container .fzt-company-rewards-item .fzt-company-rewards-hover-thumbnail {
		height: 40vw;
		left: 50%;
		top: 50%;
		width: 40vw;
	}

}