.c-faq {
    background:var(--white);
    padding-block:var(--space-l-2xl);
}
.c-faq__img {
    display: block;
    max-width:min(100%, 1000px);
    margin-inline:auto;
}
.c-faq__heading {
    padding-block:var(--space-m-l);
}
.c-faq__item {
    width:100%;
    text-align:start;
    position: relative;
    filter:drop-shadow(0px 3px 6px rgba(0,0,0,.3));
    transition:transform .5s ease-in-out;
    margin-block-end:var(--space-l);
}
:nth-last-child(1 of .c-faq__item) {
    margin-block-end:0;
}
.c-faq-item__top {
    color:var(--corporategreen);
    display:flex;
    justify-content: space-between;
    align-items:center;
    background:var(--powder);
    padding:var(--space-xs) var(--space-s);
    border-start-start-radius:var(--border-radius);
    border-start-end-radius:var(--border-radius);
    border-end-start-radius:0;
    border-end-end-radius:0;
    column-gap:var(--space-2xs);
    cursor: pointer;
}
.c-faq-item__arrow {
    display:block;
    margin-top:0;
    transition: .5s ease-in-out;
}
.c-faq-item__arrow svg {
    transform:rotate(-180deg);
    transition: .5s ease-in-out;
}

@media (hover:hover) {
  .c-faq__item:hover {
    transform:scale(1.05);
  }
}

.c-faq-item__body {
    margin-block-start:calc( var(--border-radius) * -1);
    overflow:auto;
    max-height:300px;
    height:auto;
    background:var(--powder);
    border-end-start-radius:var(--border-radius);
    border-end-end-radius:var(--border-radius);
    transition:max-height .5s ease-in-out;
}

.c-faq-item__inner {
    padding:var(--space-m);
    width:100%;
    height:100%;
    box-sizing: border-box;
}

.c-faq__item.js-is-closed .c-faq-item__top {
    border-end-start-radius:var(--border-radius);
    border-end-end-radius:var(--border-radius);
}
.c-faq__item.js-is-closed .c-faq-item__body {
    max-height:0;
}
.c-faq__item.js-is-closed .c-faq-item__arrow svg {
    transform:rotate(0deg);
}

.c-faq__btn {
    margin-block-start:var(--space-m);
    margin-inline:auto;
}