.kl-tech-group-nav {
	display: flex;
	gap: 0.5rem;
	margin-top: 1.25rem;
	max-width: 100%;
	overflow-x: auto;
	padding: 0.125rem 0 0.375rem;
	scrollbar-width: thin;
}

.kl-tech-group-nav__button {
	appearance: none;
	background: #fffdf8;
	border: 1px solid rgba(173, 140, 96, 0.32);
	border-radius: 999px;
	color: #243145;
	cursor: pointer;
	flex: 0 0 auto;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	min-height: 2.25rem;
	padding: 0.625rem 0.95rem;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
	white-space: nowrap;
}

.kl-tech-group-nav__button:hover,
.kl-tech-group-nav__button:focus-visible {
	background: #f8f4ed;
	border-color: rgba(173, 140, 96, 0.72);
	outline: none;
}

.kl-tech-group-nav__button.is-active {
	background: #0b2d5d;
	border-color: #0b2d5d;
	color: #fffdf8;
}

.kl-duno-tech-groups .bes-embla__container {
	align-items: stretch;
}

.kl-duno-tech-groups .bes-embla__slide {
	display: flex;
	height: auto;
}

.kl-duno-tech-card {
	display: grid;
	grid-template-rows: auto auto;
	height: 100%;
	width: 100%;
}

.kl-duno-tech-card > .brxe-div:first-child {
	aspect-ratio: 4 / 4.5;
	background: #fff;
	height: auto !important;
	min-height: 0;
}

.kl-duno-tech-card img,
.kl-duno-tech-card picture {
	display: block;
	height: 100% !important;
	width: 100% !important;
}

.kl-duno-tech-card img {
	object-fit: cover;
	object-position: center;
}

.kl-duno-tech-card > .brxe-div:last-child {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	height: 100%;
}

.kl-duno-tech-card h3,
.kl-duno-tech-card p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.kl-duno-tech-card h3 {
	-webkit-line-clamp: 2;
}

.kl-duno-tech-card p {
	min-height: 5.1em;
	-webkit-line-clamp: 3;
}