.list-cards {padding:100px 0;background-size:cover !important;}

/* Title */
.list-cards h2 {font-family: 'Graphie Bold', sans-serif;font-size: 36px;padding-top:20px;color:#FFF;display:table;margin:0 0 60px 0;}
.list-cards h2::before {content:'';width: 3px;height: 43px;display: inline-block;margin-right: 20px;float: left;margin-top: 4px;background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.list-cards h2 strong {color:#0094FF;font-family: 'Graphie', sans-serif;font-weight: 600;}
.list-cards p.subtitle {color: #FFF;font-family: 'Graphie Light', sans-serif;font-size: 18px;line-height: 150%;max-width: 564px;margin:0 0 100px 0;}

/* Item wrapper - No card styling (bg color, paddings removed inside PHP inline but we manage general fonts here) */
.list-cards .list-card-item {color:#FFF;}

/* Item Content */
.list-cards .list-card-item h3 {font-family: 'Graphie Bold', sans-serif;font-size: 24px;margin-bottom:15px;color:#F85849;}
.list-cards .list-card-item hr {border: none; border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 0 0 20px 0; width: 100%;}
.list-cards .list-card-item .card-text-wrapper {font-family: 'Graphie Light', sans-serif;font-size: 18px;line-height: 150%;}

/* Gray Card styling */
.list-cards .list-card-item.gray-card h3 {color: #999;}
.list-cards .list-card-item.gray-card hr {border-top: 1px solid rgba(153, 153, 153, 0.3);}
.list-cards .list-card-item.gray-card .card-text-wrapper {color: #999;}
.list-cards .list-card-item.gray-card .li-icon {opacity: 0.5; filter: grayscale(100%);}
.list-cards .list-card-item .card-text-wrapper .compare-list.without li {color:#ffffff;}

.list-cards .row.flex:after, .list-cards .row.flex:before{
	content: none;
}
.list-cards .list-card-item.gray-card ul li .li-icon svg{
	width: 16px;
	height: auto;
	fill: #999;
}
.list-cards .list-card-item.gray-card ul li .li-icon svg stroke{
	fill: #999;
	stroke: #999;
}
.list-cards .list-card-item.gray-card ul li .li-icon svg path, .list-cards .list-card-item.gray-card ul li .li-icon svg g{
	fill: #999;
}
/*.list-cards .list-card-item ul li .li-icon svg{
	width: 16px;
	height: auto;
	fill: #F85849;
}
.list-cards .list-card-item ul li .li-icon svg path{
	fill: #F85849;
}
.list-cards .list-card-item ul li .li-icon svg stroke{
	fill: #F85849;
}*/
.list-cards {padding:100px 20px;background-size:cover !important;}
.list-cards .list-card-item h3 {font-family: 'Graphie Bold', sans-serif;font-size: 24px;margin-bottom:15px;color:#F85849;}
.list-cards .list-card-item {color:#FFF;margin-bottom:0px;}

/* Color Scheme classes handling */
.list-cards.blue h2 strong {color:#00A1E1;}
.list-cards.blue h2::before {background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.list-cards.green h2 strong {color:#00E96C;}
.list-cards.green h2::before {background: linear-gradient(180deg, #00E96C 0%, #00EB6C 100%);}
.list-cards.lightblue h2 strong {color:#69E0F5;}
.list-cards.lightblue h2::before {background: linear-gradient(180deg, #69E0F5 0%, #69E0F5 100%);}
.list-cards.orange h2 strong {color:#F85849;}
.list-cards.orange h2::before {background: linear-gradient(180deg, #F85849 0%, #F85849 100%);}
.list-cards.white h2 strong {color:#fff;}
.list-cards.white h2::before {background: linear-gradient(180deg, #fff 0%, #fff 100%);}

/* Responsive */
@media all and (min-width: 1px) and (max-width: 768px) {
    .list-cards h2 {font-size: 24px; margin: 0 0 30px 0;}
    .list-cards h2::before {margin-top: 1px;}
    .list-cards .list-card-item {margin-bottom: 40px;}
	.list-cards .row.flex{flex-wrap: wrap;}
	.list-cards {padding:50px 0;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    .list-cards h2 {font-size: 23px; line-height: 48px;}
}