<div class="section py-5">
    <div class="container">

        <div class="row my-5">
            <div class="col-lg-8 offset-lg-2">
                <div class="text-center mt-3">

                    <h2 class="h1 font-weight-800 line-height-sm mb-4">Advanced Features</h2>

                    <div class="zz-separator zz-separator-wide ml-auto mr-auto mb-4" data-width="93px"></div>

                    <div data-height="20px"></div>

                    <div class="lead">
                        Cursus ornare orci nunc tincidunt aliquet ut aenean orci maximus urna malesuada odio arcu lobortis efficitur in pretium aliquam
                    </div>

                    <div data-height="40px"></div>

                </div>
            </div>
        </div>

        <div class="row mb-lg-4">

            <div class="col-md-6 col-lg-4">
                <div class="text-center px-xl-5 pb-4 mb-5">
                    <img src="../../assets/svg/upload/app-feature-icon-01.svg" alt="icon" class="img-fluid mb-5 add-animate" data-width="68px" data-height="68px" data-animated="zoomIn">
                    <h5 class="font-weight-700 mb-3">Smart Access</h5>
                    <p>Posuere id lobortis sit amet consequat eu dolor nulla eget velit vitae diam</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="text-center px-xl-5 pb-4 mb-5">
                    <img src="../../assets/svg/upload/app-feature-icon-02.svg" alt="icon" class="img-fluid mb-5 add-animate" data-width="68px" data-height="68px" data-animated="zoomIn">
                    <h5 class="font-weight-700 mb-3">Ai Visualization</h5>
                    <p>Scelerisque lectus in tincidun bibendum erat iaculis in aenean nunc quam</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="text-center px-xl-5 pb-4 mb-5">
                    <img src="../../assets/svg/upload/app-feature-icon-03.svg" alt="icon" class="img-fluid mb-5 add-animate" data-width="68px" data-height="68px" data-animated="zoomIn">
                    <h5 class="font-weight-700 mb-3">Various Modules</h5>
                    <p>Luctus justo fermentum tempus quisque risus euismod nec vestibulum nec</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="text-center px-xl-5 pb-4 mb-5">
                    <img src="../../assets/svg/upload/app-feature-icon-04.svg" alt="icon" class="img-fluid mb-5 add-animate" data-width="68px" data-height="68px" data-animated="zoomIn">
                    <h5 class="font-weight-700 mb-3">Cloud Connection</h5>
                    <p>Vehicula sapien nec laoreet finibus fusce semper laoreet maecenas auctor</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="text-center px-xl-5 pb-4 mb-5">
                    <img src="../../assets/svg/upload/app-feature-icon-05.svg" alt="icon" class="img-fluid mb-5 add-animate" data-width="68px" data-height="68px" data-animated="zoomIn">
                    <h5 class="font-weight-700 mb-3">Media Library</h5>
                    <p>Luctus dignissim fuspendisse eu nisi arcu ultrices felis placerat nec molestie</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="text-center px-xl-5 pb-4 mb-5">
                    <img src="../../assets/svg/upload/app-feature-icon-06.svg" alt="icon" class="img-fluid mb-5 add-animate" data-width="68px" data-height="68px" data-animated="zoomIn">
                    <h5 class="font-weight-700 mb-3">Quick Group Task</h5>
                    <p>Cursus scelerisque lectus erat bibendum sapien at pretium at urna aliquam</p>
                </div>
            </div>

        </div>

        <div class="d-none d-lg-block" data-height="15px"></div>

    </div>
</div>