.ti-faq {
    position: relative;
    padding: 120px 20px;
    background:
        radial-gradient(ellipse 50% 60% at 0% 100%, rgba(191, 251, 251, 0.6), transparent 70%),
        radial-gradient(ellipse 55% 50% at 70% 100%, rgba(227, 241, 195, 0.8), transparent 70%),
        radial-gradient(ellipse 50% 60% at 90% 0%, rgba(237, 212, 251, 0.8), transparent 70%),
        linear-gradient(213.11deg, #F3F3FF 30.81%, #E5FBFD 94.34%);
}
.ti-faq__card {
    max-width: 1120px;
    margin: 0 auto;
    padding: 64px;
    border-radius: 16px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.ti-faq__heading {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    color: #333333;
    margin: 0;
}
.ti-faq__list {
    display: flex;
    flex-direction: column;
}
.ti-faq__question {
    position: relative;
    width: 100%;
    padding: 16px 64px 16px 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font-family: 'avenir_next_worlddemi', 'Verdana';
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
}
.ti-faq__question:focus { outline: none; }
.ti-faq__question:focus-visible { outline: 2px solid #008392; outline-offset: 2px; }
/* +/- circle icon (Figma AddCircleOutlined / MinusCircleOutlined) */
.ti-faq__question::after {
    content: '\002B';
    position: absolute;
    right: 0;
    top: 18px;
    width: 24px;
    height: 24px;
    display: grid;
    place-content: center;
    border: 1.5px solid #707070;
    border-radius: 50%;
    box-sizing: border-box;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-size: 16px;
    line-height: 1;
    color: #707070;
}
.ti-faq__question.active { padding-bottom: 0; }
.ti-faq__question.active::after { content: '\2212'; }
.ti-faq__panel {
    max-height: 0;
    overflow: hidden;
    border-bottom: 1px solid #E6E6E6;
    transition: max-height 0.3s ease-out;
}
.ti-faq__panel p,
.ti-faq__panel li {
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #707070;
    max-width: 928px;
}
.ti-faq__panel p { margin: 16px 0 0; }
.ti-faq__panel ul { margin: 8px 0 0 22px; }
.ti-faq__panel li { list-style-type: disc; }
.ti-faq__panel strong { font-family: 'avenir_next_worlddemi', 'Verdana'; font-weight: normal; }
.ti-faq__panel > :last-child { margin-bottom: 20px; }
.ti-faq__panel a { color: #008392; text-decoration: underline; }
.ti-faq__panel a:hover { text-decoration: none; }
.ti-faq__updated {
    font-family: 'avenir_next_worlddemi', 'Verdana';
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
    margin: 0;
}

@media (max-width: 1200px) {
    .ti-faq { padding: 100px 40px; }
}
@media (max-width: 767px) {
    .ti-faq { padding: 64px 16px; }
    .ti-faq__card { padding: 24px; }
    .ti-faq__heading { font-size: 24px; line-height: 32px; }
    .ti-faq__question { padding-right: 40px; line-height: 24px; }
    .ti-faq__question::after { top: 16px; }
    .ti-faq__panel p { line-height: 24px; }
}
