<?php

$this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle]);
?>

<section id="content">
    <div class="content-wrap py-0">

        <div class="section mt-0 mb-0 bg-white">
            <div class="container">
                <div class="row align-items-center">


                    <div class="col-lg-6">
                        <span data-animate="fadeInUp" class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block" style="font-size: 0.6em !important;">ÁREA DE ATUAÇÃO</span>


                        <h3 class="mb-3 fw-medium text-uppercase fs-2">Lorem Ipsum Sit dolor</h3>
                        <p class="fw-lighter op-08">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </p>
                        <p class="fw-lighter op-08">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </p>


                    </div>

                    <div class="col-lg-6">
                        <img src="<?= url("/images/atuacao.png") ?>" alt="Image">
                    </div>
                </div>

            </div>
        </div>
        <div class="section bg-primary m-0">
            <div class="container">
                <div class="col-12">
                    <div class="card rounded-xxl bg-transparent dark border-0">
                        <div class="card-body">
                            <div class="row justify-content-center align-items-center align-content-center mb-0">
                                <div class="col-lg-5">
                                    <span data-animate="fadeInUp" class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block" style="font-size: 0.6em !important;">Diferenciais</span>


                                    <h3 class="mb-3 fw-medium text-uppercase fs-2">Descrição sobre <span
                                                class="text-secondary">Atuação</span></h3>
                                    <p class="op-09 fw-lighter ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                    </p>
                                </div>
                                <div class="col-lg-6 px-5">
                                    <ul class="iconlist iconlist-lg">
                                        <li class="bg-light bg-opacity-20 py-2 px-3 rounded fs-5 fw-lighter"><i
                                                    class="bi-credit-card text-secondary"> </i>
                                            <span class="" style="margin-left: 10px !important;"> Lorem ipsum dolor sit amet</span>
                                        </li>
                                        <li class="bg-light bg-opacity-20 py-2 px-3 rounded fs-5 fw-lighter"><i
                                                    class="bi-star text-secondary"> </i>
                                            <span class="" style="margin-left: 10px !important;"> Consectetur adipiscing elit, sed do eiusmod</span>
                                        </li>
                                        <li class="bg-light bg-opacity-20 py-2 px-3 rounded fs-5 fw-lighter"><i
                                                    class="bi-person text-secondary"> </i>
                                            <span class="" style="margin-left: 10px !important;"> Tempor incididunt ut labore </span>
                                        </li>
                                        <li class="bg-light bg-opacity-20 py-2 px-3 rounded fs-5 fw-lighter"><i
                                                    class="bi-lock text-secondary"> </i>
                                            <span class="" style="margin-left: 10px !important;"> Lorem ipsum dolor sit amet</span>
                                        </li>
                                        <li class="bg-light bg-opacity-20 py-2 px-3 rounded fs-5 fw-lighter"><i
                                                    class="bi-pencil text-secondary"> </i>
                                            <span class="" style="margin-left: 10px !important;"> Tempor incididunt ut labore </span>
                                        </li>



                                    </ul>
                                </div>

                            </div>


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

            </div>
        </div>
        <?php
        $this->insert("views/newsletter-widget"); ?>


        <?php
        $this->insert("views/brands"); ?>


    </div>
</section>