<div class="np-homepage-featured-items np-max-width">
    <div class="featured-instructors-carousel np-carousel np-carousel-bg-blue" >
        <div class="np-carousel-card margin-r-5">
            <div class="carousel-card-container">
                <img class="featured_instructors_carousel_image"src="https://ljh-public.s3.amazonaws.com/Christine-Mikhael-Lighthouse-Featured-Instructors.png" alt="Christine Mikhael" />
                <div class="card-content-container">
                    <div class="instructor-heading">Personal Coaching Programme</div>
                    <div class="instructor-name">Christine Mikhael</div>
                    <div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
                    <div class="btn-container">
                        <a class="np-button" href="#">Book a Session</a>
                    </div>
                </div>
        </div>
       
        </div>
        {% comment %} <div class="np-carousel-card margin-r-5">
        <div class="carousel-card-container">
            <img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Greg_Allan.png" alt="Greg Allan" />
            <div class="card-content-container">
                <div class="instructor-heading">Personal Coaching Programme</div>
                <div class="instructor-name">Greg Allan</div>
                <div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
                <div class="btn-container">
                    <a class="np-button">Book a Session</a>
                </div>
            </div> 
            
        </div> {% endcomment %}
       
        </div>
        <div class="np-carousel-card margin-r-5">
            <div class="carousel-card-container">
                <img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Josh_Phegan.png" alt="Josh Phegan" />
                <div class="card-content-container">
                    <div class="instructor-heading">Personal Coaching Programme</div>
                    <div class="instructor-name">Josh Phegan</div>
                    <div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
                    <div class="btn-container">
                        <a class="np-button">Book a Session</a>
                    </div>
                </div>                 
            </div>       
        </div>
        <div class="np-carousel-card margin-r-5">
        <div class="carousel-card-container ">
                <img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Justin_Nickerson.png" alt="Justin Nickerson" />
                <div class="card-content-container">
                    <div class="instructor-heading">Personal Coaching Programme</div>
                    <div class="instructor-name">Justin Nickerson</div>
                    <div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
                    <div class="btn-container">
                        <a class="np-button">Book a Session</a>
                    </div> 
                </div>            
        </div>
    
        </div>
        {% comment %} <div class="np-carousel-card margin-r-5">
        <div class="carousel-card-container">
             <img class="featured_instructors_carousel_image" src="https://ljh-public.s3.amazonaws.com/Paul_Moore.png" alt="Paul Moore" />
             <div class="card-content-container">
                <div class="instructor-heading">Personal Coaching Programme</div>
                <div class="instructor-name">Paul Moore</div>
                <div class="instructor-desc">Join industry expert Josh Phegan for a masterclass to get the most out of your prospecting strategy. Every person you meet is an opportunity to build your pipeline. In this session you will learn what activities to focus on for generating leads.</div>
                <div class="btn-container">
                    <a class="np-button">Book a Session</a>
                </div> 
            </div>           
        </div>
       
        </div> {% endcomment %}
    </div>
</div>

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

        $(".featured-instructors-carousel").slick({
            dots: true,
            slidesToShow: 3,
            prevArrow: '<i class="fal fa-chevron-left slick-arrow "></i>',
            nextArrow: '<i class="fal fa-chevron-right slick-arrow"></i>',
            infinite: false,
            responsive: [
      
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 1,
                    }
                },
                {
                    breakpoint: 768,
                    settings: {
                        slidesToShow: 1,
                    }
                }
            ]
        });
    });
	
</script>

<style>
.instructor-heading {
    font-size: 1.4rem;
    font-weight: 800;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    flex: 1;
} 

.instructor-name {
    color: #276092;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}
.instructor-desc {
    margin-bottom: 3rem;
    flex: 2;
}
.btn-container{
    display: flex;
    justify-content: flex-end;
    
}
.instructors-btn{
    background: rgb(133,159,193);
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 1.2rem;
    color: white;
    text-decoration: none;
    font-weight: 700;
}

.featured_instructors_carousel_image {
    width: 100%;
}

.margin-r-5 {
    margin-right: 5rem;
}
</style>