.title-subtitle {padding:100px 0;}
.title-subtitle h2 {font-family: 'Graphie Bold', sans-serif;font-size: 36px;padding-top:20px;color:#FFF;display:table;margin:0 auto 20px auto;}
.title-subtitle 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%);}
.title-subtitle p {color: #FFF;text-align: center;font-family: 'Graphie Light', sans-serif;font-size: 18px;line-height: 150%;max-width: 564px;margin:0 auto;}
.title-subtitle p strong {font-family: 'Graphie Bold', sans-serif;}
.title-subtitle.green h2 strong {font-family: 'Graphie', sans-serif;font-size: 40px;font-weight: 500;line-height: 46px;letter-spacing: 8px;}

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


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