/*===========================
    05.CLASSIFED ADS css 
===========================*/

.ads-area{}
.ads-bg{
    background-color: $gray;
}


.ads-product-wrapper{
    & .nav{
        & .nav-item{
            padding: 0 25px;
            margin-top: 10px;
            
            @media #{$xs}{
                padding: 0;
                width: 50%;
            }
            @media #{$sm}{
                padding: 0 10px;
                width: auto;
            }
            
            & a{
                font-size: 14px;
                font-weight: 600;
                color: $body-color;
                text-transform: uppercase;
                position: relative;
                padding-left: 20px;
                @include transition(0.3s);
                
                &::before{
                    width: 10px;
                    height: 10px;
                    background-color: $body-color;
                    border-radius: 50%;
                    position: absolute;
                    content: '';
                    top: 50%;
                    left: 0;
                    opacity: 0.3;
                    @include transform(translateY(-50%));
                    @include transition(0.3s);
                }
                
                &:hover,
                &.active{
                    color: $theme-color-2;
                    
                    &::before{
                        opacity: 1;
                        background-color: $theme-color-2;
                    }
                }
            }
        }
    }
}