:root {
    --star-size: 30px;
    --star-color: #ccc;
    --star-background: #fc0;
}
@media screen and (max-width: 768px) {
    :root {--star-size: 25px;}
}
.comp-stars-rating {--percent: calc(var(--rating) / 5 * 100%);display: inline-block;font-size: var(--star-size);font-family: "Times New Roman";line-height: 1;}
.comp-stars-rating::before {content: '★★★★★';letter-spacing: 3px;background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.comparator-card br {display: none !important}
.comparator-card p {font-size: 14px !important;}
.comparator-card img {display: inline-block}
.comparator-card {border-radius: 5px; border: 1px solid #ccc;padding: 15px;background-color: #FFF;overflow: hidden; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 0; margin-bottom: 10px;}
.comparator-card.comp-highlight {background-color: #F8FDFF}
.comparator-card .btn {position: relative;text-decoration: none;display: inline-block;vertical-align: middle;box-sizing: border-box;width: 105px;height: 52px;border-width: 0px;border-radius: 4px 4px 4px 4px;background-color: #f26522;box-shadow: none;}
.comparator-card .btn:hover, .comparator-card .btn:focus, .comparator-card .btn:active {background-color: #d05419;}
.comparator-card .btn .mb-text {color: #ffffff;font-size: 14px;text-align: center;font-style: normal;font-weight: bold;line-height: 1em;box-sizing: border-box;display: block;background-color: unset;padding: 13px 8px 0px 8px;}
.comparator-card .comp-values p {line-height:25px;}

@media screen and (min-width:992px) {
    .comp-border-right {border-right: 1px solid #eee; padding-left:10px; padding-right:10px}
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
    .comparator-card .btn {width:90%}
    .comparator-card .btn .mb-text {font-size: 1.3em;}
    .comparator-card.comp-highlight {background-color: #FFF;}
    .comparator-card .comp-values p {font-size: 12px; line-height: 20px;}
}
.img-fluid {    max-width: 100%; width: auto\9; height: auto;}
.text-center {text-align: center; margin-top: 10px;}
.comp-features-list {list-style-image: url('../images/check.png');font-size: 10px !important;line-height: 2em;margin-top: 5px;padding-left: 10px;margin-bottom:5px !important}
.comp-features-list li {line-height: 22px !important;}
.comp-stars-rating-container {margin-top:10px}