/* FAQ item styles */
.faq-item {
    margin-bottom: 20px;
    cursor: pointer;
    overflow: hidden; /* Hide the answer initially */
    transition: max-height 0.3s ease-in-out; /* Add a smooth transition effect */
}

/* Question styles */
.faq .question {
    padding: 35px 54px 35px 0;
    margin-bottom: -25px;
    font-size: 24px;
    line-height: 1em;
    cursor: pointer;
    color: inherit;
    position: relative;
    border-top: 1px solid #a3a3a3;
}
.faq .question::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38418 7.83121L13.8417 0.979811C14.0531 0.755333 14.0528 0.391897 13.8406 0.167795C13.6284 -0.0561333 13.2847 -0.0555547 13.0731 0.168953L6.99997 6.61254L0.926841 0.168721C0.715201 -0.0557571 0.371737 -0.0563358 0.159551 0.167564C0.0531836 0.279904 5.09285e-09 0.427078 6.84788e-09 0.574252C8.59843e-09 0.721049 0.0528278 0.867644 0.158457 0.979782L6.6158 7.83121C6.71746 7.93933 6.85582 8 6.99997 8C7.14413 8 7.28232 7.93916 7.38418 7.83121Z' fill='%23B48B21'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .5s all;
}
.faq .question.open::after {
    transform: rotate(180deg);
}
/* Answer styles */
.faq .answer {
    margin: 0;
    max-height: 0; /* Initially hide the answer */
    transition: max-height 0.3s ease-in-out; /* Add a smooth transition effect */
}