.header__menu-main {
    flex-grow: 1;
}



.header__menu-main a{
    color: var(--text-main);
}
.header__menu-main a:hover {
    color: var(--accent);
    text-decoration: none;
}

.header__menu-main > ul {
    display: flex;
    align-items: center;
    column-gap: 50px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

@media (max-width: 1500px) {
    .header__menu-main > ul {
        column-gap: 35px;
    }
}