/*
---------------------------
VALUE BOX  
---------------------------
*/

.valuebox {
	position: relative;
	border:0;
	height: 0 !important;
	padding: 0;
	width: 80%;
	margin: auto;
	padding-bottom: 80%;
	border-radius: 60px;
	transform: skewX(-9deg);
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.valuebox.with-border {
	border: 3px solid;
}

.valuebox .valuebox-inner {
	position: absolute;
	top:10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* a.valuebox:hover .valuebox-inner {
	transform: scale(1.05);
} */
a.valuebox.bg-white {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.078);
}
.valuebox-section {
	padding: 1rem 0 0 0 ;
	margin-bottom: 0px;
}

.valuebox-numbers {
	display: flex;
	align-items: baseline;
	justify-content: center;
	line-height: 1;
}

.valuebox-numbers.numbers-small {
	font-size: 48px;
}
.valuebox-numbers.numbers-medium {
	font-size: 70px;
}
.valuebox-numbers.numbers-large {
	font-size: 88px;
}
.value {
  display: block;
	font-size: inherit;
	font-weight: 800;
  /* font-weight: bold; */
  /* opacity: 0.7; */
}
.unit {
	color: inherit;
	font-weight: 800;
	font-size: inherit;
}	
.valuebox-content {
	padding: 1rem 2rem;
	margin-bottom: 0px;
}
.valuebox-title {
	font-family: 'Mulish', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 0px;
	font-weight: 400;
	line-height: 1.1;
	color: #0e71b8;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.valuebox.small .valuebox-title {
	font-size: 20px;
	padding-right: 50px;
}

a.valuebox:hover .valuebox-title {
	transform-origin: bottom;
	font-weight: 700;
}
a.valuebox:hover .valuebox-title {
transform: scale(1.2);
}

.valuebox-title.title-small {
	font-size: 24px;
}
.valuebox-title.title-medium {
	font-size: 30px;
}
.valuebox-title.title-large {
	font-size: 38px;
}
.valuebox-lead {
	padding-top: 10px;
}
.valuebox-lead p {
	font-size: 16px;
	line-height:1.7;
	margin-bottom: 0;
}

a.valuebox .valuebox-lead p {
	color: #1d1d1b;
}
a.valuebox:hover .valuebox-lead p {
	color: #1d1d1b;
	opacity: 1;
}

	@media (max-width: 1380px) {
	
	}
	@media (max-width: 1130px) {
		
	}
	@media (max-width: 1023px) {

	
		
	}
	@media (max-width: 767px) {
		
		.valuebox-numbers.numbers-small {
			font-size: 40px;
		}
		.valuebox-numbers.numbers-medium {
			font-size: 50px;
		}
		.valuebox-numbers.numbers-large {
			font-size: 63px;
		}
		.valuebox-title.title-small {
			font-size: 20px;
		}
		.valuebox-title.title-medium {
			font-size: 26px;
		}
		.valuebox-title.title-large {
			font-size: 30px;
		}

	}
	@media (max-width: 640px) {
		
	}