
.inner-container {
  text-align: center;
}

.product-performance-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "omnes-pro", Sans-serif;
}

.product-performance-container p {
  color: #555550;
  font-size: 16px;
  font-weight: 300;
}


.product-performance-container h1 {
  color: #194650;
  font-size: 24px;
  font-weight: 600;
}

.product-performance-container  h2 {
  font-size: 16px;
  font-weight: 300;
  color: #194650;
  line-height: 1.5;
  font-family: "usual", Sans-serif;
}

.product-performance-container .flex-cell h2 {
  font-size: 16px;
  font-weight: 600;
  color: #194650;
  line-height: 1;
  font-family: "omnes-pro", Sans-serif;
}


.product-performance-container .flex-cell {
  padding: 1%;
  line-height: 1;
}

.product-performance-container div {
  box-sizing: border-box;
}

.product-performance-container .flex-table {
  flex-direction: column;
  display: flex;
}

.product-performance-container .flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}


.product-performance-container .flex-row.header {
  align-items: stretch;
}

.product-performance-container .header .flex-cell {
  background-color: rgba(25, 70, 80, 0.48);
}

/* unit price */

.product-performance-container .unit-price-table .flex-row.header .flex-cell {
  color: #fff;
  font-weight: 600;
  font-family: "omnes-pro", Sans-serif;
}

.product-performance-container .unit-price-table .flex-cell h2 {
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;  
}


.product-performance-container .unit-price-table .flex-row.data  {
  background-color: #19465012;
}

.product-performance-container .unit-price-table .flex-row.data .flex-cell {
  font-weight: 300;
  font-family: "usual", Sans-serif;
}


@media(max-width: 1023px) {
  .product-performance-container .unit-price-table {
    width: 100%;
  }

  .product-performance-container .unit-price-table .flex-row .flex-cell.first {
    width:50%
  }

  .product-performance-container .unit-price-table .flex-row .flex-cell {
    width:25%
  }

}


@media(min-width: 1024px) {
  .product-performance-container .unit-price-table {
    width: 50%;
  }

  .product-performance-container .unit-price-table .flex-row .flex-cell.first {
    width:60%
  }

  .product-performance-container .unit-price-table .flex-row .flex-cell {
    width:20%
  }
  
  
}

.product-performance-container .unit-price-table .flex-row.data {
  border-bottom-color: rgba(25, 70, 80, 0.22);
  border-bottom-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
}

/* product performance table */



@media(max-width: 1023px) {
  .product-performance-container .product-performance-table.flex-table.desktop {
    display: none;
  }

  .product-performance-container .product-performance-table.flex-table.mobile {
    display: flex;
  }

  
  .product-performance-container .product-performance-table .flex-row .flex-cell {
    width: 35%
  }

  .product-performance-container .product-performance-table .flex-row .flex-cell.first {
    width: 30%;
  }
 
  .product-performance-container .product-performance-table {
    width: 100%;
  }
  
}

@media(min-width: 1024px) {
  .product-performance-container .product-performance-table.flex-table.desktop {
    display: flex;
  }

  .product-performance-container .product-performance-table.flex-table.mobile {
    display: none;
  }

  
  .product-performance-container .product-performance-table .flex-row .flex-cell {
    width:10%
  }

  .product-performance-container .product-performance-table .flex-row .flex-cell.first {
    width: 20%;
  }
  
  .product-performance-container .product-performance-table {
    width: 100%;
  }

}



.product-performance-container .product-performance-table .flex-row.header .flex-cell {
  color: #fff;
  font-weight: 600;
  font-family: "omnes-pro", Sans-serif;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}

.product-performance-container .product-performance-table .flex-row.data  {
  background-color: #19465012;
}

.product-performance-container .product-performance-table .flex-row.data .flex-cell {
  font-weight: 300;
  font-family: "usual", Sans-serif;
  justify-content: center;
  text-align:center;
}

.product-performance-container .product-performance-table .flex-row.data .flex-cell.first {
  text-align:left;
}


.product-performance-container .product-performance-table .flex-row.data {
  border-bottom-color: rgba(25, 70, 80, 0.22);
  border-bottom-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
}
