.ube-image-box {
	mark {
		background-color: transparent;
		color: var(--g5-color-primary);
		padding: 0;
	}

	.ube-ib-title {
		font-size: 24px;
	}

	.ube-ib-desc {
		margin-top: 16px;
	}
}

.custom-ube-image-box-01 {
	position: relative;

	&:hover mark {
		-webkit-animation: scale-mark-img-box 2.5s linear infinite;
		animation: scale-mark-img-box 2.5s linear infinite;
	}

	mark {
		font-family: var(--g5-display-3-font);
		font-style: italic;
		@include transform(rotate(-13.66deg) translateX(-50%));
		position: absolute;
		left: 50%;
		top: 75px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 122px;
		line-height: 64px;
	}

	.ube-ib-title {
		font-size: 40px;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		margin-bottom: 30px;
	}

	.ube-image {
		position: relative;
		z-index: 3;
	}

	.ube-ib-desc {
		font-size: 18px;
	}

	.ube-icon-box-wrapper {
		--ube-ib-spacing: 57px;
	}

	&.ube-position-top {
		.ube-ib-desc {
			max-width: 390px;
			margin-left: auto;
			margin-right: auto;
		}
	}
}

@media (max-width: 1200px) {
	.custom-ube-image-box-01 {
		mark {
			font-size: 90px;
		}
	}
}

@media (max-width: 767px) {
	.custom-ube-image-box-01 {
		mark {
			font-size: 70px;
		}

		.ube-icon-box-wrapper {
			--ube-ib-spacing: 40px;
		}
	}
}