.ctgry-nvgtn {
    background-color: #ffffff;
    width: 100%;
    transition: top 0.3s;
    display: block;
    z-index: 9;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    opacity: 1;
    position: sticky;
    top: 60px;
}

.ctgry-nvgtn.hide {
    opacity: 0;
}

.ctgry-nvgtn-lst {
    overflow: auto;
    white-space: nowrap;
    height: fit-content;
    display: flex;
    flex-wrap: nowrap;
    gap: 0px;
}

.ctgry-nvgtn-lst a {
    display: inline-block;
    text-align: center;
    padding: 12px 14px;
    text-decoration: none;
    font-size: 0.9em;
    text-transform: capitalize;
    border-right: 1px solid #b6b6b657;
}

.ctgry-nvgtn-lst a:last-of-type {
    border: none;
}

.ctgry-nvgtn-lst a:hover {
    background-color: #c9c9c959;
}