@{
}

<div class="row db-padding-btm db-attached">
    <div class="col-3 col-xs-3 col-sm-3 col-md-3 col-lg-3">
        <div class="db-wrapper">
            <div class="db-pricing-eleven db-bk-color-one">
                <div class="price text-price-responsive">
                    <sup>R$</sup> 0,00
                    <small>para sempre!</small>
                </div>
                <div class="type text-type-responsive">
                    Básico
                </div>
                <ul class="text-responsive">
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Bio/Cartão <span class="hide-in-cell">pessoal virtual</span></li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Exibir cartão </span>Whatsapp *</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Até 20 links </li>
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Sem página de</span> Produtos</li>
                    <li><i class="bi bi-square text-success"></i>Links agendados **</li>
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Contador de </span>Visualizações</span></li>
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Registro de </span>Contatos</li>
                </ul>
                <div class="pricing-footer">
                    <a href="#" class="btn db-button-color-square btn-lg">Assinar</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-3 col-xs-3 col-sm-3 col-md-3 col-lg-3">
        <div class="db-wrapper">
            <div class="db-pricing-eleven db-bk-color-three">
                <div class="price text-price-responsive">
                    <sup>R$</sup>13
                    <small>por mês</small>
                </div>
                <div class="type text-type-responsive">
                    Comum
                </div>
                <ul>
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Bio/Cartão <span class="hide-in-cell">pessoal virtual</span></li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Exibir cartão </span>Whatsapp *</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Sem limite de links</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Página de produto</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Link agendado **</li>
                    <li><i class="bi bi-square text-success"></i>Contador<span class="hide-in-cell"> de visualizações</span> </li>
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Registro de contatos</span> </li>
                </ul>
                <div class="pricing-footer">
                    <a href="#" class="btn db-button-color-square btn-lg">Assinar</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-3 col-xs-3 col-sm-3 col-md-3 col-lg-3">
        <div class="db-wrapper">
            <div class="db-pricing-eleven db-bk-color-two popular">
                <div class="price text-price-responsive">
                    <sup>R$</sup>30
                    <small>por mês</small>
                </div>
                <div class="type text-type-responsive">
                    Super
                </div>
                <ul>
                    <li><i class="bi bi-plus-square-fill text-success"></i>300 Bio/Cartões <span class="hide-in-cell">pessoal virtual</span></li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Exibir cartão </span>Whatsapp *</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Sem limite de links </li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>300 Produtos</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Use links</span> agendados **</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Contador<span class="hide-in-cell"> de visualizações</span> </li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Registro de contatos</span> </li>
                </ul>
                <div class="pricing-footer">

                    <a href="#" class="btn db-button-color-square btn-lg">Assinar</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-3 col-xs-3 col-sm-3 col-md-3 col-lg-3">
        <div class="db-wrapper">
            <div class="db-pricing-eleven db-bk-color-three">
                <div class="price text-price-responsive">
                    <sup>R$</sup>55
                    <small>por mês</small>
                </div>
                <div class="type text-type-responsive">
                    Empresas
                </div>
                <ul>
                    <li><i class="bi bi-plus-square-fill text-success"></i>300 Bio/Cartões <span class="hide-in-cell">pessoal virtual</span></li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Exibir cartão </span>Whatsapp *</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Sem limite de links </li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>300 Produtos</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Use links</span> agendados **</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Contador<span class="hide-in-cell"> de visualizações</span> </li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Registro de contatos</span> </li>
                </ul>
                <div class="pricing-footer">

                    <a href="#" class="btn db-button-color-square btn-lg">Assinar</a>
                </div>
            </div>
        </div>
    </div>
</div>