section{padding-bottom:5rem;padding-top:5rem}.color-t1{color:#ff921e}.color-t2{color:#7fa31b}.color-t3{color:#e97748}.color-t4{color:#932645}.color-t5{color:#39a9a9}.img-circle{background-color:currentColor;box-shadow:0 0 0 4px #fff}
:root{
  --red:#932640;
  --blue:#37566f;
  --bg-blue1:#007f9c;
  --bg-blue2:#9bb2bc;
  --table-main-color:#dbd3be;
  --table-light-color:#edebde;
}
.color-red{
  color:var(--red);
}
.color-blue{
  color:var(--blue);
}
.bg-blue1{
  background-color: var(--bg-blue1);
}
.bg-blue2{
  background-color: var(--bg-blue2);
}

/* whats-erp small-table */
.small-table.table{
  --bs-table-bg: var(--table-light-color);
}

.small-table.table thead th {
  --bs-table-bg: var(--table-main-color);
   height: 65px;
}

.small-table.table td {
  height: 65px;
}

#compare.table-striped tbody tr:nth-of-type(odd){
  background-color: #fff;
}

.small-table.table :is(td, th) {
  vertical-align: middle !important;
}

/* whats-erp table */
.on-premise-compare {
  border-radius: 20px;
  border-collapse: separate;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}

.on-premise-compare th,
.on-premise-compare td {
  padding: 15px 20px;
}

.on-premise-compare th {
  font-weight: unset;
}

.row-head {
  line-height: 16px;
  width: 220px;
  padding-right: 30px;
}

.bg-greyblue {
  background: linear-gradient(0.25turn, #ecf1f1 0%, #bed7da 50%, #ecf1f1 100%);
}

.bg-light-blue {
  background-color: #ECF1F1;
}

.width-18 {
  width: 18%;
}
.width-42 {
  width: 42%;
}
.width-40 {
  width: 40%;
}

@media (max-width: 768px) {
  #compare-table {
    overflow-x: auto;
  }

  .on-premise-compare {
    min-width: 840px;
  }
}