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

    <div class="tips-tricks-carousel np-carousel" id="tips-tricks-carousel">
        <div class="np-carousel-card">
            <video class='left-video' autoplay muted loop>
                <source type="video/mp4" src="https://i.imgur.com/dmdYPZQ.mp4">
            </video>
            <div class='review'>
                <div class='review-text'>
                    “It's incredibly easy. Getting an overview of Menlo is smooth and easy and I feel like I already have a good grasp of what they represent.”
                </div>
                <div class='review-name'>
                    Menlo Security
                </div>
                <div class='review-title'>
                    Admin Access Control
                </div>
            </div>
        </div>
        <div class="np-carousel-card">
            <video class='left-video' autoplay muted loop>
                <source type="video/mp4" src="https://i.imgur.com/Ocf612f.mp4">
            </video>
            <div class='review'>
                <div class='review-text'>
                    “With Menlo Security, the challenges to the Private Access feel minimal. Their partnership has given us unparalled security.”                </div>
                <div class='review-name'>
                    Menlo Private Access
                </div>
                <div class='review-title'>
                    Move away from VPNs & Towards Zero Trust Network Access
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .left-video {
        border-radius: 18px;
        border: black 8px solid;
        position: relative;
        height: 380px;
        width: 660px;
        object-fit: fill;
        left: 100px;
        top: -100px;
    }
    .review {
        background: black;
        border-radius: 5px;
        padding: 100px 150px;
        width: 70%;
    }
    .review-text {
        font-size: 24px;
    }
    .review-name {
        font-size: 18px;
        padding-top: 25px;
        padding-bottom: 10px;
        color: lightgrey;
    }
    .review-title {
        color: lightgray;
    }
    .tips-tricks-carousel .slick-list {
        height: 580px;
    }
    .tips-tricks-carousel .slick-initialized .slick-slide {
        width: 100% !important;
        margin: auto;
        position: relative;
        top: 100px;
    }
    .tips-tricks-carousel .np-carousel-card {
        margin: auto !important;
    }
    .tips-tricks-carousel div.slick-list:nth-child(1) > div:nth-child(1) {
        height: 700px;
    }
</style>

<script>
    $(document).ready(function(){
        $("#tips-tricks-carousel").slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            cssEase: 'linear',
            arrows: false,
            infinite: true,
            dots: true,
            autoplay: true,
            autoplaySpeed: 5000
        });
    });
	
</script>