.comparison-table-section {
	padding: 120px 0 60px;
	border-top: 0.5px solid var(--color-base-dark-gray);
	border-bottom: 0.5px solid var(--color-base-dark-gray);
	&.no-borders {
		border: 0;
	}
	.section-row {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 5.3rem;
	}
	.content-max {
		max-width: 1440px;
		margin: 0 auto;
		padding: 0 40px;
	}
	.container {
		max-width: 128rem;
	}
	.col-left {
		max-width: 632px;
	}
	.section-content {
		display: flex;
		flex-direction: column;
		p {
			color: #3A3A3A;
		}
	}
	.col-right {
		max-width: 672px;
		width: 100%;
	}
	.sub-heading {
		font-size: calc(var(--font-heading-scale)* 1.1rem);
    line-height: calc(1.15 / max(1, var(--font-heading-scale)));
		font-family: var(--font-soehne);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
		margin-bottom: 1rem;
	}
	.section-title {
		margin-bottom: 1.6rem;
		font-size: calc(var(--font-heading-scale)* 3.4rem);
    line-height: calc(1 / var(--font-heading-scale));
		font-family: var(--font-gramercy);
    font-style: normal;
    font-weight: 350;
		color: var(--color-headings);
	}
	.image-wrapper {
		margin-top: 5rem;
		max-width: 442px;
	}
	.table-wrapper {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.table-row {
		display: flex;
		flex-direction: row;
		width: 100%;
		&:nth-child(2) {
			.table-col {
				&:first-child {
					.col-content:not(.selected) {
						border-top-left-radius: 6px;
					}
				}
				&:last-child:not(.selected) {
					.col-content {
						border-top-right-radius: 6px;
					}
				}
			}
		}
		&.table-contents {
			align-items: center;
			.table-col {
				position: relative;
				&.selected {
					.col-content {
						background: #E3DDF4;
					}
				}
				&:after {
					content: '';
					position: absolute;
					display: block;
					width: calc(100% - 40px);
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					height: 1px;
					background: #6E6151;
					opacity: 0.4;
				}
			}
		}
		&.table-heading {
			align-items: flex-end;
			height: 100%;
			width: 100%;
			.table-col {
				position: relative;
				background: transparent;
				padding: 28px 20px 14px;
				display: flex;
				flex-flow: column wrap;
				justify-content: flex-end;
				&.selected {
					border-top-left-radius: 6px;
					border-top-right-radius: 6px;
					background: #E3DDF4;
					.col-title {
						font-size: 15px;
						line-height: 19px;
					}
				}
				.icon-wrapper {
					position: absolute;
					top: -52px;
					width: 76px;
					display: block;
					left: 0;
					right: 0;
					margin: auto;
				}
			}
		}
		&:last-child {
			&.table-contents {
				.table-col {
					&:after {
						content: none;
					}
				}
			}
		}
	}
	.col-title,
	.col-subtitle {
		text-align: center;
	}
	.col-title {
		font-size: 14px;
		line-height: 18px;
		color: #000000;
		font-family: var(--font-gramercy);
		font-weight: 700;
		margin: 0;
	}
	.col-subtitle {
		margin-top: 4px;
		font-family: var(--font-gramercy);
		font-size: 12px;
		font-weight: 350;
		line-height: 16px;
		color: #5E5A55;
	}
	.col-content {
		min-height: 92px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: var(--font-gramercy);
		font-size: 14px;
		line-height: 18px;
		font-weight: 350;
		color: #000000;
		text-align: center;
		padding: 10px 20px;
		background: #FFFFFF;
	}
	.cta-wrapper {
		margin-top: 28px;
		width: 100%;
		max-width: 442px;
		&.cta-mobile {
			display: none;
		}
		a {
			width: 100%;
			text-align: center;
		}
	}
}

@media only screen and (max-width: 1440px) {
	.comparison-table-section {
		.col-left {
			max-width: calc(100% - 672px);
		}
	}
}

@media only screen and (max-width: 1023px) {
	.comparison-table-section {
		padding: 40px 0;
		.col-left {
			max-width: 100%;
			padding: 0;
		}
		.section-title {
			font-size: 28px;
			line-height: 30px;
		}
		.content-max {
			padding: 0 20px;
		}
		.section-row {
			flex-direction: column;
			gap: 0;
		}
		.col-title {
			font-size: 12px;
			line-height: 16px;
		}
		.col-subtitle {
			font-size: 10px;
			line-height: 14px;
		}
		.image-wrapper {
			display: none;
			&.show-image-mobile {
				display: block;
				width: 100%;
				max-width: 100%;
				margin-top: 24px;
				margin-bottom: 12px;
				img {
					width: 100%;
					max-width: 100%;
				}
			}
		}
		.col-right {
			margin-top: 5px;
			max-width: 100%;
			padding-right: 0;
			padding-top: 42px;
		}
		.col-content {
			padding: 10px;
			font-size: 12px;
			line-height: 16px;
			min-height: 82px;
		}
		.table-row {
			&.table-heading {
				.table-col {
					padding: 22px 10px 14px;
					.icon-wrapper {
						top: -42px;
						width: 63px;
					}
					&.selected {
						border-top-left-radius: 6px;
						border-top-right-radius: 6px;
						background: #E3DDF4;
						.col-title {
							font-size: 13px;
							line-height: 17px;
						}
					}
				}
			}
		}
		.cta-wrapper {
			display: none;
			&.cta-mobile {
				display: block;
				max-width: 100%;
				margin-top: 24px;
			}
		}
	}

	.comparison-table-section {
		.section-content {
			flex-direction: column-reverse;
			gap: 20px;
			margin-bottom: 4px;
		}
	}
}