.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: 24px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 5px;
  background-color: rgba(53, 53, 53, .1);
  height:100%;
  backdrop-filter: blur(10px);
  transition:0.3s ease;
}




.compare-table__row__heading {
  padding: 0 16px 16px;
  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;
  transition:0.3s ease;
  opacity:1;
}

.compare-table__row__heading--label.is-hidden {
  opacity:0;
  display:block;
}

@media screen and (max-width: 1199px) {
  .compare-table__row__heading--label.is-hidden {
    opacity:0;
    display:none;
  }
}


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

.compare-table__row__heading__content__bodytext{
  font-size: 0.8rem;
  opacity:1;
  transition: 0.3s ease;
  
}

.compare-table__row__heading__content__bodytext.is-hidden{
  opacity:0;
 
}


.compare-table__row__column {
  padding: 14px 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 p {
  margin-bottom:0px;

}

.compare-table__row__column--label {
  text-align:left;
  padding-left:0;
  padding-right:0;
  /*z-index:2;*/
  
}

.compare-table__row__column--label [data-description]:not([data-description='']){
  text-decoration:underline;
  text-decoration-style: dotted;
  cursor:default;
  text-underline-offset: 4px;
}
.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__row__column.compare-table__row__column--label {
   width:28%;
}

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

.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:20px;
  height:20px;
  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);
}




.compare-table__row {
  width:100%;
}

@media screen and (min-width: 560px) {
  .compare-table__row__thead {
    position:sticky;
    inset-block-start: 0;
    top:140px;
    z-index:3;
    
  }

}


@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;
  }

  .compare-table__row__column span p span, .compare-table__row__column span p, .compare-table__row__column span {
    font-size:.7rem;
  }

}

@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;
  }




}


@media (max-width: 768px) {
  .tooltip{
  width:100%;
  max-width:100%;
  }
  .tooltip-visible-desktop {
    display:none;
  }

  .tooltip-hidden-desktop {
    display:inherit;
  }
}