 <div class="np-homepage-featured np-faq np-max-width">
    <div class="np-homepage-featured-text">
      <div class="np-homepage-headline">
        Frequently Asked Questions
      </div>
    </div>
    <div class="row np-faqs" style='margin:0;'>
        <div class="col-md-6">
            <div class="np-accordion">
                <div class="accordion-btn">
                    <i class="fal fa-plus"></i>
                    <div class="accordion-title"><strong>Q:</strong> Do I need to be a customer before creating a course on Northpass?</div>
                </div>
                <div class="accordion-panel">
                    <div class="accordion-panel-content">
                        <p><strong>A:</strong> Absolutely not! We often set up trials for folks shopping for an LMS. To set up your trial, click the following link and you’ll be intro’d to the correct reps to get started.</p>
                    </div>
                </div>
            </div>
            <div class="np-accordion">
                <div class="accordion-btn">
                    <i class="fal fa-plus"></i>
                    <div class="accordion-title"><strong>Q:</strong> Do I need to sign up for an advanced package option?</div>
                </div>
                <div class="accordion-panel">
                    <div class="accordion-panel-content">
                        <p><strong>A:</strong> No, Northpass product packages have a variety of services. Our Essentials package is great to get started, especially with internal training. Looking for something more, both our Premium and Enterprise packages allow for advanced options including custom design and data connections via webhooks and API. To learn more, please contact your rep or support@northpass.com.</p>
                    </div> 
                </div>
            </div>
            <div class="np-accordion">
                <div class="accordion-btn">
                    <i class="fal fa-plus"></i>
                    <div class="accordion-title"><strong>Q:</strong> There are a lot of courses, which one should I start with as a new admin?</div>
                </div>
                <div class="accordion-panel">
                    <div class="accordion-panel-content">
                        <p><strong>A:</strong> We recommend starting with the Getting Started with Northpass Learning Path. It has all the foundational information needed to become familiar with our platform. Even more, you can pick and choose which information you’d like to view in the Learning Path.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="np-accordion">
                <div class="accordion-btn">
                    <i class="fal fa-plus"></i>
                    <div class="accordion-title"><strong>Q:</strong> I cannot find a course on a topic, how should I share this feedback?</div>
                </div>
                <div class="accordion-panel">
                    <div class="accordion-panel-content">
                        <p><strong>A:</strong> Thank you for letting us know that you’d like to learn something more. Please reach out to our support team at support@northpass.com and our service team is happy to assist.</p>
                    </div>
                </div>
            </div>
            <div class="np-accordion">
                <div class="accordion-btn">
                    <i class="fal fa-plus"></i>
                    <div class="accordion-title"><strong>Q:</strong> I'm having a billing issue, who should I contact?</div>
                </div>
                <div class="accordion-panel">
                    <div class="accordion-panel-content">
                        <p><strong>A:</strong> Great question and happy to help! For all billing inquiries, please reach out to billing@northpass.com, and our finance and operations team is happy to assist.</p>
                    </div> 
                </div>
            </div>
            <div class="np-accordion">
                <div class="accordion-btn">
                    <i class="fal fa-plus"></i>
                    <div class="accordion-title"><strong>Q:</strong> I'm interested in setting up an integration that's not listed. What should I do?</div>
                </div>
                <div class="accordion-panel">
                    <div class="accordion-panel-content">
                        <p><strong>A:</strong> Excellent, we always look forward to new integrations. Please reach out to support@northpass.com and your assigned rep when applicable. They will be happy to help further and loop in the respective folks to scope out the integration further.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .clicked {
        border-bottom-right-radius: 0;
    }
    .accordion-panel {
        border-radius: 0 0 8px 8px;
    }
</style>
<script>
    let accordions = document.getElementsByClassName("accordion-btn");

    for (let i = 0; i < accordions.length; i++) {
        accordions[i].addEventListener("click", function() {
            this.querySelector('.fal').classList.toggle("fa-plus");
            this.querySelector('.fal').classList.toggle("fa-minus");
            this.classList.toggle("clicked");
            let panel = this.nextElementSibling;
            panel.classList.toggle("panel-open");
            if (panel.style.maxHeight) {
                panel.style.maxHeight = null;
            } else {
                panel.style.maxHeight = panel.scrollHeight + "px";
            }
        });
    }
</script>