.top--sub-menu {display: flex;justify-content: space-between;list-style-type: none;margin: 0;padding: 0}
.top--sub-menu a{text-decoration: none;transition: .4s;padding: 8px 16px 8px 0;display: flex;white-space: break-spaces;font-family: 'Inter';
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color:var(--text);
    gap:8px;align-items: center;
}
.top--sub-menu a{word-break: break-word}
.top--sub-menu a:hover,
.top--sub-menu .selected a
{color:var(--main)}

@media all and (max-width: 1300px) {
    .top--sub-menu a {padding: 8px 0;flex-direction: column}
}

@media all and (max-width: 1024px) {
    .top--sub-menu a {font-size: 13px}
}

@media all and (max-width: 768px) {
    .top--sub-menu a {font-size: 12px}
}