.cards {padding:100px 0;background-size:cover !important;}
.cards h2 {font-family: 'Graphie Bold', sans-serif;font-size: 36px;padding-top:20px;color:#FFF;display:table;margin:0 auto 60px auto;}
.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%);}
.cards h2 strong {color:#0094FF;font-family: 'Graphie', sans-serif;font-weight: 600;}
.cards p.subtitle {color: #FFF;text-align: center;font-family: 'Graphie Light', sans-serif;font-size: 18px;line-height: 150%;max-width: 564px;margin:0 auto 100px auto;}
.cards .card-item {background-color: rgba(38, 47, 63, 0.58);color:#FFF;padding:35px;height:330px;margin-bottom:60px;}
.cards.icon_inside_the_card_box .card-item {height:auto;min-height:330px;}
.cards .card-item .icon-area {margin: -70px 0 30px 0;}
.cards.icon_inside_the_card_box .card-item .icon-area {margin:0 0 30px 0;}
.cards .card-item h3 {font-family: 'Graphie Bold', sans-serif;font-size: 24px;margin-bottom:15px;}
.cards .card-item p {font-family: 'Graphie Light', sans-serif;font-size: 18px;line-height: 150%;}


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

@media all and (min-width: 1px) and (max-width: 768px) {
    .cards h2 {font-size:24px;display: table;margin:0 auto 30px auto;}
    .cards h2::before {margin-top: 1px;}
    .cards .card-item {height:auto;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    .cards h2 {font-size:23px;line-height:48px;}
    .cards .card-item {height:580px;}
}