.counter{
    padding: 80px 30px;
    background-color: var(--bg-color);
}
.counter-content{
    display: grid;
    grid-template-columns: 1fr 1fr ;
    max-width: 1200px;
    margin-inline: auto;
}
.counter-content  *{
    color: white;
}

.counter-content .left h2{
    font-size: 70px;
    text-align: center;
}
.counter-content .left p{
    font-size: 20px;
    text-align: center;
    color: var(--bg-gold);
}
.counter-content .right h2{
    font-size: 70px;
    text-align: center;
}
.counter-content .right p{
    font-size: 20px;
    color: var(--bg-gold);
    text-align: center;
}

@media screen and (max-width:576px) {
   
    .counter-content{
        grid-template-columns: 1fr;
        gap: 50px;
    }
}