<style>
    .of {
        color: rgb(116, 218, 34) !important;
        width: 16px;
      }
    .est {margin-bottom: 4px;
        font-weight: 100 !important;
        font-size: 14px !important;
    }
    .fixed {
        position: fixed;
        border-radius: 0rem !important;
        z-index: 8;
        width: 100%;
        bottom: 0;
    }

    .bg3 {
        color: #fafafa;
        background: linear-gradient(109.6deg, rgb(36, 45, 57) 11.2%, rgb(16, 37, 60) 51.2%, rgb(0, 0, 0) 98.6%);
        padding-top: 55px;
        margin-top: 30px;
    }

    @media (max-width: 600px) {
        .bg3 {
            border-radius: 20px;
            margin-left: 20px;
            margin-right: 20px;
            padding-bottom: 5px;
            color: #fafafa;
        }

    }


  .feature-row-comprar {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
  }

  @media only screen and (max-width: 990px) {
      .feature-row-comprar {
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
      }
  }

  .feature-row-comprar__item {
      -webkit-flex: 0 1 50%;
      -moz-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
      flex: 0 1 50%;
  }

  @media only screen and (max-width: 990px) {
      .feature-row-comprar__item {
          -webkit-flex: 1 1 auto;
          -moz-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          width: 100%;
          max-width: 100%;
      }

      .margem-celular{
          margin-bottom: 20px
      }
  }
</style>


<section id="comprar" class="content-section bg3 margem-celular">
    <div class="page-container">
        <div class="single-col-max page-width">
            <h2 class="section-heading text-center mb-5" style="font-size: 32px">Tema Astron</h2>
            <h4 class="text-center mb-5" style="font-weight: 400 !important;">Junte-se à revolução e tenha acesso em primeira mão ao <strong>tema exclusivo que fará os próximos milionários do mercado.</strong></h4>
            <div class="feature-row-comprar">
                <div class="feature-row-comprar__item">
                    <div class=" text-center">
                        <ul class="key-points-list list-unstyled mb-4 mx-auto d-inline-block text-left">
                            <h4 style="margin-top: 30px; font-weight: 900 !important;">A solução completa para multiplicar as suas vendas!</h4>
                            <li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Tecnologia Shopify 2.0 totalmente personalizável
                            </li><li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Modelos de páginas do produto personalizáveis
                            </li><li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Parcelamento + Taxa (editável)
                            </li><li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Tempo de carregamento extremamente rápido (~ 700 ms)
                            </li><li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Variante de produto por kit, cor, imagem ou texto
                            </li>
                            <li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Bloqueio Antipirataria e compras falsas
                            </li>
                            <li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Cálculo de frete e Entrega estimada (editável)
                            </li>
                            <li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Chega de quebrar cabeça com códigos
                            </li>
                            <li class="est">
                                <svg xmlns="http://www.w3.org/2000/svg" class="of" width="20" height="20"
                                     fill="currentColor"
                                     class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                </svg>
                                Suporte Especializado via chat
                            </li>

                        </ul>
                        <!-- Price -->
                        <div id="product-price-" style="margin-left: 10px">
                            <br>
                            <s>
                                R$ 997,00
                            </s>
                            <br>
                            <span style=" color: rgb(156, 211, 5) !important;  font-size: 28px;    font-weight: 800 !important;">
                            12x de 21,88
                         </span> <br>
                            <span style=" color: #fff;  font-size: 14px;    font-weight: 200 !important;">
                           Ou R$ 217,90  à vista</br></br>
                          ✅ Pagamento único </br>🏅 Melhor suporte especializado do BR </br>❤️ 1 ano de atualizações
                        </span>

                        </div>

                        <br>
                        <a href="https://pay.kiwify.com.br/GYdQiAe">
                            <button style="margin-bottom: 40px; background-color: #35F753" type="button" class="btn button-buy btn-lg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="" fill="currentColor"
                                     viewBox="0 0 45 31.5">
                                    <path id="Icon_awesome-cloud-download-alt"
                                          data-name="Icon awesome-cloud-download-alt"
                                          d="M37.8,15.933A6.758,6.758,0,0,0,31.5,6.75a6.716,6.716,0,0,0-3.748,1.139,11.251,11.251,0,0,0-21,5.611c0,.19.007.38.014.57a10.128,10.128,0,0,0,3.361,19.68H36a9,9,0,0,0,1.8-17.817ZM28.455,22.17,21.045,29.58a1.129,1.129,0,0,1-1.589,0L12.045,22.17a1.124,1.124,0,0,1,.795-1.92h4.6V12.375a1.128,1.128,0,0,1,1.125-1.125h3.375a1.128,1.128,0,0,1,1.125,1.125V20.25h4.6a1.124,1.124,0,0,1,.795,1.92Z"
                                          transform="translate(0 -2.25)"/>
                                </svg>
                                BAIXAR TEMA AGORA
                            </button>
                        </a><br>

                    </div>

                </div>
                <div class="feature-row-comprar__item">
                    <div class="figure-holder mb-5">
                        <img class="lazyload img-fluid"
                             width="500px"
                             data-src="https://astronecom.com/wp-content/uploads/2022/10/pacote.png"
                             alt="image">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



{% schema %}
{
    "name": "AstronEcom - Astron",
    "tag": "section",
    "class": "section",
    "settings": [

    ],
    "presets": [
        {
            "name": "AstronEcom - Astron"
        }
    ]
}
{% endschema %}
