[data-component="applications-display"] {
	position: relative;
	padding: 0.5rem 0 1rem;
}

[data-component="applications-display"] .applications-display__swiper {
	overflow: visible;
}

[data-component="applications-slide"] {
	height: auto;
}

[data-component="applications-slide"] .applications-slide__card {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	min-height: clamp(220px, 28vw, 320px);
	border: 1px solid var(--gw-color-green, #0c9847);
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 14px 40px rgba(13, 28, 55, 0.18);
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	transition:
		box-shadow 0.35s ease,
		transform 0.35s ease,
		border-color 0.35s ease;
}

[data-component="applications-slide"] .applications-slide__card--linked {
	position: relative;
	cursor: pointer;
}

[data-component="applications-slide"] .applications-slide__link {
	position: absolute;
	inset: 0;
	z-index: 2;
	border-radius: inherit;
}

[data-component="applications-slide"] .applications-slide__media,
[data-component="applications-slide"] .applications-slide__body {
	position: relative;
	z-index: 1;
}

[data-component="applications-slide"] .applications-slide__card--linked:hover,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible {
	border-color: var(--gw-color-green, #0c9847);
	box-shadow: 0 18px 48px rgba(13, 28, 55, 0.26);
	transform: translateY(-2px);
}

[data-component="applications-slide"] .applications-slide__media {
	display: flex;
	flex: 0 0 40%;
	align-items: stretch;
	justify-content: center;
	border-right: 1px solid var(--gw-color-green, #0c9847);
	background-color: #fff;
	overflow: hidden;
	pointer-events: none;
	aspect-ratio: 16 / 10;
}

[data-component="applications-slide"] .applications-slide__media-swiper {
	width: 100%;
	height: 100%;
	min-height: 100%;
	pointer-events: none;
}

[data-component="applications-slide"]
	.applications-slide__media-swiper
	.swiper-slide {
	height: auto;
}

[data-component="applications-slide"]
	.applications-slide__media-swiper
	.applications-slide__image {
	width: 100%;
	height: 100%;
	min-height: 100%;
	pointer-events: none;
}

[data-component="applications-slide"] .applications-slide__media--placeholder {
	min-height: 100%;
}

[data-component="applications-slide"] .applications-slide__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}

[data-component="applications-slide"]
	.applications-slide__card--linked:hover
	.applications-slide__image,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible
	.applications-slide__image,
[data-component="applications-slide"]
	.applications-slide__card--linked:hover
	.applications-slide__media-swiper
	.applications-slide__image,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible
	.applications-slide__media-swiper
	.applications-slide__image {
	transform: scale(1.03);
}

[data-component="applications-slide"] .applications-slide__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: start;
	gap: 0.75rem;
	padding: clamp(1.25rem, 2.5vw, 2.5rem);
	background-color: var(--gw-color-blue, #0d1c37);
	color: var(--gw-color-green, #0c9847);
	transition:
		background-color 0.35s ease,
		color 0.35s ease;
}

[data-component="applications-slide"] .applications-slide__title {
	margin: 0;
	font-size: clamp(18px, 2.5vw, 36px);
	line-height: 1.05;
	text-transform: uppercase;
	color: var(--gw-color-green, #0c9847);
}

[data-component="applications-slide"] .applications-slide__preview {
	max-width: 42ch;
	color: var(--gw-color-green, #0c9847);
	font-weight: 400;
	font-size: clamp(13px, 1.4vw, 16px);
	line-height: 1.45;
	font-family: ProximaNova, sans-serif;
}

[data-component="applications-slide"] .applications-slide__preview p {
	margin: 0 0 0.5em;
	color: inherit;
	opacity: 1;
}

[data-component="applications-slide"]
	.applications-slide__preview
	p:last-child {
	margin-bottom: 0;
}

[data-component="applications-slide"]
	.applications-slide__card--linked:hover
	.applications-slide__title,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible
	.applications-slide__title,
[data-component="applications-slide"]
	.applications-slide__card--linked:hover
	.applications-slide__preview,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible
	.applications-slide__preview,
[data-component="applications-slide"]
	.applications-slide__card--linked:hover
	.applications-slide__preview
	p,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible
	.applications-slide__preview
	p {
	color: var(--gw-color-blue, #0d1c37);
}

[data-component="applications-slide"] .applications-slide__cta {
	display: flex;
	align-items: center;
	align-self: flex-end;
	margin-top: auto;
	padding: 0.65rem 1.25rem;
	border: 1px solid var(--gw-color-green, #0c9847);
	border-radius: 8px;
	background-color: var(--gw-color-blue, #0d1c37);
	color: var(--gw-color-green, #0c9847);
	font-size: 14px;
	font-family: ProximaNova, sans-serif;
	letter-spacing: 0.02em;
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 0.3s ease,
		transform 0.3s ease,
		background-color 0.35s ease,
		color 0.35s ease;
	pointer-events: none;
}

[data-component="applications-slide"]
	.applications-slide__card--linked:hover
	.applications-slide__body,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible
	.applications-slide__body {
	background-color: var(--gw-color-green, #0c9847);
	color: var(--gw-color-blue, #0d1c37);
}

[data-component="applications-slide"]
	.applications-slide__card--linked:hover
	.applications-slide__cta,
[data-component="applications-slide"]
	.applications-slide__card--linked:focus-visible
	.applications-slide__cta {
	opacity: 1;
	transform: translateY(0);
}

[data-component="applications-display"] .applications-display__pagination {
	position: relative;
	margin-top: 1.75rem;
}

[data-component="applications-display"] .swiper-pagination-bullet {
	background: var(--gw-color-green, #0c9847);
	opacity: 0.35;
	border-radius: 1rem;
	transition: all 0.3s ease;
	height: 2px;
}

[data-component="applications-display"] .swiper-pagination-bullet-active {
	background: var(--gw-color-green, #0c9847);
	opacity: 1;
	width: 4rem;
	border-radius: 1rem;
}

[data-component="applications-display"] .swiper-navigation-wrapper {
	position: relative;
	pointer-events: none;
	display: flex;
	justify-content: center;
	margin-top: 1.75rem;
	gap: 0.5rem;
}

[data-component="applications-display"] .applications-display__nav {
	--swiper-navigation-color: var(--gw-color-green, #0c9847);
	--swiper-navigation-size: 1rem;
	pointer-events: auto;
	position: relative;
	border: 1px solid var(--gw-color-green, #0c9847);
	border-radius: 5px;
	padding: 0.5rem;
	background-color: var(--gw-color-blue, #0d1c37) !important;
	width: 2rem;
	height: 2rem;
	bottom: unset;
	top: unset;

	&:hover:not(.swiper-button-disabled) {
		background-color: var(--gw-color-green, #0c9847) !important;
		color: var(--gw-color-blue, #0d1c37) !important;
	}
	&:active:not(.swiper-button-disabled) {
		background-color: var(--gw-color-green, #0c9847) !important;
		color: var(--gw-color-blue, #0d1c37) !important;
		filter: brightness(0.5);
		transform: translateY(2px);
	}
	&.swiper-button-disabled {
		opacity: 0.5;
		pointer-events: none;
	}
}

[data-component="applications-display"] .applications-display__nav--prev {
	left: unset;
}

[data-component="applications-display"] .applications-display__nav--next {
	right: unset;
}

@media (max-width: 768px) {
	[data-component="applications-slide"] .applications-slide__card {
		flex-direction: column;
		min-height: 0;
	}

	[data-component="applications-slide"] .applications-slide__media {
		flex: 0 0 auto;
		border-right: none;
		border-bottom: 1px solid var(--gw-color-green, #0c9847);
		aspect-ratio: 16 / 10;
		width: 100%;
	}

	[data-component="applications-display"] .swiper-navigation-wrapper {
		display: none;
	}

	[data-component="applications-slide"] .applications-slide__cta {
		opacity: 1;
		transform: none;
	}
}