.hero{
    padding: 75px 0;
    background: var(--dark-surface);
}

.hero h1{
    color: var(--text-p1-dark);
}

.hero p{
    color: var(--text-p2-dark);
    font-weight: 500;
    font-size: 1rem;
}

.info{
    padding: 75px 0;
}

.info h1{
    color: var(--dark-surface);
    font-weight: 700;
}

.info p{
    color: var(--black-50);
    font-weight: 500;
    font-size: 1rem;
}