.three-column-comparison-module-container {
  background-color: #ffffff;
  margin-bottom: 0px;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 0px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 40px;
}

.three-column-comparison-module-container-title-style1 {
  font-family: Roboto Slab, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.25em;
  color: #02293d;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  text-align: center;
}

.three-column-comparison-module-container-title-style2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.28em;
  line-height: 1.25em;
  color: #02293d;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}

.column-selection-button-outer-container {
  display: flex;
  margin-bottom: 20px;
}

.column-selection-button-container {
  background-color: rgb(243, 244, 246);
  border-radius: 10px;
  display: inline;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 9px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 9px;
}

.column-selection-button {
  background-color: rgb(243, 244, 246);
  color: #02293d;
  border-radius: 5px;
  display: inline;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}

.column-selection-button:hover {
  color: #12d678;
}

.column-selection-button-selected {
  background-color: #12d678;
  color: #ffffff;
}

.column-selection-button-selected:hover {
  background-color: #2CEA88;
  color: #ffffff;
}

#columns_four_through_six_table {
  display: none;
}

.three-column-comparison-container {
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 100%;
}

.three-column-comparison-container table {
  margin: 0px;
}

.empty-th {
  background-color: rgb(249 250 251);
}

.belay-th {
  
}

.others-th {
  background-color: rgb(249 250 251);
  color: #02293d;
  font-size: 20px;
  font-weight: 700;
}

.belay-logo-th {
  height: 25px;
}

.comparison-table-header-row {
  height: 30px;
}

.comparison-table-header-row th {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
}

tr:nth-child(even) {
  background-color: rgb(249 250 251);;
}

.comparison-table-row {
  border-top: 1px solid rgb(229, 231, 235);
}

.comparison-table-row td {
  color: #02293d;
  width: 33%;
}

.comparison-table-belay-column {
  background-color: #02293d;
  color: #ffffff !important;
}

.comparison-check-mark {
  color: #12d678;
  margin-right: 20px;
}

.comparison-content {
}

.comparison-table-others-column {
}

.comparison-x-mark {
  color: #D92534;
  margin-right: 20px;
}

.callout-box {
  background-color: rgb(249 250 251);
  border-radius: 10px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  flex: 1;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  min-width: 200px;
  overflow: visible;
  padding: 20px;
  rotate: none;
  scale: none;
  text-align: center;
  transform: scale(0);
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
}


.callout-box svg {
  fill: url(#icon-gradient) #12d678;
  height: 50px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
}