.portfolio-menu {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    border: 1px solid var(--color-primary);
    border-radius: 25px;
    padding: 0 20px;
    margin: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

.portfolio-menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.portfolio-menu-item {
    color: var(--color-primary);
    padding: 12.5px;
    white-space: nowrap;
}

.portfolio-menu-item:not(:last-child) {
  border-right: 1px solid transparent;
}

.portfolio-menu-item.active a {
    font-weight: var(--font-bold);
}

.portfolio-menu-item:hover a {
    color: var(--color-black);
}

@media (max-width: 544px) {
    .portfolio-menu {
        gap: 0;
    }
}