.faq-accordion{
    container-type: inline-size;
    container-name: faq-accordion;
}

.faq-accordion-inner{
    padding:40px 15%;
      .faq-row{
        border-bottom:solid 1px #8C9DAB;
        padding: 20px 0;
        &:last-child{
            border-bottom: none;
        }
      }
      .accordion-part {
        .accordion-button {
            display: block;
            padding-right: 30px;
            position: relative;
            font-family: var(--wp--preset--font-family--outfit);
            font-weight: 500;
            font-size: 20px;
            width: 100%;
            text-align: left;
            min-height: 40px;
            height:auto;
            line-height: 1.2;
            &:after{
                content: '';
                position: absolute;
                top: 50%;
                right: 0;
                margin-top: -10px;
                width: 20px;
                height: 21px;
                background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5ZM9.0625 13.9375C9.0625 14.4844 9.45312 14.875 10 14.875C10.5078 14.875 10.9375 14.4844 10.9375 13.9375V11.4375H13.4375C13.9453 11.4375 14.375 11.0469 14.375 10.5C14.375 9.99219 13.9453 9.5625 13.4375 9.5625H10.9375V7.0625C10.9375 6.55469 10.5078 6.125 10 6.125C9.45312 6.125 9.0625 6.55469 9.0625 7.0625V9.5625H6.5625C6.01562 9.5625 5.625 9.99219 5.625 10.5C5.625 11.0469 6.01562 11.4375 6.5625 11.4375H9.0625V13.9375Z' fill='%231A8C95'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                transition: all 0.3s ease-in-out;
            }
        }
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            padding: 0 30px 0 0;
        }
    }
    .active{
        .accordion-part {
            .accordion-button {
                &:after {
                    transition: all 0.3s ease-in-out;
                    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5ZM7.1875 9.5625C6.64062 9.5625 6.25 9.99219 6.25 10.5C6.25 11.0469 6.64062 11.4375 7.1875 11.4375H12.8125C13.3203 11.4375 13.75 11.0469 13.75 10.5C13.75 9.99219 13.3203 9.5625 12.8125 9.5625H7.1875Z' fill='%2395BFDE'/%3E%3C/svg%3E");
                }
            }
            .accordion-content {
                max-height: 1000px; /* Set a large enough value to ensure content is visible */
                padding: 12px 30px 12px 0;
            }
        }
    }
}

@container faq-accordion (width <= 700px) {
    .faq-accordion-inner{
        padding:20px 0 45px;
    }
}