.subcat-pill {
    display: inline-block;
    background-color: #aed3a2;
    color: #000 !important;
    padding: 8px 16px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.subcat-pill:hover {
 
     background-color: #8ab07d;
}

.subcat-slider {
    display:flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    justify-content: flex-start;
    gap:10px;
}

.subcat-slider-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
}