.homepage-banner-wraper{
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 #f5f5f5;
    border: solid 1px #f5f5f5;
    background-blend-mode: multiply;
    background-image: linear-gradient(to bottom, #fff, #fff);  
} 

.homepage-banner-wraper .homepage-banner-wraper-buttons a{
    border-bottom: 1px solid #f5f5f5;
}

.homepage-banner-wraper .homepage-banner-wraper-buttons a:last-child{
    border-bottom: none;
}
    
.homepage-banner-wraper .homepage-banner-wraper-buttons a.active { 
    background-color: #ba7133;
    color: white;
    position: relative;
    border-bottom: none;
}

.homepage-banner-wraper .homepage-banner-wraper-buttons a.active:before {
    content: "";
    width: 100%;
    height: 100%;
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
    border-right: 17px solid #ba7133;
    position: absolute;
    right: 100%;
}

.homepage-categories h3, .homepage-products h3{
    font-size: 24px;
    font-weight: 500;
    color: #171716;
}

.homepage-categories .homepage-categories-category div.image{
    height: 72px !important;
    background-color: #f5f5f5;
}
.homepage-categories .homepage-categories-category{
    font-size: 16px;
    font-weight: 500;
}

.homepage-banner-wraper-banners{
    height: 352px;
    overflow: hidden;
}

.homepage-banner-wraper-button a:hover{
    color: white !important;
    font-weight:bold;
}

.banner-image-item{
    display: none;
}

.banner-image-item.active{
    display: block !important;
} 


.banner-button-swicth:hover{
    background-color: #ddd;
}