.image-intro {

@include grid-row;
.intro-image {
        @include grid-column(10);
        @include breakpoint(small only) {
                @include grid-column-position(center);
        }
        @include breakpoint(tablet) {
                @include grid-column(6);
        }
        img {
                border-radius: 16px;
                margin-bottom: 1rem;
        }
}
.intro-content {
        @include grid-column-gutter;
        font-size: 18px;
        @include breakpoint(tablet) {
                font-size: 20px;
        }
        h1, h2, h3, h4, h5, h6 {
                color: $ace-blue;
        }
}

}

.faq-list {

@include accordion-container;
&:not(:first-child) {
        margin-top: -9px;
}
.faq-item {
        @include accordion-item;
        margin-bottom: rem-calc(16);
        .faq-title {
                @include accordion-title;
                color: $ace-navy;
                font-weight: bold;
                font-size: rem-calc(16);
                line-height: $header-lineheight;
                padding: rem-calc(10);
                padding-left: rem-calc(36);
                &:before {
                        content: '';
                        display: block;
                        top: 9px;
                        right: auto;
                        bottom: auto;
                        left: 0;
                        margin: 0;
                        width: rem-calc(20);
                        height: rem-calc(20);
                        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-3%7Bfill%3Anone%3B%7D.cls-2%7Bclip-path%3Aurl(%23clip-path)%3B%7D.cls-3%7Bstroke%3A%23cad400%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3.38px%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2219%22%20height%3D%2219%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3Eaccordion-plus%3C%2Ftitle%3E%3Cg%20class%3D%22cls-2%22%3E%3Cline%20class%3D%22cls-3%22%20x1%3D%2210%22%20y1%3D%222.2%22%20x2%3D%2210%22%20y2%3D%2217.8%22%2F%3E%3Cline%20class%3D%22cls-3%22%20x1%3D%222.2%22%20y1%3D%2210%22%20x2%3D%2217.8%22%20y2%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
                        background-position: center center;
                        background-repeat: no-repeat;
                }
        }
        .faq-content {
                @include accordion-content;
                padding: rem-calc(10);
                padding-left: rem-calc(36);
                h1, h2, h3, h4, h5, h6 {
                        color: $ace-blue;
                }
                ul {
                        margin-bottom: 1rem;
                }
                p:last-child {
                        margin-bottom: 0;
                }
        }
}
.is-active > .faq-title:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-3%7Bfill%3Anone%3B%7D.cls-2%7Bclip-path%3Aurl(%23clip-path)%3B%7D.cls-3%7Bstroke%3A%23cad400%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3.38px%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%220.56%22%20y%3D%228.31%22%20width%3D%2218.88%22%20height%3D%223.38%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3Eaccordion-minus%3C%2Ftitle%3E%3Cg%20class%3D%22cls-2%22%3E%3Cline%20class%3D%22cls-3%22%20x1%3D%222.25%22%20y1%3D%2210%22%20x2%3D%2217.75%22%20y2%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

}