.section-accordeon .accordeon-wrap {
	display: flex;
	gap: 2px;
	height: 26rem;
	align-items: stretch;
}

.section-accordeon .accordeon-column {
	flex: 1 1 0;
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
	background-size: cover;
	background-position: center;
	/* cursor: pointer; */
	transition: flex 0.5s ease;
}

.section-accordeon .accordeon-column.active {
	flex: 2 1 0;
}

.section-accordeon .col-content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 2rem 1.8rem;
	/* background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.1) 60%, transparent 100%); */
	background-color: rgb(0 30 61 / 30%);
	color: #fff;
}

.section-accordeon .col-title {
	font-size: var(--font-size-h3);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.32px;
	margin: 0 0 16px;
	color: #fff;
	max-width: 13rem;
}

.section-accordeon .accordeon-column:not(.active) .col-title {
	/* color: #d9d9d9; */
	/* margin-bottom: 0; */
}

.section-accordeon .col-text {
	/* font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.2px;
	margin: 0; */
	color: #fff;
	max-width: 25rem;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.4s ease, opacity 0.3s ease;
}

.section-accordeon .accordeon-column.active .col-text {
	max-height: 10rem;
	opacity: 1;
}

.section-accordeon .col-link {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.4s ease, opacity 0.3s ease;
	margin-top: 16px;
}

.section-accordeon .accordeon-column.active .col-link {
	max-height: 3rem;
	opacity: 1;
}

.section-accordeon .col-link span {
	color: #fff;
	/* font-size: 16px; */
	font-weight: 600;
	text-decoration: underline;
}

@media (min-width: 1025px) {
	.section-accordeon.accordeon-one .accordeon-wrap .accordeon-column:nth-child(2) {
		background-position-x: right;
	}
}
@media (max-width: 1024px) {
	.section-accordeon .accordeon-wrap {
		height: 21rem;
	}

	.section-accordeon .col-title {
		font-size: var(--font-size-h5);
	}

	.section-accordeon .col-text {
		/* font-size: 16px; */
	}
}

@media (max-width: 768px) {
	.section-accordeon .accordeon-wrap {
		flex-direction: column;
		height: auto;
		gap: 4px;
	}

	.section-accordeon .accordeon-column {
		flex: none;
        width: calc(100% + 2.6rem);
		min-height: 14rem;
		margin-left: -1.3rem;
		border-radius: var(--border-radius);
		transition: none;
	}

	.section-accordeon .col-content {
		padding: 24px;
	}

	.section-accordeon .col-title {
		/* font-size: 20px; */
		max-width: 100%;
		color: #fff;
	}

	.section-accordeon .col-text,
	.section-accordeon .col-link {
		max-height: none;
		opacity: 1;
	}
}