{% capture quotes %} 
    <svg width="52" height="40" viewBox="0 0 52 40" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M12.656 39.76C9.072 39.76 6.048 38.3787 3.584 35.616C1.19467 32.7787 0 29.12 0 24.64C0 21.056 0.858667 17.584 2.576 14.224C4.29333 10.864 6.68267 7.91467 9.744 5.376C12.0458 3.46723 14.5797 1.98056 17.3458 0.916004C19.0264 0.269172 20.8915 0.900303 22.0271 2.29798C23.9806 4.70233 22.9585 8.2866 20.493 10.1624C19.6235 10.8239 18.8405 11.5431 18.144 12.32C16.2027 14.4853 15.232 16.3147 15.232 17.808C15.232 18.48 15.3813 19.2267 15.68 20.048C16.0533 20.7947 16.9493 21.5787 18.368 22.4C20.2347 23.5947 21.5413 24.9013 22.288 26.32C23.0347 27.664 23.408 29.232 23.408 31.024C23.408 33.712 22.4 35.84 20.384 37.408C18.368 38.976 15.792 39.76 12.656 39.76ZM40.32 39.76C36.736 39.76 33.712 38.3787 31.248 35.616C28.8587 32.7787 27.664 29.12 27.664 24.64C27.664 21.056 28.5227 17.584 30.24 14.224C31.9573 10.864 34.3467 7.91467 37.408 5.376C39.7098 3.46723 42.2437 1.98056 45.0098 0.916003C46.6904 0.269172 48.5555 0.900303 49.6911 2.29797C51.6446 4.70233 50.6225 8.2866 48.157 10.1624C47.2875 10.8239 46.5045 11.5431 45.808 12.32C43.8667 14.4853 42.896 16.3147 42.896 17.808C42.896 18.48 43.0453 19.2267 43.344 20.048C43.7173 20.7947 44.6133 21.5787 46.032 22.4C47.8987 23.5947 49.2053 24.9013 49.952 26.32C50.6987 27.664 51.072 29.232 51.072 31.024C51.072 33.712 50.064 35.84 48.048 37.408C46.032 38.976 43.456 39.76 40.32 39.76Z" fill="url(#paint0_linear_2_541)"/>
    <defs>
        <linearGradient id="paint0_linear_2_541" x1="1.24909e-07" y1="19.88" x2="53.648" y2="19.88" gradientUnits="userSpaceOnUse">
            <stop stop-color="#089FB7"/>
            <stop offset="1" stop-color="#15824B"/>
        </linearGradient>
    </defs>
    </svg>
{% endcapture %}

<div class="np-homepage-featured np-homepage-tips-tricks np-max-width">
    <div class="np-homepage-featured-text">
      <div class="np-homepage-headline">
        Testimonials From Our Customers
      </div>
    </div>

    <div class="tips-tricks-carousel np-carousel" id="tips-tricks-carousel">
        <div class="np-carousel-card">
            <div class="quote-block np-carousel-bg-blue">
                <i class="quotes-left"> {{quotes}} </i>
                <div class="quote">
                    Northpass is an easy-to-manage LMS with the freedom to create and scale learning programs the way we want. Ultra-fast authoring and intelligent administration, along with integrated learning experiences. Plus, responsive support.
                </div>
            </div>
            <div class="quote-author-info">
                Administrator in Real Estate<br>
                <span>&gt; 1000 employees</span>
            </div>
        </div>
        <div class="np-carousel-card">
            <div class="quote-block np-carousel-bg-blue">
                <i class="quotes-left"> {{quotes}} </i>
                <div class="quote ">
                    Northpass is an LMS with the learner experience front and center. Their UI principles lead to a clean and focused learner experience that removes the typical distractions of finding and beginning courses in an LMS. They have over the years made significant investments into the admin experience and platform integrations which have helped it grow into areas where other established players would have had a leg up. Their customer success management approach is excellent and one that I routinely use as the bar with other software vendors we utilize. 
                </div>
            </div>
            <div class="quote-author-info">
                Executive Sponsor in Retail<br>
                <span>&gt; 1000 employees</span>
            </div>
        </div>
        <div class="np-carousel-card">
            <div class="quote-block np-carousel-bg-blue">
                <i class="quotes-left"> {{quotes}} </i>
                <div class="quote ">
                    The ability to build a learning management for both internal employees and external clients is harder to find than I would have thought. Because Northpass is focused solely on the ability to build on-demand training, it's simplicity allows you to use those courses in whatever way you want/need.
                </div>
            </div>
            <div class="quote-author-info">
                Client Enablement Manager Mid-Market<br>
                <span>51-1000 employees</span>
            </div>
        </div>
    </div>
</div>



<script>
    $(document).ready(function(){

        $("#tips-tricks-carousel").slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            cssEase: 'linear',
            prevArrow: '<i class="fal fa-chevron-left"></i>',
            nextArrow: '<i class="fal fa-chevron-right"></i>',
            infinite: true,
            adaptiveHeight: true
        });
    });
	
</script>