export default function MermsFeatureSection4 (){

    return (
        <>
            <section className="pt-100 ct-04 content-section division">
                <div className="container">
                    {/* SECTION CONTENT (ROW) */}
                    <div className="row d-flex align-items-center">
                        {/* TEXT BLOCK */}
                        <div className="col-md-6 order-last order-md-2">
                            <div className="txt-block left-column wow fadeInRight">
                                {/* CONTENT BOX #1 */}
                                <div className="cbox-2 process-step">
                                    {/* Icon */}
                                    <div className="ico-wrap">
                                        <div className="cbox-2-ico bg--theme color--white">1</div>
                                        <span className="cbox-2-line" />
                                    </div>
                                    {/* Text */}
                                    <div className="cbox-2-txt">
                                        <h5 className="s-22 w-700">Simple, Secure &amp; Intuitive</h5>
                                        <p>Accomplish your task in one easy-to-navigate dashboard that adapts to your priority. With a user-friendly interface, access important updates at a glance and make informed decisions quickly.
                                        </p>
                                    </div>
                                </div>	{/* END CONTENT BOX #1 */}
                                {/* CONTENT BOX #2 */}
                                <div className="cbox-2 process-step">
                                    {/* Icon */}
                                    <div className="ico-wrap">
                                        <div className="cbox-2-ico bg--theme color--white">2</div>
                                        <span className="cbox-2-line" />
                                    </div>
                                    {/* Text */}
                                    <div className="cbox-2-txt">
                                        <h5 className="s-22 w-700">Active Status Reports</h5>
                                        <p>Our Active Status Reports provide real-time insights into your ongoing products and tasks, ensuring you are always in the loop. These reports adapt dynamically to your needs, highlighting key metrics and progress indicators, allowing you to respond proactively to changes or challenges.
                                        </p>
                                    </div>
                                </div>	{/* END CONTENT BOX #2 */}
                                {/* CONTENT BOX #3 */}
                                <div className="cbox-2 process-step">
                                    {/* Icon */}
                                    <div className="ico-wrap">
                                        <div className="cbox-2-ico bg--theme color--white">3</div>
                                    </div>
                                    {/* Text */}
                                    <div className="cbox-2-txt">
                                        <h5 className="s-22 w-700">Secure at Core</h5>
                                        <p className="mb-0">With "Secure at Core," you can focus on what matters most—growing your business—while we take care of your security needs. Security is an ongoing commitment. We provide 24/7 monitoring and support.
                                        </p>
                                    </div>
                                </div>	{/* END CONTENT BOX #3 */}
                            </div>
                        </div>	{/* END TEXT BLOCK */}
                        {/* IMAGE BLOCK */}
                        <div className="col-md-6 order-first order-md-2">
                            <div className="img-block wow fadeInLeft">
                                <img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
                            </div>
                        </div>
                    </div>	{/* END SECTION CONTENT (ROW) */}
                </div>	   {/* End container */}
            </section>	{/* END TEXT CONTENT */}
        </>
    )
}