.header-banner{
    background: var(--color-primary-hover);
    padding-top: 90px;
    padding-bottom: 150px;
}

.header-banner__inner{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(290px, auto));
}

.header-banner__inner-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.header-banner__inner-child h2,
.header-banner__inner-child p{
    color: var(--color-light);
}


.header-banner__inner-child h2{
    font-size: 3rem;
}

.header-banner__inner-child{
    font-size: var(--font-base);
}