div.stats {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    gap: 20px;    
}
div.stats div {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius: 17px;
    aspect-ratio: 2.5/1;
}
div.stats div p {text-align: center;}
div.stats p span {display: block;}
div.stats p span.number {font-size: 28px;font-weight: 600;}
div.stats p span.txt {margin-top: 5px;color: #454545;}

@media screen and (max-width: 1040px) {
    div.stats div {padding: 10px;aspect-ratio: 1.8/1;}
}

@media screen and (max-width: 890px) {
    div.stats {
        flex-direction: row;
        flex-wrap: wrap;
        & div {
            width: calc(50% - 30px);
            aspect-ratio: 4/1;
        }
    }
}