.lgps-accordion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;

    .lgps-accordion__item {
        display: flex;
        padding: 22px 32px;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 38px;
        align-self: stretch;
        border-radius: 6px;
        position: relative;

        .lgps-accordion__header {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
            flex: 1 0 0;
            background: transparent;
            color: inherit;
            justify-content: space-between;

            .lgps-accordion__title {
                color: var(--Text-Off-Black, #1D1E1C);

                /* Subtitle */
                font-family: Nunito;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 22px; /* 137.5% */
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
            }
            .lgps-accordion__icon {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-end;
                gap: 10px;
                align-self: stretch;
                position:relative;

                &::before {
                    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M5.49707 7.5L10.498 12.501L15.499 7.5" stroke="%2320234A" stroke-width="2.00043" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    position: absolute;
                    right: 0;
                    top: 0;
                }
            }

            &[aria-expanded="true"] {
                .lgps-accordion__icon::before {
                    transform: rotate(180deg);
                }
            }

        }

        .lgps-accordion__panel {
            .lgps-accordion__panel-inner {

            }
        }

        &:after {
            bottom:-8px; left:0; right:0; position:absolute;
            height: 1px;
            background: rgba(32, 35, 74, 0.30);
            display: block;
            content: "";
        }
    }
}