.number-cards {padding: 100px 0;}

/* Title */
.number-cards h2 {font-family: 'Graphie Bold', sans-serif; font-size: 36px; padding-top: 20px; color: #FFF; display: block; margin: 0 0 60px 0;}
.number-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%);}
.number-cards h2 strong {font-weight: 600;}

/* Item wrapper */
.number-cards .number-card-item {color: #FFF; margin-bottom: 60px; padding-right: 20px;}

/* Number styling */
.number-cards .card-number {font-family: 'Graphie Bold', sans-serif; font-size: 72px; margin-bottom: 15px; line-height: 1;}

/* Item Content */
.number-cards .number-card-item h3 {font-family: 'Graphie Bold', sans-serif; font-size: 24px; margin-bottom: 15px; color: #FFF;}
.number-cards .number-card-item .card-text-wrapper {font-family: 'Graphie Light', sans-serif; font-size: 18px; line-height: 150%; color: rgba(255, 255, 255, 0.7);}

/* Color Scheme classes handling */
/* Default (if none selected) */
.number-cards h2 strong {color:#0094FF;}
.number-cards h2::before {background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.number-cards .card-number {color: rgba(0, 148, 255, 0.4);} 

/* Blue */
.number-cards.blue h2 strong {color:#00A1E1;}
.number-cards.blue h2::before {background: linear-gradient(180deg, #00A1E1 0%, #00A1E1 100%);}
.number-cards.blue .card-number {color: rgba(0, 161, 225, 0.4);} 

/* Green */
.number-cards.green h2 strong {color:#00E96C;}
.number-cards.green h2::before {background: linear-gradient(180deg, #00E96C 0%, #00E96C 100%);}
.number-cards.green .card-number {color: rgba(0, 233, 108, 0.4);} 

/* Lightblue */
.number-cards.lightblue h2 strong {color:#69E0F5;}
.number-cards.lightblue h2::before {background: linear-gradient(180deg, #69E0F5 0%, #69E0F5 100%);}
.number-cards.lightblue .card-number {color: rgba(105, 224, 245, 0.4);} 

/* Orange */
.number-cards.orange h2 strong {color:#F85849;}
.number-cards.orange h2::before {background: linear-gradient(180deg, #F85849 0%, #F85849 100%);}
.number-cards.orange .card-number {color: rgba(248, 88, 73, 0.4);} 

/* White */
.number-cards.white h2 strong {color:#fff;}
.number-cards.white h2::before {background: linear-gradient(180deg, #fff 0%, #fff 100%);}
.number-cards.white .card-number {color: rgba(255, 255, 255, 0.4);} 


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