.fzt-badge-box {
	align-items: center;
	border-radius: 50%;
	display: flex;
	height: 160px;
	justify-content: center;
	padding: 0;
	position: relative;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	width: 160px;
	z-index: 1;
}

.fzt-badge-box .fzt-badge-box-icon-wrapper {
	align-items: center;
	background: var(--nexira-light-color);
	border-radius: inherit;
	display: flex;
	height: 100%;
	justify-content: center;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	width: 100%;
}

.fzt-badge-box .fzt-badge-box-icon-wrapper .fzt-badge-box-text {
	-webkit-animation: fzt-rotate-animation 10s linear infinite;
	animation: fzt-rotate-animation 10s linear infinite;
	color: var(--nexira-secondary-color);
	font-family: var(--nexira-h2-font-family);
	font-size: var(--nexira-h4-font-size);
	font-weight: 700;
	height: 120px;
	letter-spacing: 6px;
	overflow: visible;
	position: absolute;
	text-transform: uppercase;
	width: 120px;
	word-spacing: 22px;
}

.fzt-badge-box .fzt-badge-box-icon-wrapper .fzt-badge-box-text svg {
	max-width: 100%;
	overflow: inherit;
}

.fzt-badge-box .fzt-badge-box-icon-wrapper .fzt-badge-box-text svg path {
	fill: transparent;
}

.fzt-badge-box .fzt-badge-box-icon-wrapper .fzt-badge-box-text svg text {
	fill: var(--nexira-teritary-color);
}

.fzt-badge-box .fzt-badge-box-icon-wrapper .fzt-badge-box-icon {
	display: inline-flex;
	max-height: 94px;
	max-width: 70px;
	position: relative;
}

.fzt-badge-box .fzt-badge-box-icon-wrapper .fzt-badge-box-icon img {
	object-fit: scale-down;
	width: 100%;
}

.fzt-badge-box:hover {
	background: var(--nexira-primary-color);
	padding: 3px;
}

.fzt-badge-box:hover .fzt-badge-box-icon-wrapper {
	background: var(--nexira-secondary-color);
}

.fzt-badge-box:hover .fzt-badge-box-icon-wrapper .fzt-badge-box-text {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.fzt-badge-box:hover .fzt-badge-box-icon-wrapper .fzt-badge-box-text svg text {
	fill: var(--nexira-primary-color);
}

/* Fzt With Gradient - Badge Box */

.fzt-with-gradient .fzt-badge-box {
	background-image: linear-gradient(90deg, var(--nexira-gradient-color) 20%, var(--nexira-primary-color) 100%);
}

.fzt-with-gradient .fzt-badge-box:hover .fzt-badge-box-icon-wrapper {
	background: var(--nexira-secondary-color);
}