.hero {
  color: var(--default-color););
  background-image: url('https://development.illusiondentallab.com/Taglus-LP/assets/img/bg/ecom-banner.jpg');
background-repeat: no-repeat;
background-size: cover;
}

.whyul li {
	padding: 0px 80px;
}

.comparison-table{
  border-collapse:collapse;
}
.comparison-table .empty-cell{
  border:none;
  background:none;
}
.comparison-table td,
.comparison-table th{
  padding:10px 15px;
  /*border:1px solid #e9e9e9;*/
  min-width:130px;
  max-width:300px;
  text-align:center;
}
.comparison-table .comparison-table-section-header td{
  font-weight:500;
  font-size:12px;
  padding-top:20px;
  color:#222;
  text-transform:uppercase;
  background:#f9f9f9;
  letter-spacing:1px;
}
.comparison-table .comparison-table-desc{
  display:block;
  font-size:11px;
  color:#aaa;
  max-height:0;
  overflow:hidden;
  margin:0;
}
.comparison-table tr:hover .comparison-table-desc{
  /*max-height:100px;*/
  /*color:#eee;*/
  /*padding-top:8px;*/
  /*transition:max-height .3s ease-in;*/
}
.comparison-table th{
  background:#f9f9f9;
  font-weight:500;
  text-transform:uppercase;
  color:#666;
  padding-top:20px;
  padding-bottom:20px;
  letter-spacing:2px;
  font-size:14px;
}
.comparison-table .comparison-table-pro{
  background:#9e3167;
  color:white;
  border-color:#9e3167;
}
.comparison-table td:first-child{
  text-align:left;
}
.comparison-table .bi-check-lg{
  color:#7ab55c;
}
.comparison-table .bi-x-lg{
  color:#b55c68;
}

/*.comparison-table tr.comparison-table-row:hover{*/
/*  background:#7ab55c;*/
/*}*/

/*.comparison-table tr.comparison-table-row:hover td{*/
/*  border-color:#7ab55c;*/
/*}*/

/*.comparison-table tr.comparison-table-row:hover td,*/
/*.comparison-table tr.comparison-table-row:hover td .fa{*/
/*  color:#fff;*/
/*}*/




.zui-table {
    border-collapse: separate;
    border-spacing: 0;
    /*font-family: 'Roboto', sans-serif;*/
    margin-bottom: 0;
}

h5 {
font-size: 1em;
}

tr:nth-child(even) {
  background: #F3F3F3;
}
.zui-table thead th {
    padding: 15px 20px;
    text-align: left;
    vertical-align: top;
    min-width: 180px;
}
.zui-table tbody td {
    color: #333;
    font-size: 16px;
    padding: 15px 20px;
    white-space: normal;
    vertical-align: top;
}
.zui-wrapper {
  max-width: 1200px;
  position: relative;
}
.zui-scroller {
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 100%;
}

.zui-table .zui-sticky-col {
    left: 0;
    position: sticky;
    top: auto;
    font-weight: 700;
    min-width: 200px;
    background-color: #FFFFFF;
    box-shadow: inset -15px 0 10px -7px rgba(0,0,0,0.15);
}

.zui-sticky-col.zui-stripe-row {
    background-color: #F3F3F3;
}

.product-img {
    height: auto;
    width: 150px;
}

.product-link {
  color: #0371BD;
  text-decoration: none;
}

th:not(:first-child),
td:not(:first-child) {
    border-left: 1px solid lightgrey;
}

/* general reset/setup styling for icons - needed on all */
.svg-inline--fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block; 
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    font-size: 23px;
    padding-right: 5px;
}

.yescls{
    color: #028845;
}

/*.fa-plus-circle {*/
/*    color: #2275D3;*/
/*}*/

.nocls{
    color: gray;
}

/*.fa-times-circle {*/
/*    color: gray;*/
/*}*/

.scroll-button { 
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background-color: #fdb813;
}

#prev-button,
#next-button {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    top: 50%;
}

#prev-button {
    left: 230px;
    display: none;
}

#next-button {
    right: -25px;
}

.fa-chevron-left,
.fa-chevron-right {
    font-size: 22px;
    padding-right: 0;
}

/* Phone */
@media screen and (max-width: 768px) and (min-width: 320px)  {
  .zui-table .zui-sticky-col {
        min-width: 125px;
    }
    
    .zui-table thead th {
        min-width: 190px;
    }
    
    .zui-table tbody td {
        font-size: 15px;
    }
    
    .product-img {
        width: 100px;
        height: auto;
    }
/*
    .scroll-button {
        top: 36%;
        width: 40px;
        height: 40px;
    }
    #prev-button {
        display: block;
        left: 130px;
    }
    #next-button {
        left: 35%;
    }
    */
}

@media screen and (max-width: 1280px) and (min-width: 768px)  {
  .zui-table .zui-sticky-col {
        min-width: 175px;
    }
      .zui-table thead th {
        min-width: 180px;
    }
}

@media screen and (max-width: 1280px) {
    .instruction {
    display: block;
  }  
}