export default function Ct04_5() {
    return (
        <>
            <section className="pt-100 ct-04 content-section division">
                <div className="container">
                    {/* SECTION TITLE */}
                    <div className="row justify-content-center">
                        <div className="col-md-10 col-lg-9">
                            <div className="section-title mb-80">
                                {/* Section ID */}
                                <span className="section-id">Endless Possibilities</span>
                                {/* Title */}
                                <h2 className="s-50 w-700">Transform your workflow, transform your business</h2>
                                {/* Text */}
                                <p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
                            </div>
                        </div>
                    </div>
                    {/* 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-4">
                                    {/* Icon & Title */}
                                    <div className="box-title">
                                        <span className="flaticon-paper-sizes color--theme" />
                                        <h5 className="s-24 w-700">Built-in Automation</h5>
                                    </div>
                                    {/* Text */}
                                    <div className="cbox-4-txt">
                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
                                            magna turpis
                                        </p>
                                    </div>
                                </div>	{/* END CONTENT BOX #1 */}
                                {/* CONTENT BOX #2 */}
                                <div className="cbox-4">
                                    {/* Icon & Title */}
                                    <div className="box-title">
                                        <span className="flaticon-layers-1 color--theme" />
                                        <h5 className="s-24 w-700">Automatic Workflows</h5>
                                    </div>
                                    {/* Text */}
                                    <div className="cbox-4-txt">
                                        <p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
                                            luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
                                            magna turpis
                                        </p>
                                    </div>
                                </div>	{/* END CONTENT BOX #2 */}
                                {/* CONTENT BOX #3 */}
                                <div className="cbox-4">
                                    {/* Icon & Title */}
                                    <div className="box-title">
                                        <span className="flaticon-pie-chart color--theme" />
                                        <h5 className="s-24 w-700">Real-time Analytics</h5>
                                    </div>
                                    {/* Text */}
                                    <div className="cbox-4-txt">
                                        <p className="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
                                            augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
                                            magna turpis
                                        </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>
        </>
    )
}