<div class="container-page-faq">
    <div class="row">
        <div class="col-lg-12 p-0"> 
            <div class="container-v-align-cad-imovel">
                <div class="no-v-align">
                    <div class="row d-flex justify-content-center m-0">
                        <div class="col-lg-9">                            
                            <div class="content-body">
                               <div class="row">
                                    <div class="col-lg-4">
                                        <div class="container-info">
                                            <div class="content-title">
                                                <h2 class="m-0">Design System</h2>
                                                <h3 class="mb-60">Documentação e estruturação do Layout Comdono</h3>
                                            </div>
                                        </div>
                                        <div class="container-input-pesquisa d-block-991">
                                            <div class="icon-input">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                    <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                                                </svg>
                                            </div>
                                            <div class="box-input">
                                                <input type="text" class="form-control busca_resposta" name="pesquisa-ajuda" placeholder="Como podemos ajudar?">
                                            </div>
                                        </div>
                                        <div class="container-box-info accordion sticky-top" id="accordion">
                                            <?php foreach ($conteudos as $acord=>$cat){ ?>
                                            <div class="content-box-info">
                                                <div class="card">
                                                    <div class="row">
                                                        <div class="col-lg-12">
                                                            <div class="card-header">
                                                        		<div class="row">
                                                                    <div class="col-10">
                                                                        <a data-toggle="collapse" href="#collapse-<?php e($acord); ?>" aria-expanded="<?php e($cat->expanded); ?>">
                                                                            <?php e($cat->categoria); ?>
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-2">
                                                                        <a data-toggle="collapse" class="icon-collapse f-right collapsed" href="#collapse-<?php e($acord); ?>" aria-expanded="<?php e($cat->expanded); ?>">
                                                                            <i class="fa" aria-hidden="true"></i>
                                                                        </a> 
                                                                    </div>
                                                                </div>
                                                        	</div>
                                                        </div>
                                                    </div>
                                                    <div id="collapse-<?php e($acord); ?>" class="collapse <?php e(($cat->expanded) ? "show" : ""); ?>" data-parent="#accordion">
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <?php foreach ($cat->conteudos as $key=>$conteudo){ ?>
                                                                <div class="box-pergunta actPergunta <?php e(($conteudo->active) ? "active" : ""); ?>" data-pergunta="<?php e($conteudo->id_conteudo); ?>">
                                                            		 <?php e($conteudo->titulo); ?>
                                                                </div>
                                                            	<?php } ?>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>  
                                        </div>
                                    </div>
                                    <div class="offset-lg-1 col-lg-7">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="container-input-pesquisa d-none-991">
                                                    <div class="icon-input">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                            <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                            <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                                                        </svg>
                                                    </div>
                                                    <div class="box-input">
                                                        <input type="text" class="form-control busca_resposta" name="pesquisa-ajuda" placeholder="Como podemos ajudar?">
                                                    </div>
                                                </div>
                                                <div class="container-result-busca text-center d-none">  
                                                    <p>Nenhum resultado para esta busca :(</p>
                                                    <p class="link btn-contato">Entre em contato conosco</p>
                                                </div>
                                                <div class="content-box-info" id="container-respostas">
                                                    <div class="container-resposta">
                                                        
                                                        <?php foreach ($conteudos as $acord=>$cat){ ?>
                                                        <?php foreach ($cat->conteudos as $key=>$cont){ ?>
                                                        <div class="container-perg-resp perg-<?php e($cont->id_conteudo); ?> <?php e(($cont->active) ? "contRes" : "d-none"); ?>"> 
                                                            <div class="row mb-4">
                                                                <div class="col-lg-12">
                                                                    <h2 class="content-pergunta mb-2">
                                                                        <?php e($cont->titulo); ?>
                                                                    </h2>
                                                                    <?php e($cont->titulo_descricao); ?>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="content-resposta"><?php e($cont->codigo); ?></div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="content-resposta">
                                                                        <pre class="lolight"><?php e($cont->codigo_fonte); ?></pre>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row my-4">
                                                                <div class="col-lg-12">
                                                                    <?php e($cont->titulo_descricao); ?>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <?php } } ?>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>