.counts{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.counts div{
    
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    padding: 10px;
    gap: 10px;
}
.counters{
    background-color: #148EBF;
    padding: 20px;
}
.counts{
    color: #fff;
}
.counts div h3{
    color: #fff;
}
.counts div i{
    font-size: 50px;
}
.counts div div{
    font-size: 18px;
}

@media(max-width:1100px){
    .counts{
        grid-template-columns: 1fr 1fr;
    }
    
}
@media(max-width:650px){
    .counts{
        grid-template-columns: 1fr;
    }
    .count-item{
        border-bottom: 1px solid #fff;
    }
}