.category-highlight {
	.stage.type-3 {
		.stage-image {
			.image {
				img {
					min-height: 1048px;

					@media (min-width: 768px) {
						max-height: 670px;
						min-height: 670px;
					}
				}
			}
		}
	}
}

.category-highlight__header {
	font-size: 36px;
	line-height: 40px;
	color: #005F40;
	font-weight: bold;
	margin-bottom: 30px;
}

.category-highlight__header--second {
	color: #000000;
}

.category-highlight__text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	@media (min-width: 1024px) {
		width: 815px;
	}

	a {
		background: rgba(0,95,64, .8);
		padding: 20px;

		@media (min-width: 1024px) {
			padding: 32px;
		}

		&:after {
			content: '';
			display: block;
			background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 14 20' width='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.73858 0H0L9.4129 10.1263L0 20H4.73858L14 10.1263L4.73858 0Z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
			width: 20px;
			height: 20px;
			background-repeat: no-repeat;
			position: absolute;
			right: 20px;
			bottom: 20px;

			@media (min-width: 1024px) {
				right: 32px;
				bottom: 32px;
			}
		}

		&:nth-child(1),
		&:nth-child(2) {
			width: 100%;

			@media (min-width: 768px) {
				width: calc(50% - 15px);
			}

			margin-bottom: 30px;
		}

		&:nth-child(3) {
			width: 100%;
		}

		> div {
			font-size: 18px;
			margin-bottom: 10px;
		}

		p {
			font-size: 16px;
		}
	}
}

.category-highlight__text,
.category-highlight__text--second {
	a, > div > a {
		color: #FFFFFF;
		text-decoration: none;
		position: relative;
	}
}

.category-highlight__text--second {
	@media (min-width: 1024px) {
		display: flex;
		gap: 15px;
		min-height: 670px;
	}

	> a {
		@media (max-width: 1024px) {
			margin-bottom: 10px;
			min-height: 328px;
		}
	}
	
	> a,
	> div {
		@media (min-width: 1024px) {
			width: 50%;
		}
	}

	a,
	> div {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		position: relative;
		gap: 10px;
	}

	> div {
		justify-content: space-between;

		> a {
			min-height: 328px;
			
			@media (min-width: 1024px) {
				height: 100%;
			}
		}
	}
}

.category-highlight__text--second__content {
	background: #005F40;
	position: relative;
    z-index: 10;
    margin-bottom: 32px;
    margin-right: 64px;
	padding: 32px 16px;

	p {
		padding-bottom: 0;
	}
}	

.category-highlight__text--second__title {
	font-size: 27px;
	margin-bottom: 20px;
}

.category-highlight__text--second__image {
	position: absolute;
    top: 0;
    height: 100%;
	width: 100%;

	img {
		height: 100%;
		object-fit: cover;
		width: 100%;
		border-radius: 30px 0 30px 0;
	}
}