
.compare-cards table {
  border-collapse:collapse;
  border-spacing:0;
  border: 0;
  margin-bottom: 0;
}
.compare-cards table td, .compare-cards table th{
  border: 0;
}
.compare-cards table thead:first-child tr:first-child td{
  border-block-start: 0;
}
.compare-cards table tbody > tr:nth-child(2n+1) > td, .compare-cards table tbody > tr:nth-child(2n+1) > th{
  background: inherit;
}

.compare-cards{
  margin: -10px;
  background: #fff;
}

.compare-cards .section-inner {
  width:100%!important
}
.compare-cards .table-overflow {
  overflow-x:scroll;
  width: 100%;
  box-sizing: border-box;
}
.compare-cards .shadow-element {
  display:flex;
  position:relative;
}
.compare-cards .shadow-element:after {
  content:"";
  right:0;
  position:sticky;
  box-shadow:10px 0 10px 15px rgba(0,0,0,.4)
}
@media screen and (min-width:1200px) {
  .compare-cards .shadow-element:after {
    box-shadow:15px 0 23px 25px transparent
  }
}
.compare-cards table {
  position:relative;
  width:100%
}
.compare-cards table:before {
  content:"";
  right:7px;
  position:absolute;
  height:100%;
  top:0;
  box-shadow:5px 0 15px 10px hsla(0,0%,100%,.5);
  z-index:2
}
@media screen and (min-width:1200px) {
  .compare-cards table:before {
    box-shadow:5px 0 15px 10px hsla(0,0%,100%,0)
  }
}
.compare-cards table tr {
  display:flex
}
.compare-cards table tr td {
  flex:1;
  padding:10px;
  border-right:1px solid #e6e6e6;
  text-align:left;
  font-size:14px;
  min-width:250px
}
.compare-cards table tr td.bottom-td,
.compare-cards table tr td.c_review_text,
.compare-cards table tr td.title-td{
  text-align: center;
}

.compare-cards table tr td:first-child {
  width:140px;
  min-width:0;
  font-size:14px;
  text-align:left;
  flex:none
}
@media screen and (min-width:600px) {
  .compare-cards table tr td:first-child {
    width:180px
  }
}

.compare-cards table tr:nth-child(2n) {
  background:#f2f2f2
}

.compare-cards table tr td.highlight {
  font-weight: 700;
  color: #5e9639;
}

.compare-cards .c_benefits ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.compare-cards .c_req ul{
  margin: 0;
  padding-left: 20px;
}
.compare-cards .c_benefits ul li{
  position: relative;
  padding-left: 20px;
}
.compare-cards .c_benefits ul li::before{
  position: absolute;
  top: 0;
  left: 0;
  content: url(./img/checkmark.svg);
  width: 16px;
  height: 16px;
}


.compare-cards .text-compliance {
  display: block;
  color: #999;
  opacity: .8;
  font-size: 13px;
  padding-top: 15px;
}

.compare-cards .compare-img{
  max-height: 50px;
  width: auto;
  margin: 20px auto 10px auto;
}
.compare-cards .compare-title{
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.compare-cards .compare-btn-wrap{
  display: flex;
  flex-direction: column;
}
.compare-cards .compare-btn{
  text-decoration: none;
  font-weight: 700;
  box-sizing: border-box;
  border: 0;
  cursor: pointer;
  outline: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
  border-radius: 5px;
  transition: .125s ease-in-out;
  background: #5e9639;
  padding: 0;
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
  line-height: 34px;
  margin-bottom: 10px;
}
.compare-cards .compare-ad{
  color: #999;
}
.compare-cards .c_review_text a{
  color: #5e9639;
  text-decoration: underline;
}