section.hero-section {
  background-image: radial-gradient(circle at 20% 100%, rgba(184, 184, 184, 0.1) 0%, rgba(184, 184, 184, 0.1) 33%, rgba(96, 96, 96, 0.1) 33%, rgba(96, 96, 96, 0.1) 66%, rgba(7, 7, 7, 0.1) 66%, rgba(7, 7, 7, 0.1) 99%), linear-gradient(40deg, #ffabb6, #fdeef0, #ffd5da, #ffabb6);
  background-repeat: no-repeat;
  background-size: cover;
}

.comparison-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 0.75rem;
}

.comparison-table th,
.comparison-table td {
  padding: 0.5rem;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.comparison-table th:first-child {
  border: 0;
}

.comparison-table th:nth-child(2n) {
  box-shadow: 0 0 2rem hsla(0, 0%, 0%, 0.15);
}

.comparison-table th:nth-child(1n) {
  position: relative;
  background: #ffffff;
}

.comparison-table th:nth-child(2n) {
  position: relative;
  background: #ffd3d9;
}

.comparison-table th:nth-child(3n) {
  position: relative;
  background: #FDECD8;
}

.comparison-table th:nth-child(4n) {
  position: relative;
  background: #F3F7F3;
}

.comparison-table td:not(:first-child) {
  text-align: center;
}

.comparison-table tbody tr td:nth-child(4n-3) {
  background: #E2E9F3;
}

.comparison-table tbody tr td:nth-child(4n-2) {
  background: #ffe2e6;
}

.comparison-table .compareHead {
  transition: all 0.35s ease;
  z-index: 2;
}

.comparison-table .compareHead.sticky {
  position: sticky;
  top: 0;
  transition: all 0.35s ease;
  box-shadow: 0px 2px 5px 0px #cccccc75;
}

.comparison-table .compareHead img {
  transition: all 0.35s ease;
}

.comparison-table .compareHead.sticky img {
  height: 90px;
  transition: all 0.35s ease;
}

.comparison-table .compareHead.sticky th {
  padding: 0px;
  transition: all 0.35s ease;
}

@media (min-width: 48rem) {
  .comparison-table {
    font-size: 0.875rem;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 10px 1rem;
  }
}

@media (min-width: 60rem) {
  .comparison-table {
    font-size: 1rem;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 10px 2rem;
  }
}