.ci-accordion {
    .intro-text {
        margin-bottom: 4rem;
    }
    .collapsible-content__grid {
        .accordion {
            border: none;
            summary {
                padding: 1.5rem 1rem;
                transition: 0.3s ease-in-out;
                cursor: pointer;
                position: relative;
                list-style: none;
                border-bottom: 1px solid var(--color-ci-pale-gray);
                &::-webkit-details-marker {
                    display: none;
                }
                &:hover {
                     background-color: var(--color-ci-bg-main);
                }
                .accordion__title {
                     font-size: 3rem;
                     font-weight: 400;
                     line-height: 1.2;
                     margin: 0;
                     @media screen and (max-width: 1024px) {
                        font-size: 2.2rem;
                     }
                }
                &:hover .accordion__title {
                    text-decoration: none;
                }
                .icon-caret {
                    position: absolute;
                    height: 1.2rem;
                    top: 50%;
                    right: 1rem;
                    transform: translateY(-50%) rotate(0deg);
                    transition: transform 0.3s ease-in-out;
                }
            }
            details[open] > summary {
                .icon-caret {
                     transform: translateY(-50%) rotate(90deg);
                }
            }
            .accordion__content {
                margin-bottom: 0;
                .accordion__inner {
                    padding-top: 2rem;
                    padding-bottom: 3rem;
                }
                .accordion-item__content {
                    margin-bottom: 3rem;
                }
                .faq-item {
                    margin-bottom: 4rem;
                    &:last-child {
                        margin-bottom: 0;
                    }

                    .faq-question {
                        font-weight: 500;
                        color: #a4bcbb;
                        margin-bottom: 1.5rem;
                    }

                    .faq-answer {
                        h1, h2, h3, h4, h5, h6, p, ul, ol {
                            margin: 0 0 1rem;
                        }
                    }
                }
            }
        }
    }
}