/* FAQs Block Start  */
.accordion {
    background-color: #111111;
    padding: 50px 20px;
    max-width: unset !important;
    border-bottom: 10px solid var(--titanBlue);
}

.accordion .container {
    display: flex;
    justify-content: center;
}

.accordion .accordion-outer {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}

.accordion .dropdown-item {
    color: #fff;
    font-size: 20px;
    border: 1px solid var(--darkGreen);
    position: relative;
    cursor: pointer;
    border-top: 1px solid var(--titanBlue);
    padding: 20px 10px;
    /* Removed transition - handled by JS */
}

.accordion .dropdown-item::after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 25px;
    background-image: url(/wp-content/themes/titan-packaging/assets/images/titan-chevron-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s; 
}

.accordion .dropdown-item.active {
    border-color: #fff;
}

.accordion .dropdown-item.active::after {
    transform: rotate(-90deg);
}
.accordion .dropdown-item:last-child {
    margin-bottom: 0;
}
.accordion .dropdown-item .item-heading {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 1.6rem;
    max-width: 95%;
}

/* Content styling - no transitions */
.item-content {
    overflow: hidden;
    color: #fff;
    /* Removed all transition properties */
}



/* Inner text styles */
.item-content p {
    font-weight: 300;
}

.item-content a {
    color: var(--titanBlue);
    text-decoration: none;
    font-weight: 400;
    transition: color 0.3s;
}

.item-content a:hover {
    color: var(--titanGreen);
}
.category-heading.open{
    background-color: #000;
    color: var(--titanYellow) !important;
}
.category-heading {
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    padding: 30px 20px;
    margin: unset;
    position: relative;
}
.category-heading:hover{
    background-color: var(--titanYellow);
    color: #000 !important;
}
.category-heading::after{
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 25px;
    background-image: url(/wp-content/themes/titan-packaging/assets/images/titan-chevron.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s;
    filter: invert(80%) sepia(67%) saturate(1145%) hue-rotate(4deg) brightness(102%) contrast(105%);
}
.category-heading.open {
    /* color: var(--lightGreen); Or whatever highlight */
    background-color: var(--titanYellow);
    color: #000 !important;
}
.category-heading::after{
     /* white filter  */
     filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(317deg) brightness(102%) contrast(101%);
}
.category-heading.open::after{
    transform: rotate(-180deg);
    /* yellow filter  */
    filter: invert(89%) sepia(99%) saturate(511%) hue-rotate(356deg) brightness(104%) contrast(95%);
    /* filter: unset; */
   
}
.faq-items-wrapper {
    overflow: hidden;
    /* transition: height 0.3s ease; */
}


.faq-category{
    border: 1px solid var(--titanBlue);
    margin-bottom: 30px;
}