.statistics {
    padding: 60px 0;
}
.statistics .blocks {
    display: grid;
    grid-template-columns: repeat(4 , 1fr);
    grid-gap: 30px;
}
.statistics .blocks .block {
    border: 4px solid var(--theme-semiwhite);
    background: var(--White);
    padding: 20px 20px 30px 20px;
    text-align: center;
    transition: 0.3s;
}
.statistics .blocks .block:hover {
    border: 4px solid var(--Mint);
    background: var(--Mint);
}

.statistics .blocks .block .h1 {
    color: var(--Mint);
    font-weight: 700;
    line-height: 1.538;
    margin-bottom: 0;
}
.statistics .blocks .block:hover .h1 {
    color: var(--White);
}
.statistics .blocks .block p {
    font-size: calc(1rem - 2px);
}
.statistics .blocks .block:hover p {
    color: var(--White);
}

@media screen and (max-width: 991px) {
    .statistics {
        padding: 50px 0;
    }
    .statistics .blocks {
        grid-template-columns: repeat(2 , 1fr);
        grid-gap: 10px;
    }
    .statistics .blocks .block {
        padding: 20px 10px 30px 10px;
    }
    .statistics .blocks .block .h1 {
        font-size: 2.75rem;
    }
    
}