body .faqs {
    padding: var(--space-fixed-80) var(--space-md);
    background-color: var(--background-background-primary);
}
    
    body .faqs__title {
        margin: 0 0 var(--space-fixed-80);
    }
    
    body .faqs__list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        width: 100%;
        padding: 0 var(--space-md);
    }
    
    @media (max-width: 767px) {
    
    body .faqs__list {
            padding: 0
    }
        }
    
    body .faqs__item {
        background: var(--surface-surface-invert, #041A2A);
        border-radius: var(--radius-radius-rounded, 16px);
        color: var(--text-text-invert, #FFF);
        font-family: "Neue Haas Grotesk Display Pro";
        min-width: 280px;
        max-width: 800px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    body .faqs__question {
        width: 100%;
        padding: 18px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        background: none;
        border: none;
        color: inherit;
        font-family: inherit;
        text-align: left;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -0.24px;
        line-height: 28px;
    }
    
    body .faqs__question::after {
            content: "";
            width: 16px;
            height: 16px;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13.3332 7.99984L12.3932 7.05984L8.6665 10.7798V2.6665H7.33317V10.7798L3.61317 7.05317L2.6665 7.99984L7.99984 13.3332L13.3332 7.99984Z" fill="white"/></svg>');
            transition: background-image 0.2s ease;
            flex-shrink: 0;
            margin-left: 10px;
        }
    
    @media (max-width: 767px) {
    
    body .faqs__question {
            padding: 16px 24px;
            font-size: 18px
    }
        }
    
    body .faqs__item.is-open .faqs__question::after {
        background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12.6668 4.2735L11.7268 3.3335L8.00016 7.06016L4.2735 3.3335L3.3335 4.2735L7.06016 8.00016L3.3335 11.7268L4.2735 12.6668L8.00016 8.94016L11.7268 12.6668L12.6668 11.7268L8.94016 8.00016L12.6668 4.2735Z" fill="white"/></svg>');
    }
    
    body .faqs__answer {
        height: 0;
        overflow: hidden;
        transition: height 0.4s ease;
        color: var(--text-text-invert, #FFF);
        font-family: "Neue Haas Grotesk Display Pro";
        font-size: 18px;
        line-height: 120%;
    }
    
    body .faqs__answer-content {
        padding: 0 32px 24px;
    }
    
    @media (max-width: 767px) {
    
    body .faqs__answer-content {
            padding: 0 24px 20px
    }
        }
    
    body .faqs__answer-content > :first-child {
            margin-top:0;
        }
    
    body .faqs__answer-content > :last-child {
            margin-bottom:0;
        }
    
    body .faqs__answer-content a {
            color: var(--text-text-invert, #FFF);
            text-decoration: underline;
        }