/* fppd-faqs-container styles */
.fppd-faqs-container {
    padding: 3rem 0; /* Adjust vertical padding as needed */
}

/* Section Title */
.fppd-faqs-container .fppd-section-title {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.8rem;
    text-transform: uppercase;
}

/* Accordion general styling */
.fppd-faqs-accordion .accordion-item {
    border: 1px solid rgba(0, 0, 0, 0.125); /* Light border for each FAQ item */
    margin-bottom: 0.5rem; /* Space between FAQ items */
    border-radius: 0.5rem; /* Rounded corners for the items */
    overflow: hidden; /* Ensures rounded corners are visible */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* Subtle shadow */
}

/* Accordion header button */
.fppd-faqs-accordion .accordion-button {
    background-color: #ffffff; /* White background for the button */
    color: inherit; /* Inherit text color from container */
    font-weight: 600; /* Slightly bolder question text */
    font-size: 1.1rem;
    padding: 1rem 1.5rem; /* Padding inside the button */
    border: none; /* Remove default button border */
    border-radius: 0.5rem 0.5rem 0 0; /* Rounded top corners */
    transition: background-color 0.2s ease-in-out;
}

.fppd-faqs-accordion .accordion-button:not(.collapsed) {
    background-color: #e9ecef; /* Slightly darker background when open */
    color: inherit;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); /* Border at the bottom when open */
}

.fppd-faqs-accordion .accordion-button:focus {
    box-shadow: none; /* Remove outline on focus */
    border-color: transparent; /* Ensure no border on focus */
}

/* Accordion body for the answer */
.fppd-faqs-accordion .accordion-body {
    background-color: #ffffff; /* White background for the answer content */
    color: inherit; /* Inherit text color from container */
    padding: 1rem 1.5rem; /* Padding inside the answer */
    border-top: 1px solid rgba(0, 0, 0, 0.05); /* Light border at the top of the body */
}

/* Adjusting icon for accordion */
.fppd-faqs-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transition: transform 0.2s ease-in-out;
}

.fppd-faqs-accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .fppd-faqs-container {
        padding: 2rem 0;
    }

    .fppd-faqs-container .fppd-section-title {
        font-size: 1.5rem;
    }
}