@import "../QuickstartBase/base.css";

.big-num h1,
.big-num h2,
.big-num h3,
.big-num h4,
.big-num h5,
.big-num h6,
.big-num .counter-value{
	font-size: 200%;
	line-height: 1.3;
	font-weight:bold;
	display: inline-block;
	position: inherit;
	background: rgb(70, 47, 145);
	background: -moz-linear-gradient(90deg, rgba(70, 47, 145,1) 0%, rgba(25, 9, 79,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(70, 47, 145,1) 0%, rgba(25, 9, 79,1) 100%);
	background: linear-gradient(90deg, rgba(70, 47, 145,1) 0%, rgba(25, 9, 79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7a9",endColorstr="#004a80",GradientType=1);
	background-size: 100%;
	background-repeat: repeat;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	display:inline-block;
}

.big-num.white h1,
.big-num.white h2,
.big-num.white h3,
.big-num.white h4,
.big-num.white h5,
.big-num.white h6,
.big-num.white .counter-value{
background: rgb(204, 192, 242);
background: -moz-linear-gradient(90deg, rgba(204, 192, 242,1) 0%, rgba(107, 71, 224,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(204, 192, 242,1) 0%, rgba(107, 71, 224,1) 100%);
background: linear-gradient(90deg, rgba(204, 192, 242,1) 0%, rgba(107, 71, 224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7c2",endColorstr="#0ec7a9",GradientType=1);
  background-size: 100%;
  background-repeat: repeat;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  display:inline-block;
}