section.accordion {
    max-width: 1098px;
    margin: 0 auto;
}

.accordion-btn {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
    width: 100%;
}

.accordion-item {
    border-radius: var(--border-radius-sm, 16px);
    padding: var(--spacing-small);
    /* transition: background 0.3s ease-in, box-shadow 0.3s ease-in; */
}

.accordion-icons span {
    display: flex;
    padding: var(--spacing-element-md, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-element-md, 12px);
    border-radius: var(--border-radius-circle, 360px);
    border: var(--line-stroke-sm, 2px) solid var(--color-stroke-primary-default, #005B8B);
    transition: transform 0.3s ease;
}

span.accordion-minus {
    display: none;
}

/* .accordion-content {
    display: none;
    margin-top: 10px;
    max-width: 954px;
} */

.accordion-content {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
    max-width: 954px;
    transition: visibility 0s 0.4s, opacity 0.4s ease, max-height 0.4s ease, margin-top 0.3s ease;
}

.accordion-title {
    text-align: left;
}

.accordion-item.open {
    background: var(--White);
    box-shadow: var(--effects-box-shadow-x-position-sm, -4px) var(--effects-box-shadow-y-position-sm, 8px) var(--effects-box-shadow-blur-sm, 8px) var(--effects-box-shadow-spread-sm, 2px) var(--effects-box-shadow-color-primary-shadow, rgba(0, 21, 61, 0.12));
}

.accordion-item.open .accordion-plus {
    display: none;
}

.accordion-item.open .accordion-minus {
    display: flex;
}

/* .accordion-item.open .accordion-content {
    display: flex;
} */

.accordion-item.open .accordion-content {
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
    transition: visibility 0s 0s, opacity 0.4s ease, max-height 0.4s ease, margin-top 0.3s ease;
}

.accordion-item.open .accordion-icons span {
    transform: rotate(180deg);
}

.accordion-text > p {
    font-size: var(--body-text);
    margin-bottom: 16px;
}

.accordion-text ul {
    padding-left: 0;
    list-style: none;
}

.accordion-text ul li {
    color: var(--color-font-secondary, #4C4C4C);
    font-size: var(--font-size-description, 15px);
    font-weight: var(--font-weight-type-description, 500);
    line-height: var(--font-line-height-description, 21px);
    letter-spacing: var(--font-letter-spacing-description, 0);
    position: relative;
    padding-left: var(--spacing-small);
    padding-block: var(--spacing-small);
    border-bottom: var(--line-stroke-xs, 1px) solid var(--color-stroke-medium, #999);
}

.accordion-text ul li::before {
    content: '';
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.125 9.75L10.625 15L7.875 12.375" stroke="%234C4C4C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="%234C4C4C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.accordion-text ul li h6,
.accordion-text ul li h5,
.accordion-text ul li h4,
.accordion-text ul li h3,
.accordion-text ul li h2,
.accordion-text ul li h1 {
    font-weight: var(--font-weight-type-paragraph, 500);
    margin-bottom: 8px;
}

@media (max-width: 992px) {

    .accordion-title {
        font-size: var(--body-text-large);
    }

    .accordion-item {
        padding: var(--spacing-small) 0;
    }

    .accordion-item.open {
        padding: var(--spacing-small);
    }

}