.compare-table{
  margin: 2rem auto 0;
  width:100%;
}

.compare-table,
.compare-table p,
.compare-table ul,
.compare-table ol {
  color: var(--grey-000);
  font-size: 0.875rem;
  line-height: calc(var(--standard-line-height) * 0.75);
}

.compare-table__row__heading__content {
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:48px 24px 32px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 5px;
  background-color: rgba(255,255,255,0.05);
  height:100%;
}

.compare-table__row__heading {
  padding: 0 16px 80px;
  vertical-align: top;
  position:relative;
  font-weight:normal;
}

.compare-table__row__heading__content__heading{
  font-size: 1.125rem;
  font-family:var(--heading-font-family);
  text-align:center;
}

.compare-table__row__heading--label {
  vertical-align: middle;
}

.compare-table__row__heading__content__heading--label{
  text-align:left;
}

.compare-table__row__heading__content__bodytext{
  font-size: 0.8rem;
}

.compare-table__row__column {
  padding: 48px 32px;
  vertical-align: top;
  width:50%;
  position:relative;
  text-align:center;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.compare-table__row__column--label {
  text-align:left;
  padding-left:0;
  padding-right:0;
}

.compare-table__row__column--label [data-description]:not([data-description='']){
  text-decoration:underline;
  cursor:pointer;
}
.compare-table__row__column--label [data-description]:not([data-description='']):hover{
  color:var(--primary-2)
}

.compare-table__row__column--label [data-description]:not([data-description='']):after {
  content:'';
  width:24px;
  height:24px;
  display:inline-block;
  background-image: var(--info-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align:bottom;
  margin-left:8px;
}

.compare-table.compare-table--compare-4 .compare-table__row__column {
  width:20%;
}

.compare-table.compare-table--compare-3 .compare-table__row__column {
  width:25%;
}

.compare-table.compare-table--compare-2 .compare-table__row__column {
  width:33.3%;
}

.compare-icon {
  width:30px;
  height:30px;
  margin:0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: var(--white-circle-tick)
}

.compare-text {
  width:calc(100% - 34px);
}


@media screen and (max-width: 1199px) {

  .compare-table--compare-4 .compare-table__row {
    display:flex;
    flex-wrap: wrap;
  }

  .compare-table--compare-4 .compare-table__row__heading {
    width:25%;
    padding:0 0 48px;
  }

  .compare-table--compare-4 .compare-table__row__heading__content {
    border-right: none;
    border-radius:0;
  }

  .compare-table--compare-4 .compare-table__row__heading:last-child .compare-table__row__heading__content {
    border-right:1px solid rgba(255,255,255,0.2);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .compare-table--compare-4 .compare-table__row__heading:nth-child(2) .compare-table__row__heading__content {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .compare-table--compare-4 .compare-table__row__heading--label {
    width: 100%;
    padding-bottom: 48px;
  }

  .compare-table.compare-table--compare-4 .compare-table__row__column {
    width:25%;
    border: none;
    padding 20px;
  }
  
  .compare-table.compare-table--compare-4 .compare-table__row__column--label{
    width:100%;
    padding:0;
  }

}

@media screen and (max-width: 959px) {

  .compare-table--compare-3 .compare-table__row {
    display:flex;
    flex-wrap: wrap;
  }

  .compare-table--compare-3 .compare-table__row__heading {
    width:33%;
    padding:0 0 48px;
  }

  .compare-table--compare-3 .compare-table__row__heading__content {
    border-right: none;
    border-radius:0;
  }

  .compare-table--compare-3 .compare-table__row__heading:last-child .compare-table__row__heading__content {
    border-right:1px solid rgba(255,255,255,0.2);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .compare-table--compare-3 .compare-table__row__heading:nth-child(2) .compare-table__row__heading__content {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .compare-table--compare-3 .compare-table__row__heading--label {
    width: 100%;
    padding-bottom: 48px;
  }

  .compare-table.compare-table--compare-3 .compare-table__row__column {
    width:33%;
    border: none;
    padding 20px;
  }
  
  .compare-table.compare-table--compare-3 .compare-table__row__column--label{
    width:100%;
    padding:0;
  }

  .compare-table--compare-4 .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label) {
    font-size: 0.7rem;
  }
  .compare-table--compare-4 .compare-table__row__heading__content__bodytext {
    font-size: 0.56rem;
  }

}

@media screen and (max-width: 767px) {

  .compare-table--compare-2 .compare-table__row {
    display:flex;
    flex-wrap: wrap;
  }

  .compare-table--compare-2 .compare-table__row__heading {
    width:50%;
    padding:0 0 48px;
  }

  .compare-table--compare-2 .compare-table__row__heading__content {
    border-right: none;
    border-radius:0;
  }

  .compare-table--compare-2 .compare-table__row__heading:last-child .compare-table__row__heading__content {
    border-right:1px solid rgba(255,255,255,0.2);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .compare-table--compare-2 .compare-table__row__heading:nth-child(2) .compare-table__row__heading__content {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .compare-table--compare-2 .compare-table__row__heading--label {
    width: 100%;
    padding-bottom: 48px;
  }

  .compare-table.compare-table--compare-2 .compare-table__row__column {
    width:50%;
    border: none;
    padding 20px;
  }
  
  .compare-table.compare-table--compare-2 .compare-table__row__column--label{
    width:100%;
    padding:0;
  }

  .compare-table--compare-3 .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label) {
    font-size: 0.7rem;
  }
  .compare-table--compare-3 .compare-table__row__heading__content__bodytext {
    font-size: 0.56rem;
  }

  .compare-table--compare-4 .compare-table__row__heading__content{
    gap:16px;
  }

  .compare-table--compare-4 .compare-table__row__heading__content {
    padding:24px 6px;
  }

  .compare-table--compare-4 .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label) {
    font-size: 0.6rem;
  }

}

@media screen and (max-width: 559px) {

  .compare-table--compare-1 .compare-table__row {
    display:flex;
    flex-wrap: wrap;
  }

  .compare-table--compare-1 .compare-table__row__heading {
    width:100%;
    padding:0 0 48px;
  }

  .compare-table--compare-1 .compare-table__row__heading__content {
    border::1px solid rgba(255,255,255,0.2);;
    border-radius:5px;
  }

  .compare-table--compare-1 .compare-table__row__heading--label {
    width: 100%;
    padding-bottom: 48px;
  }

  .compare-table.compare-table--compare-1 .compare-table__row__column {
    width:100%;
    border: none;
    padding: 20px;
  }
  
  .compare-table.compare-table--compare-1 .compare-table__row__column--label{
    width:100%;
    padding:0;
  }

  .compare-table--compare-1 .compare-table__row__heading__content,
  .compare-table--compare-2 .compare-table__row__heading__content,
  .compare-table--compare-3 .compare-table__row__heading__content{
    gap:16px;
  }

  .compare-table--compare-1 .compare-table__row__heading__content,
  .compare-table--compare-2 .compare-table__row__heading__content,
  .compare-table--compare-3 .compare-table__row__heading__content {
    padding:24px 6px;
  }

  .compare-table--compare-1 .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label),
  .compare-table--compare-2 .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label),
  .compare-table--compare-3 .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label) {
    font-size: 0.6rem;
  }

  .base__outer-wrapper--comparison-table .base__cta-items-wrapper .button {
    white-space: normal;
  }

  .compare-icon {
    width:15px;
    height:15px;
  }

  .compare-table--compare-1 .compare-table__row__column,
  .compare-table--compare-2 .compare-table__row__column,
  .compare-table--compare-3 .compare-table__row__column,
  .compare-table--compare-4 .compare-table__row__column {
    padding: 24px 16px;
  }

  .compare-table--compare-1 .compare-table__row__heading,
  .compare-table--compare-2 .compare-table__row__heading,
  .compare-table--compare-3 .compare-table__row__heading,
  .compare-table--compare-4 .compare-table__row__heading {
    width:100%;
    padding-bottom:0;
  }

  .compare-table--compare-1 .compare-table__row__heading--label,
  .compare-table--compare-2 .compare-table__row__heading--label,
  .compare-table--compare-3 .compare-table__row__heading--label,
  .compare-table--compare-4 .compare-table__row__heading--label {
    padding-bottom:24px;
  }

  .compare-table--compare-1 .compare-table__row__heading .compare-table__row__heading__content,
  .compare-table--compare-2 .compare-table__row__heading .compare-table__row__heading__content,
  .compare-table--compare-3 .compare-table__row__heading .compare-table__row__heading__content,
  .compare-table--compare-4 .compare-table__row__heading .compare-table__row__heading__content {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
    border-radius:0;
  }

  .compare-table--compare-1 .compare-table__row__heading:nth-child(2) .compare-table__row__heading__content,
  .compare-table--compare-2 .compare-table__row__heading:nth-child(2) .compare-table__row__heading__content,
  .compare-table--compare-3 .compare-table__row__heading:nth-child(2) .compare-table__row__heading__content,
  .compare-table--compare-4 .compare-table__row__heading:nth-child(2) .compare-table__row__heading__content {
    border-radius:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
  }

  .compare-table--compare-1 .compare-table__row__heading:last-child .compare-table__row__heading__content,
  .compare-table--compare-2 .compare-table__row__heading:last-child .compare-table__row__heading__content,
  .compare-table--compare-3 .compare-table__row__heading:last-child .compare-table__row__heading__content,
  .compare-table--compare-4 .compare-table__row__heading:last-child .compare-table__row__heading__content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius:0;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }

  .compare-table__row__heading:last-child {
    padding-bottom:24px;
  }

  .compare-table--compare-1 .compare-table__row__heading__content,
  .compare-table--compare-2 .compare-table__row__heading__content,
  .compare-table--compare-3 .compare-table__row__heading__content,
  .compare-table--compare-4 .compare-table__row__heading__content {
    padding:24px 16px;
  }

  /*.compare-table--compare-4 .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label),*/
  .compare-table__row__heading__content__heading:not(.compare-table__row__heading__content__heading--label) {
    font-size:0.5rem
  }

  .compare-table__row__heading__content__bodytext{
    font-size:0.46rem;
    letter-spacing:0.6px;
  }

  .compare-table__row__column:before{
    content: attr(data-label);
    position: absolute;
    top:8px;
    left:0;
    right:0;
    font-size:0.3rem;
    font-family: var(--heading-font-family);
    letter-spacing:0.6px;
  }

}