.comparison-table .table-scroll {
  max-height: 750px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.table-scroll::-webkit-scrollbar {
  display: none;
}

.comparison-table table {
  border-collapse: separate;
  border-spacing: 0;
}

.comparison-table table tr {
  height: 120px;
}

.comparison-table table thead,
.comparison-table table tbody {
  border: none !important;
}

.comparison-table table thead th {
  justify-content: center;
  align-items: center;
  height: inherit;
}

.comparison-table table thead tr {
  position: sticky;
  top: 0;
  z-index: 10;
}

.comparison-table table tbody th,
.comparison-table table tbody tr,
.comparison-table table tbody td {
  background-color: #f5f6f7 !important;
  box-shadow: none;
}

.comparison-table table tbody tr.hidden-row {
  display: none;
}

.comparison-table table tbody tr#button-row {
  height: 40px !important;
}

.comparison-table table tbody tr#button-row td {
  cursor: pointer;
  background-color: hsl(0, 0%, 90%) !important;
  border-bottom-left-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  border: 2px solid hsl(0, 0%, 80%) !important;
}

.comparison-table table tbody tr#button-row td button {
  width: 100%;
  color: #000 !important;
  border: none !important;
  font-size: 2.3em !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.comparison-table table tbody tr#button-row td button:hover,
.comparison-table table tbody tr#button-row td button:focus {
  background-color: transparent !important;
  outline: none;
}

.comparison-table .items-col,
.comparison-table .competitor-col {
  background-color: #FFF;
}

.comparison-table .verisure-col {
  background-color: hsl(0, 0%, 90%) !important;
}

.comparison-table .verisure-col,
.comparison-table .competitor-col {
  width: 19%;
  font-size: 1.8rem;
  color: #525252;
}

.comparison-table tbody .items-col {
  font-size: 1.25em;
  text-transform: unset;
  color: #000;
  line-height: normal;
}

.comparison-table tbody .verisure-col,
.comparison-table tbody .competitor-col {
  font-size: 2rem;
  font-weight: 500;
  color: #000;
}

.comparison-table tbody .verisure-col {
  color: #00a37d;
}

.comparison-table th,
.comparison-table td {
  vertical-align: middle !important;
  border: none !important;
}

.comparison-table .status-box-mobile {
  display: flex;
  justify-content: center;
}

.comparison-table thead img.status-icon,
.comparison-table .status-box-mobile img.status-icon {
  width: 30px;
  height: 30px;
  padding: 4px;
  border-radius: 100%;
}

.comparison-table tbody img.status-icon {
  width: 45px;
  height: 45px;
  padding: 4px;
  border-radius: 100%;
}

@media (max-width: 768px) {
  .comparison-table .table-scroll {
    max-height: 930px;
  }

  .comparison-table tbody .items-row-mobile .items-col {
    border-top: 2px solid hsl(0, 0%, 80%) !important;
    border-bottom: 2px solid hsl(0, 0%, 80%) !important;
    background-color: hsl(0, 0%, 90%) !important;
  }

  .comparison-table thead .verisure-col,
  .comparison-table tbody .verisure-col,
  .comparison-table tbody .competitor-col {
    background-color: hsl(0, 0%, 95%) !important;
  }

  .comparison-table tbody .verisure-col,
  .comparison-table tbody .competitor-col {
    border-right: 3px solid hsl(0, 0%, 80%) !important;
  }
}