.filters-button-group{
    border-bottom: 1px solid rgba(17, 17, 17, 0.1);
    transition: background-color 0.1s ease 0s;
    background-color: rgba(17, 17, 17, 0.05);
    border-radius: 8px;
}
.filters-button-group button{
    background-color: none;
    
    border: none;
    outline: none;
    margin-right: 20px;
position: relative;
}
@media(max-width:992px){
    .filters-button-group button{
        font-size: 15px !important;
    }
}
.filters-button-group button::before{
    position: absolute;
    z-index: 1;
    display: block;
    inset: 6px -9px;
    border-radius: 16px;
    padding: 15px 0;

    top: -1px;
    opacity: 0;
    transform: scale(0.8);
    background-color: rgb(17, 17, 17);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    content: "";
}
.filters-button-group button:hover::before{
    opacity: 0.1;
    transform: scale(1);
}

.filters-button-group button.is-checked:after{
    position: absolute;
    display: block;
    right: 0px;
    bottom: -9px;
    left: 0px;
    height: 2px;
    
    transform: translate(0px, 0px) scaleY(1);
    transform-origin: 50% 100%;
    background-color: rgb(17, 17, 17);
    content: "";
}
#owl-demo4 .owl-nav {
    width: 100% !important;
    margin-top: -40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
#owl-demo4 .owl-stage-outer {
   height: 50px;
}
#owl-demo4 .owl-stage{
    top: 11px !important;
    padding: 0 30px !important;
}
#owl-demo4 .owl-next::before{
display: none !important;
}

#owl-demo4 .owl-next.is-checked:after{
    display: none !important;
}
#owl-demo4 .owl-next:hover::before{
    display: none !important;
}
#owl-demo4 .owl-prev::before{
    display: none !important;
    }
    
    #owl-demo4 .owl-next.is-checked:after{
        display: none !important;
    }
    #owl-demo4 .owl-next:hover::before{
        display: none !important;
    }
    
#owl-demo4 .owl-nav [class*=owl-]:hover {
    background: transparent !important;
    color: #000 !important;
}
#owl-demo4 .owl-next,#owl-demo4 .owl-prev{
    padding: 0 10px !important;
}
#owl-demo4 .owl-next i{
    -webkit-text-stroke: 1px white;
    font-size: 22px !important;
}
#owl-demo4 .owl-prev i{
    -webkit-text-stroke: 1px white;
    font-size: 22px !important;
}