/*
* By-the-numbers.css
*/

.by-the-numbers {
    margin-top: 60px;
    padding-bottom: 60px;
}
.by-the-numbers .inner>header h2 {
    text-align: center;
    margin-bottom: 1.5rem;
}
.by-the-numbers .inner {
    overflow: visible;
    padding: 0 10px;
	}
.by-the-numbers .inner main {
    margin: auto;
    max-width: 1000px;
    overflow: visible;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 3rem;
    row-gap: 3rem;
}
.by-the-numbers .card {
    border-radius: 12px;
    padding: 1.5rem;
    /* box-shadow: 0px 0px 50px #2E6CC13B; */
    box-shadow: 0px 0px 50px #82b41528;
    height: 100%;
}
.by-the-numbers .card p {
    margin-bottom: 0;
    color: var(--blue);
}
.by-the-numbers .card .statistic {
    font-size: 3rem;
    font-size: 2.4rem;
    font-weight: 600;
}
.by-the-numbers .card .label {
    font-size: 1.6rem;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 400;
}

.by-the-numbers .label br {
    display: none;
}
.by-the-numbers .row {
	margin-inline: -2%;
	}
	
.by-the-numbers .col {
	padding-inline: 2%;
	margin-bottom: 40px;
	}
	


@media only screen and (min-width: 450px) {
	.by-the-numbers .inner {
		padding: 0 30px;
		}
    .by-the-numbers .inner main {
        grid-template-columns: repeat(2, 1fr);
    	}
    .by-the-numbers .label br {
        display: unset;
   	 }
    
	.by-the-numbers .card .statistic {
		font-size: 3rem;
		}
	.by-the-numbers .card .label {
		font-size: 1.6rem;
		}
    
}

@media only screen and (min-width: 972px) {
    .by-the-numbers .inner main {
        grid-template-columns: repeat(4, 1fr);
    }
}