/* /banner */
.section-banner .banner{
    background: transparent;
}

.section.section-list-brands{
    padding:50px 0;
}

.section-list-brands .box-brand-information-general{
    background: var(--bg-light);
    border-radius: 16px;
    height:100%;
    transition: .3s ease;
}
.section-list-brands .box-brand-information-general img{
    border-radius:16px 16px 0 0;
    width: 100%;
}
.section-list-brands .box-brand-information-general h2{
    font-size: var(--font-h3) !important;
}
.section-list-brands .box-brand-information-general .brand-image{
    position: relative;
    overflow: hidden;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-list-brands .box-brand-information-general .brand-content{
    padding:20px 16px 16px;
}
.section-list-brands .box-brand-information-general .button.brand-button{
    background: transparent;
    color:var(--fs-color-secondary);
    border: none;
    box-shadow: none;
    position: absolute;
    bottom:0;
    margin:0;
    transform: translateY(100%);
    transition: .3s ease;
    z-index: 9;
    text-transform: none;
}
.section-list-brands .box-brand-information-general:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: translateY(-1%);
}
.section-list-brands .box-brand-information-general .brand-image:before{
    content:"";
    background: linear-gradient(to top, rgba(0,0,0,0.35), transparent);
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius:16px 16px 0 0;
    transform: translateY(100%);   
    transition: .3s ease;
}
.section-list-brands .box-brand-information-general:hover .brand-image:before,
.section-list-brands .box-brand-information-general:hover .button.brand-button{
    transform: translateY(0);
}
.section-list-brands .box-brand-information-general .brand-desc{
    color: #777;
}