.fi-faq-wrapper {
    padding: 8px 24px;
    border: 1px solid var(--brand-colours-divider, #E4E4EE);
    border-radius: 8px;
    font-family: Cabin, sans-serif;
}

.fi-faq-content-shortcode:last-child .fi-faq-content-shortcode__answer,
.fi-faq-content-shortcode:last-child .fi-faq-content-shortcode__question {
    border-bottom: none;
}

.fi-faq-content-shortcode__question {
    position: relative;
    padding: 16px 24px 16px 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(227, 226, 226, 0.6);
}

.fi-faq-content-shortcode__question:before {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 23px;
    float: left;
    content: 'Q.';
    color: var(--brand-colours-accent, #0C5BF3);
}

.fi-faq-content-shortcode__question:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M6 10.4834L12 16.4834L18 10.4834" stroke="%230C5BF3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 12.5px;
}

.fi-faq-content-shortcode__question.active {
    border-bottom: 1px solid transparent;
}

.fi-faq-content-shortcode__question.active:after {
    transform: rotate(180deg);
    background-position: left calc(100% - 15px);
}

.fi-faq-content-shortcode__question h3,
.fi-faq-content-shortcode__question h4,
.fi-faq-content-shortcode__question h5,
.fi-faq-content-shortcode__question h6 {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    padding-left: 27px;
    line-height: 23px;
    margin: 0;
    color: var(--Fonts-Headline, #102C3D);
}

.fi-faq-content-shortcode__answer {
    font-size: 16.5px;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    padding-bottom: 16px;
    letter-spacing: 0.165px;
    color: var(--fonts-dark-grey, #404463);
    border-bottom: 1px solid rgba(227, 226, 226, 0.6);
}

.fi-faq-content-shortcode__answer:before {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    float: left;
    content: 'A.';
    color: var(--fonts-headline, #102C3D);
}

.fi-faq-content-shortcode__answer p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding-left: 27px;
    color: var(--Fonts-Dark-Grey, #404463);
}

.fi-faq-content-shortcode__answer > p {
    margin-bottom: 0;
}

.fi-faq-content-shortcode:first-of-type .fi-faq-content-shortcode__question {
    border-radius: 0;
}

@media only screen and (max-width: 991px) {
    .fi-faq-wrapper {
        padding: 8px 20px;
    }

    .fi-faq-content-shortcode__question {
        padding: 16px 40px 16px 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%; 
    }

    .fi-faq-content-shortcode__question h3,
    .fi-faq-content-shortcode__question h4,
    .fi-faq-content-shortcode__question h5,
    .fi-faq-content-shortcode__question h6 {
        font-size: 16px;
        font-weight: 600;
        font-style: normal;
        padding-left: 27px;
        line-height: 23px;
        margin: 0;
        color: var(--Fonts-Headline, #102C3D);
    }
}