.fi_pros_cons__wrapper {
    font-family: Cabin, sans-serif;
    display: flex;
    margin: 32px 0 32px 0;
    gap: 16px;
}

.fi_pros_cons__section {
    width: calc(50% - 8px);
    padding: 24px;
    border: 1px solid #E4E4EE;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: top 16px right 16px;
    background-color: #FFFFFF;
}

.main .fi_pros_cons__section ul li a {
    font-weight: 400;
    color: #4B4F74;
    text-decoration: underline;
    text-decoration-color: var(--Brand-colours-Accent, #0C5BF3);
}

#app .su-note-inner .fi_pros_cons__section a:hover {
    color: var(--Brand-colours-Accent, #0C5BF3)!important;
    text-decoration: underline;
    text-decoration-color: var(--Brand-colours-Accent, #0C5BF3);
}

#app .su-note-inner .fi_pros_cons__section a:visited {
    color: var(--Fonts-Light, #747D94)!important;
    text-decoration: underline;
    text-decoration-color: var(--Brand-colours-Accent, #0C5BF3);
}

.fi_pros_cons__section_title {
    color: var(--fonts-headline, #102C3D);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 12px;
}

#app .bt-blue-box .fi_pros_cons__section ul {
    margin: 0;
}

.fi_pros_cons__section ul {
    margin: 0;
    list-style: none !important; 
}

.fi_pros_cons__section li {
    font-size: 16.5px;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    letter-spacing: 0.165px;
    margin: 0 0 8px;
    padding-left: 36px;
    color: var(--Fonts-Dark-Grey, #404463);
    background-repeat: no-repeat;
    background-position: top left;
}

.fi_pros_cons__section li:last-child {
    margin-bottom: 0;
}

.fi_pros_cons__section_pros li {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.1" cx="12" cy="12" r="12" fill="%230C5BF3"/><path d="M9.8041 17.0058L9.87481 17.0765L9.94552 17.0058L17.5252 9.42609L17.5959 9.35538L17.5252 9.28467L16.5335 8.29294L16.4628 8.22223L16.3921 8.29294L9.87481 14.8102L7.60786 12.5432L7.53715 12.4725L7.46644 12.5432L6.4747 13.535L6.40399 13.6057L6.4747 13.6764L9.8041 17.0058Z" fill="%230C5BF3" stroke="%230C5BF3" stroke-width="0.2"/></svg>')
}

.fi_pros_cons__section_cons li {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.1" cx="12" cy="12" r="12" fill="%23D13913"/><g clip-path="url(%23clip0_9072_59950)"><path d="M16.2377 8.63764L16.3081 8.56693L16.2375 8.49635L15.5038 7.7626L15.4332 7.69203L15.3625 7.76247L12.0002 11.112L8.63782 7.76247L8.56711 7.69203L8.49654 7.7626L7.76279 8.49635L7.69221 8.56693L7.76265 8.63764L11.1122 12L7.76265 15.3623L7.69221 15.433L7.76279 15.5036L8.49654 16.2374L8.56711 16.3079L8.63782 16.2375L12.0002 12.888L15.3625 16.2375L15.4332 16.3079L15.5038 16.2374L16.2375 15.5036L16.3081 15.433L16.2377 15.3623L12.8882 12L16.2377 8.63764Z" fill="%23102C3D" stroke="%23102C3D" stroke-width="0.2"/></g><defs><clipPath id="clip0_9072_59950"><rect width="10" height="10" fill="white" transform="translate(7 7)"/></clipPath></defs></svg>');
}

#app .su-note .su-note-inner .fi_pros_cons__wrapper ul {
    margin-left: 0;
}

#app .fi_pros_cons__wrapper ul li {
    padding-bottom: 8px;
}
#app .bt-blue-box .fi_pros_cons__wrapper ul li {
    margin: 0 0 8px;
    padding-left: 36px;
}

@media screen and (max-width: 991px) {
    .fi_pros_cons__wrapper {
        flex-flow: column;
        gap: 12px;
    }

    .fi_pros_cons__section {
        width: 100%;
    }

    .fi_pros_cons__section_title {
        font-size: 16px;
    }
}