.cards2 {padding:0 0 100px 0;background-size:cover !important;}
.cards2 .card-item {background-color: rgba(38, 47, 63, 0.58);color:#FFF;padding:35px;min-height:385px;margin-bottom:60px;}
.cards2 .card-item .icon-area {margin: -70px 0 30px 0;}
.cards2 .card-item h3 {font-family: 'Graphie Bold', sans-serif;font-size: 24px;margin-bottom:15px;}
.cards2 .card-item p {font-family: 'Graphie Light', sans-serif;font-size: 18px;line-height: 150%;}

.cards2.blue h2 strong {color:#00A1E1;}
.cards2.blue h2::before {background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.cards2.blue .card-item {border-top:1px solid #00A1E1;}
.cards2.green h2 strong {color:#00E96C;}
.cards2.green h2::before {background: linear-gradient(180deg, #00E96C 0%, #00EB6C 100%);}
.cards2.green .card-item {border-top:1px solid #00E96C;}
.cards2.lightblue h2 strong {color:#69E0F5;}
.cards2.lightblue h2::before {background: linear-gradient(180deg, #69E0F5 0%, #69E0F5 100%);}
.cards2.lightblue .card-item {border-top:1px solid #69E0F5;}
.cards2.orange h2 strong {color:#F85849;}
.cards2.orange h2::before {background: linear-gradient(180deg, #F85849 0%, #F85849 100%);}
.cards2.orange .card-item {border-top:1px solid #F85849;}

@media all and (min-width: 1px) and (max-width: 768px) {
    .cards2 .card-item {height:auto;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    .cards2 .card-item {height:580px;}
}