/* ============= ---- Sub - Carousel ---- ================ */
.sub-carousel {
	width: 100%;
	overflow: hidden;
}

.sub-carousel:after {
	content: '\d013';
	font-family: "RedfernArt";
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background-color: var(--darkbrown);
	opacity: 0.8;
	position: absolute;
	top: calc((440px / 2) - (6rem / 2));
	right: 10rem;
	z-index: 999;
	pointer-events: none;
}

	.sub-carousel .list-carousel {
		margin-left: auto;
		width: calc(100% - 10rem);
	}
	
		.sub-carousel .list-carousel .list-carousel-item {
			width: calc(100% / 2.8);
			max-width: 820px;
			margin-right: 5rem;
		}
	
			/* Image */
			.sub-carousel .list-carousel .list-carousel-item article .list-carousel-item-image  {
				display: block;
				width: 100%;
				position: relative;
				overflow: hidden;
				pointer-events: none;
				border-radius: 0.3rem;
			}
		
			.sub-carousel .list-carousel .list-carousel-item article .list-carousel-item-image:after {
				content: '';
				display: block;
				padding-bottom: 57%;
			}
		
				.sub-carousel .list-carousel .list-carousel-item article .list-carousel-item-image * {
					display: block;
					height: 100%;
					width: 100%;
					position: absolute;
					object-fit: cover;
					left: 50%;
					top: 50%;
					object-position: center center;
					transform: translateX(-50%) translateY(-50%);
				}

			/* Title */
			.sub-carousel .list-carousel .list-carousel-item article header h3  {
				font-size: clamp(2.6rem, 1.45vw, 3.6rem);
				/* font-size: 2.8rem; */
				pointer-events: none;
			}

			/* Paragraph */
			.sub-carousel .list-carousel .list-carousel-item article p  {
				pointer-events: none;
			}


@media (max-width: 1800px) {
	.sub-carousel:after {
		right: 6rem;
		top: calc((340px / 2) - (6rem / 2));
	}

	.sub-carousel .list-carousel {
		width: calc(100% - 6rem);
	}
}

@media (max-width: 1600px) {
	.sub-carousel .list-carousel .list-carousel-item {
		margin-right: 4rem;
	}
}

@media (max-width: 1500px) {
	.sub-carousel:after {
		top: calc((280px / 2) - (6rem / 2));
	}
}

@media (max-width: 1300px) {
	.sub-carousel .list-carousel {
		width: calc(100% - 3rem);
	}

	.sub-carousel:after {
		right: 3rem;
		top: calc((250px / 2) - (6rem / 2));
	}
	
		.sub-carousel .list-carousel .list-carousel-item {
			width: 44rem;
			max-width: unset;
		}

			/* Title */
			.sub-carousel .list-carousel .list-carousel-item article header h3  {
				font-size: 2.6rem;
			}
}

@media (max-width: 1100px) {
	.sub-carousel:after {
		width: 5.4rem;
		height: 5.4rem;
		top: calc((250px / 2) - (5.4rem / 2));
	}
}

@media (max-width: 1600px) {
	.sub-carousel .list-carousel .list-carousel-item {
		margin-right: 3rem;
	}
}

@media (max-width: 950px) {
	.sub-carousel:after {
		width: 5.4rem;
		height: 5.4rem;
		top: calc((230px / 2) - (5.4rem / 2));
	}

	.sub-carousel .list-carousel .list-carousel-item {
		width: 40rem;
	}
}

@media (max-width: 750px) {
	.sub-carousel .list-carousel .list-carousel-item {
		margin-right: 2rem;
	}
}


@media (max-width: 650px) {
	.sub-carousel:after {
		right: 1.5rem;
	}

	.sub-carousel .list-carousel {
		width: calc(100% - 1.5rem);
	}

		/* Title */
		.sub-carousel .list-carousel .list-carousel-item article header h3  {
			font-size: 2.4rem;
		}
}

@media (max-width: 550px) {
	.sub-carousel:after {
		top: calc((180px / 2) - (5.4rem / 2));
	}

	.sub-carousel .list-carousel .list-carousel-item {
		width: 32rem;
	}

	/* CTA */
	.sub-carousel .list-carousel .list-carousel-item article .btn  {
		display: flex;
	}
}

@media (max-width: 380px) {
	.sub-carousel:after {
		width: 5rem;
		height: 5rem;
		top: calc((150px / 2) - (5rem / 2));
	}

	.sub-carousel .list-carousel .list-carousel-item {
		width: 26rem;
	}

		/* Title */
		.sub-carousel .list-carousel .list-carousel-item article header h3  {
			font-size: 2.2rem;
		}
}