.archive.tax-faq_topic main#main{
    background-color: #EDF0F3;
}
.section-category-faqs h1{
    color: var(--green);
}

/* DETAIL FAQS */
.faq-topic-title,
.faq-hero-title{
    color: var(--green);
}
.tabs-category-faqs .faq-nav{
    background-color: white;
    border-radius: 8px;
}
.tabs-category-faqs .faq-nav .nav-link.active{
    background: linear-gradient(180deg, #0aab6094 0%, #0aab61 100%);
    color: white;
    font-weight: 600;
    line-height: 1.6;
    text-transform: math-auto;
}
.tabs-category-faqs .faq-nav .nav-link.active:hover{
    background-color: var(--green);
}
.tabs-category-faqs .faq-nav .nav-link{
    color: var(--black);
    line-height: 1.6;
    width: 100%;
    text-transform: math-auto;
    text-align: left;
    border-radius: 8px;
    margin-right: unset;
    margin-bottom: unset;
    padding: 12px 14px;
    font-weight: 600;
}
.tabs-category-faqs .faq-nav .nav-link:hover{
    background-color: #599832a1;
}
.faq-topic-title{ 
    margin-bottom: 18px; 
}
.faq-taxonomy-wrap{ 
    padding: 20px 0 40px; 
}
.faq-tab-content{ 
    background: #fff; 
    border-radius: 12px; 
    padding: 14px 16px; 
    border: 1px solid rgba(0, 0, 0, .06); 
}
.mb-product-info-pane{ 
    background: #fff; 
    border: 1px solid rgba(0, 0, 0, .06); 
    border-radius: 12px; 
    padding: 14px 16px; 
    margin-bottom: 12px; 
}
.mb-product-info-pane h3{ 
    margin: 0 0 10px; 
    font-size: 18px; 
    font-weight: 700; 
}
/* Phân trang */
.faq-pagination{ 
    margin-top: 18px; 
}
.faq-pagination ul{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.faq-pagination li a,
.faq-pagination li span{
    display: inline-block;
    padding: 5px 13px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 10px;
    text-decoration: none;
}
.nav-pagination>li>.current{
    background-color: var(--black);
    border-color: var(--black);
} 
.nav-pagination>li>a:hover, 
.nav-pagination>li>span:hover,
.faq-pagination li span:hover,
.faq-pagination li a:hover{
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: white;
}
.faq-pagination li span.current{
  font-weight:700;
  background:#111;
  color:#fff;
  border-color:#111;
}

/* FORM SEARCH */
.faq-hero-search{
    margin-bottom: unset;
}

/* REPONSIVE */
/* MOBILE */
@media only screen and (max-width: 767px){
    .section-category-faqs h1{
        display: none;
    }
    .faq-mobile-accordion .accordion-button:not(.collapsed), 
    .faq-mobile-accordion .accordion-item:first-of-type>.accordion-header .accordion-button {
        box-shadow: unset;
        margin-bottom: unset;
    }
    .faq-mobile-accordion .accordion-header .accordion-button {
        background-color: var(--green) !important;
        text-transform: math-auto;
        font-weight: 700;
        padding: 10px;
        color: white !important;
    }
    .faq-mobile-accordion .accordion-header .accordion-button.collapsed {
        background-color: white !important;
        text-transform: math-auto;
        font-weight: 700;
        padding: 10px;
        color: var(--black) !important;
    }
    .faq-mobile-accordion .accordion-button:not(.collapsed)::after {
        filter: brightness(0) invert(1);
    }
}