<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* ========================================= Number Card ========================================= */
.number-card-block {
	width: 100%;
	
	.card-wrapper {
		background-size: cover;
		background-position: center;
		position: relative;
		z-index: 2;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 350px;
		
		@media screen and (min-width: 991px) {
			min-height: 500px;
		}
		
		.background-overlay {
			background-color: var(--green-dark-transparent-2);
			position: absolute;
			inset: 0;
			z-index: -1;
		}
		
		.content-wrapper {
			display: flex;
			flex-direction: column;
			align-items: center;
			
			.number-wrapper {
				background-color: var(--light-blue);
				color: var(--green-dark-1);
				border-radius: 50%;
				aspect-ratio: 1/1;
				width: auto;
				padding: 0.5rem;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 2rem;
				font-weight: 700;
				margin-bottom: 0.5rem;
			}
			
			.text-wrapper {
				font-size: 2rem;
				color: var(--white);
				font-weight: 600;
				line-height: 1;
				text-align: center;
				display: block;
			}
		}
	}
}</style>
<!-- end Simple Custom CSS and JS -->
