.comparison-table-wrapper {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--corner-radius);
}

/* Table structure */
.comparison-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border-radius: var(--corner-radius);
    overflow: hidden;
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
}

/* All cells */
.comparison-table th,
.comparison-table td {
    padding-left: var(--cell-padding-left-right);
    padding-right: var(--cell-padding-left-right);
    padding-top: var(--cell-padding-top-bottom);
    padding-bottom: var(--cell-padding-top-bottom);
    height: var(--row-height);
    border-right: var(--border-width) solid var(--border-color);
  border-right-color: var(--border-color);
    border-bottom: var(--border-width) solid var(--border-color);
    vertical-align: middle;
    text-align: left;
}

/* Remove outside borders */
.comparison-table tr > *:last-child {
    border-right: 0;
}

.comparison-table tbody tr:last-child > * {
    border-bottom: 0;
}


/* Header rows */
.comparison-table thead th {
    font-size: var(--header-font-size);
    font-weight: var(--header-font-weight);
}

/* First column labels */
.comparison-table tbody th {
    font-weight: var(--header-font-weight);
}


/* Rounded corners */
.comparison-table thead tr:first-child th:first-child {
    border-top-left-radius: var(--corner-radius);
}

.comparison-table thead tr:first-child th:last-child {
    border-top-right-radius: var(--corner-radius);
}

.comparison-table tbody tr:last-child th:first-child,
.comparison-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--corner-radius);
}

.comparison-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--corner-radius);
}

.comparison-table {
  min-width: var(--min-table-width);
}

.comparison-table-wrapper {
  overflow-x: auto;
  padding-bottom: 8px;

  display: block;

	@include customWebkitScrollbarHorizontal;
	-webkit-overflow-scrolling: touch;
	
	// Shadow effect 
	overflow: auto;
	background:
		linear-gradient(90deg, white 30%, rgba(255,255,255,0)),
		linear-gradient(90deg, rgba(255,255,255,0), white 70%) 0 100%,
		radial-gradient(farthest-side at 0% 50%, rgba(0,0,0, 0.2), white),
		radial-gradient(farthest-side at 100% 50%, rgba(0,0,0, 0.2), white) 0 100%;
	
	background-repeat: no-repeat;
	background-color: white;
	background-position: top left, top right, top left, top right;
	background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%;
	background-attachment: local, local, scroll, scroll;
}
.comparison-table th, .comparison-table td { mix-blend-mode: multiply }

.cta-spacer {
  margin-bottom: 50px;
}


/* Empty cells created from missing spans */
.comparison-table th:empty,
.comparison-table td:empty {
    padding: 0;
}

/* Button Alignment */
.cta-group { justify-content: var(--section-alignment)}


/* Mobile */
@media (max-width: 767px) {

    .comparison-table {
        font-size: var(--mobile-body-font-size);
    }

    .comparison-table thead th {
        font-size: var(--mobile-header-font-size);
    }

    .comparison-table th,
    .comparison-table td {
        min-width: 120px;
    }

}