/* compare page */

:root {
  --top-section-bg: #1fa29c;
  --top-section-title-color: #ffffff;
}

body {
  background: #f2f2f2;
}

.compare-page .page-content-area {
  max-width: none;
  padding: 0;
}


/* top section */

.page-top-section {
  background-color: var(--top-section-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 56px 30px 20px 30px;
  height: 200px;
  flex-direction: column;
}

.page-top-section.without-tab-navigation {
  height: auto;
  padding-bottom: 56px;
}

.page-top-section-inner {
  width: 100%;
  max-width: 1140px;
  padding: 0;
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.top-section-title {
  margin: 0;
  color: var(--top-section-title-color);
  font-size: 28px;
  font-weight: 700;
}

.top-section-footer {
  margin-top: 50px;
}

/* compare decriptions */

.compare-descriptions-field {
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 30px 15px 0 15px;
}

.compare-description {
  width: 100%;
  max-width: 1140px;
  text-align: center;
}

.compare-description .section-summary {
  font-weight: 500;
}

/* compare-visualisation-section */

.compare-visualisation-section {
  padding: 30px 30px 70px 30px;
  display: flex;
  width: 100%;
  justify-content: center;
}

.compare-visualisation-section-inner {
  width: 100%;
  max-width: 1140px;
}

/* compare-tab-item */

.compare-tab-item:not(.is-active) {
  display: none;
}