.check-small {
  width: 18px;
  height: 18px;
  margin:0 auto;
  margin-top:2px;
}

.check-option{
  background-position: center;
  background-repeat: no-repeat; 
  background-size: contain;
}
.check-green{
  background-image: url('data:image/svg+xml, <svg class="enterprise-check" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M6.116 14.884c.488.488 1.28.488 1.768 0l10-10c.488-.488.488-1.28 0-1.768s-1.28-.488-1.768 0l-9.08 9.15-4.152-4.15c-.488-.488-1.28-.488-1.768 0s-.488 1.28 0 1.768l5 5z" fill="%23899d30" fill-rule="evenodd" /></svg>');
}

.check-grey{
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="%23bdbdbd"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z" fill="%23bdbdbd"></path></g></svg>')
}









.price-container{
  background:white;border-radius: 10px;padding:25px;position: relative;margin:0 20px;
}
.price-container h1{
  font-size:30px!important;margin:0px;padding:0px;
}
.price-container h2{
  font-size:18px!important;margin:0px;padding:0px;font-weight:500;
}
.price-best{
  background-color: orange;position: absolute;right: 28px;top: 33px; padding: 12px 18px;border-radius: 5px;font-size: 17px;color: white;
}
.price-head{
  display:flex;align-items: center;margin:10px 0px 30px 0px;
}
.price-svg{
  width:40px;margin-right:15px;
}
.price-view{
  margin:20px 0px;display:flex;align-items: center;font-size: 16px;
}
.price-value{
  font-size:30px;margin-right:6px;font-weight:700;
}
.price-sub{
  margin-right:3px;font-weight:400;
}
.price-table li{
  display:flex;padding:10px 0px;
}
.price-table div{
  margin-right:20px;margin-top:4px;
}
.price-button {
  text-align:center;margin:40px 0px 20px 0px;
}










.compare-special{
  background-color: #f8f6ff;
}


.compare-layout {
  position: relative;
  width: 100%;
  overflow-x: auto;
}

.compare-cat {
  position: sticky !important;
  left: 0px !important;
  right: 0px !important;
  background-color: #f9fafb;
  padding: 8px 18px;
  font-size: 1rem;
  font-weight: bold;
    border-top:1px solid #e5e7eb;
}

.compare-table {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  min-width: 800px;
}

.compare-row {
  display: flex;
  flex-wrap: wrap;
  min-width: 800px;
  position: relative;
}

.compare-option {
  display:flex;
  width:100%;
  font-size: 0.9rem;
  font-weight: 400;
  border-top:1px solid #e5e7eb;
}


.compare-head .table-cell {
  padding: 25px 0px 0px 0px !important;
}

.compare-head .table-cell:first-child {
  border: 0px !important;
}

.compare-head .table-cell:second-child {
  border-radius: 20px;
}

.compare-table .table-cell {
  box-sizing: border-box;
  flex-grow: 1;
  list-style-type: none;
  text-align: center;
  padding: 22px 5px;
}

.compare-table .table-cell>h3 {
  font-size: 1rem;
  margin-top: 0;
  font-weight: bold;
}

.compare-table .table-cell.cell-feature {
  text-align: left;
  padding-left:18px;
}



/* Table columns
================================== */
.compare-6 .table-cell {
  width: calc(14.28% - 1px);
}

.compare-5 .table-cell {
  width: calc(16.66% - 1px);
}

.compare-4 .table-cell {
  width: calc(20% - 1px);
}

.compare-3 .table-cell {
  width: calc(25% - 1px);
}

.compare-2 .table-cell {
  width: calc(33.33% - 1px);
}

.compare-1 .table-cell {
  width: calc(50% - 1px);
}

.compare-6 .compare-row {
  width:85.72%;
}
.compare-5 .compare-row {
  width:83.34%;
}
.compare-4 .compare-row {
  width:80%;
}
.compare-3 .compare-row {
  width:75%;
}
.compare-2 .compare-row {
  width:66.66%;
}
.compare-1 .compare-row {
  width:50%;
}
a.btn {
  border: 2px solid;
  padding: 0.6rem 0.9rem 0.6rem 0.9rem;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
}

@media only screen and (max-width: 768px) {
  .compare-table .table-cell.cell-feature {
    position: sticky;left: 0px;right: 0px;
  }
  .compare-table .table-cell {
    border:0px;
  }
  .compare-option {
    display: unset;
    border-top:1px solid #ddd;
  }
  .compare-row {
    width:100%;
    border-top:1px solid #ddd;
  }
  .compare-head .table-cell:first-child {
    display: none !important;
  }
}