/* Minification failed. Returning unminified contents.
(2,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(3,23): run-time error CSS1039: Token not allowed after unary operator: '-font-title'
(25,17): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(47,28): run-time error CSS1039: Token not allowed after unary operator: '-green-normal'
(48,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(62,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-text'
(83,21): run-time error CSS1039: Token not allowed after unary operator: '-black-title'
(84,27): run-time error CSS1039: Token not allowed after unary operator: '-font-medium'
(88,36): run-time error CSS1039: Token not allowed after unary operator: '-gray-border'
 */
#brands .title {
    color: var(--black-title);
    font-family: var(--font-title);
    font-size: 2.5rem;
    padding: 2.5rem 0 5rem 0;
}
/*TABS*/
#brands .nav-tabs {
    border: none;
}
#brands .nav-tabs .nav-item {
    margin: 0;
    width: 20%;
}
#brands .nav-tabs .nav-item:last-child {
    width: calc(20% + 1px);
}
#brands .nav-tabs .nav-item .nav-link {
    align-items: center;
    background-color: white;
    border: 1px solid #CFCFCF;
    border-bottom-width: 0;
    border-right-width: 0;
    border-radius: 0;
    color: var(--black-title);
    display: flex;
    height: 60px;
    justify-content: center;
    padding: 0;
    text-align: center;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
#brands .nav-tabs .nav-item:nth-child(5n) .nav-link
{
    border-right-width: 1px;
}
#brands .nav-tabs .nav-item:last-child .nav-link
{
    border-right-width: 1px;    
}
#brands .nav-tabs .nav-item:nth-last-child(-n+5) .nav-link {
    border-bottom-width: 1px;
}
#brands .nav-tabs .nav-item .nav-link.active,
#brands .nav-tabs .nav-item .nav-link:focus,
#brands .nav-tabs .nav-item .nav-link:hover {
    background-color: var(--green-normal);
    color: var(--white-text);
}
#brands .tab-content {
    margin: 3rem 0;
}
#brands .tab-content .brand-box {
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 4rem;
    padding-bottom: 2rem;
}
#brands .tab-content .tab-pane .brand-box:last-child {
    border-bottom: none;
}
#brands .tab-content .brand-box .brand-description {
    color: var(--gray-text);
}
#brands .accordion-button {
    padding: 1rem 0 0.75rem 0
}
#brands ion-icon {
    color: var(--gray-text);
    font-size: 1rem;
}
#brands div[data-toggle="collapse"] ion-icon[name="chevron-down-outline"],
#brands div[data-toggle="collapse"].collapsed ion-icon[name="chevron-up-outline"] {
    display: none;
}
#brands div[data-toggle="collapse"].collapsed ion-icon[name="chevron-down-outline"],
#brands div[data-toggle="collapse"] ion-icon[name="chevron-up-outline"] {
    display: block;
}
/*END TABS*/
/*SM*/
@media (max-width: 767px) {
    #brands .accordion-button p {
        color: var(--black-title);
        font-weight: var(--font-medium);
        font-size: 1rem;
    }
    #brands .collapse:not(.show) {
        border-top: 1px solid var(--gray-border);
        display: block;
        height: 1px;
        overflow: hidden
    }
    #brands .brand-box {
        border-bottom: 1px solid #D5D5D5;
        margin-bottom: 2.75rem;
        padding-bottom: 1.5rem;
    }
    #brands .brand-box .brand-description {
        margin-bottom: 2rem;
    }
}
@media (max-width: 991px) {
    #brands .title {
        font-size: 2rem;
        padding: 3rem 0;
    }
}
@media (max-width: 1199px) {
    #brands .nav-tabs .nav-item .nav-link {
        padding: 0.5rem;
    }
}