.hero{
    width: 100%;
    height: 25vh;
    background: linear-gradient(90deg, #f1c40f, #f39c12);
    background-position: center;
    background-size: cover;
    text-align: center;
    position: relative;
}


.col{
    flex-basis: 22%;
    text-align: center;
    color: rgb(10, 10, 10);
    font-size: 24px ;
}
.counter-box{
    width: 100%;
    height: 100%;
    
    padding: 15px 0;
    border-radius: 5px;
    
}
.col h2,.col span{
    display: inline-block;
    margin: 15px 0;
    font-size: 50px;
    color: rgb(255, 255, 255);
}