.elementor-120 .elementor-element.elementor-element-433f95f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}/* Start custom CSS */HTML
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0">
    <title>Pela Língua</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="icon" href="https://pelalingua.com/wp-content/uploads/2025/07/pelalingua-icon.png" type="image/png" sizes="16x16">
    <link rel="icon" href="https://pelalingua.com/wp-content/uploads/2025/07/pelalingua-icon.png" type="image/png" sizes="32x32">
    <link rel="apple-touch-icon" href="https://pelalingua.com/wp-content/uploads/2025/07/pelalingua-icon.png" sizes="180x180">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>

<body>
    <header>
        <section data-aos="fade-down" data-aos-duration="2000">
            <div class="header__padding-laterais pt-10 2xl:pt-10" >
                <div class="flex justify-center lg:justify-between" data-aos="fade-down" data-aos-duration="1600">
                    <a class="header__ancora-instagram text-xl xl:text-2xl font-bold py-2 hidden lg:flex justify-center rounded-xl" href="https://www.instagram.com/pelalingua" target="_blank">INSTAGRAM</a>
                    <a class="header__ancora-contato lg:text-xl xl:text-2xl font-bold py-2  flex justify-center rounded-xl" href="https://wa.me/558381742357" target="_blank">ENTRE EM
                        CONTATO</a>
                </div>

                <picture class="flex justify-center mt-10 mb-16 2xl:mb-10 2xl:mt-0" data-aos="zoom-in" data-aos-duration="3000">
                    <img class="header__pelalingua-img" src="https://pelalingua.com/wp-content/uploads/2025/07/COLAGEM.png" alt="Banner Pela Língua">
                </picture>
            </div>


            <div class="header__div__ancora-e-fundo-roxo">
                <div class="flex justify-center header__div__ancora-aprender">
                    <a class="header__ancora-aprender text-xl xl:text-2xl font-bold py-2 flex justify-around rounded-xl"
                        href="https://wa.me/558381742357" target="_blank">APRENDA INGLÊS <span class="hidden lg:block">LEARN PORTUGUESE</span></a>
                    <div class="whatsapp-icon-div hidden lg:block">
                        <a class="whatsapp-icon-anchor__header" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path
                                    d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="header__fundo-roxo">

                </div>
            </div>
        </section>
    </header>


    <main>
        <section class="section-sobre-mim flex justify-evenly">
            <div class="flex gap-x-6  2xl:gap-x-20 justify-evenly items-start lg:items-end pt-4 lg:pb-10 flex-col lg:flex-row">
                <div class="sobre-mim_div-foto" data-aos="fade-up" data-aos-duration="1000">
                    <div class="sobre-mim_div-foto__quem-sou">
                        <h6 class="font-bold sobre-mim_div-foto__quem-sou__texto inline text-xs xl:text-sm">QUEM SOU EU? | WHO AM I?
                        </h6>
                    </div>
                    <picture>
                        <img class="sobre-mim__foto-giulia" src="https://pelalingua.com/wp-content/uploads/2025/07/retangulo-3.png" alt="Foto Giulia Siqueira">
                    </picture>
                </div>
                <div class="sobre-mim__conteudo px-0 xl:px-12 2xl:px-1" data-aos="fade-up" data-aos-duration="2000">
                    <h2 class="text-5xl xl:text-7xl font-bold"><span class="title-hello">Hello,</span><br><span
                            class="title-you text8xl">you!</span></h2>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal pt-8 xl:pt-12">
                        Me chamo Giulia Siqueira. Sou professora e <span class="font-bold">sua melhor amiga no aprendizado
                            de Língua Estrangeira.</span> Sou graduanda em Letras - Português pela Universidade Federal da
                        Paraíba, possuo formação TESOL (Ensino de Inglês para Falantes de Outras Línguas) e experiência de
                        intercâmbio educacional na NASA.
                    </p>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal pt-7">
                        I am Giulia Siqueira, an English and Portuguese teacher from Brazil and <span class="font-bold">your
                            best friend in Foreign Language learning,</span> I am currently pursuing a degree in Portuguese
                        at the Federal University of Paraíba, with TESOL (Teaching English to Speakers of Other Languages)
                        certification and experience with educational exchange at NASA.
                    </p>
                </div>
    
                    <a class="card-globo" data-aos="fade-up" data-aos-duration="3000" href="https://globoplay.globo.com/v/11386721/" target="_blank">
                        <div class="relative">
                            <picture class="flex justify-center">
                                <img class="card-globo__globo-noticia-img" src="https://pelalingua.com/wp-content/uploads/2025/07/Agrupar-46.png" alt="Entrevista da Globo sobre a Giulia">
                            </picture>
                            <picture class="">
                                <img class="absolute card-globo__ancora-play" src="https://pelalingua.com/wp-content/uploads/2025/07/play.png" alt="Botão play">
                            </picture>
                        </div>
                        <div class="text-center pt-9">
                            <h5 class="text-xl 2xl:text-2xl font-bold text-white">ASSISTA À ENTREVISTA</h5>
                            <h5 class="text-xl 2xl:text-2xl text-white italic font-extralight">WATCH THE INTERVIEW</h5>
                        </div>
                    </a>
            </div>

            <picture class="absolute" data-aos="fade-left" data-aos-delay="600"><img class="sobre-mim__formas__laranja" src="https://pelalingua.com/wp-content/uploads/2025/07/Forma-1.png" alt="Forma laranja" ></picture>
            <picture class="absolute" data-aos="fade-right" data-aos-delay="600"><img class="sobre-mim__formas__verde" src="https://pelalingua.com/wp-content/uploads/2025/07/Forma-1-copiar.png" alt="Forma verde" ></picture>

            <!-- <div class="absolute sobre-mim__formas">
            </div>  -->
        </section>
        <section class="section-estudar-juntos pt-10 xl:pt-20">
            <div class="coluna1">
                <picture>
                    <img class="estudar-juntos__background" src="https://pelalingua.com/wp-content/uploads/2025/07/Group-1.png" alt="Imagem escrita em português Como podemos estudar juntos? e em inglês How can we study together?">
                </picture>
            </div>
            <div class="coluna2 flex flex-col gap-2 justify-center">
                <a class="card-modalidade flex" href="#section-iniciantes-id">
                    <picture>
                        <img class="card-modalidade-img" src="https://pelalingua.com/wp-content/uploads/2025/07/Group-9.png" data-aos="fade-left" data-aos-duration="400" alt="Resumo sobre turma de iniciantes, com foto de Giulia com aluno">
                    </picture>
                    <!-- <div class="flex justify-end flex-col px-8 pb-8 absolute card-modalidade__info">
                        <p class="text-2xl text-white">Turma indicada para adultos que tiveram <span
                                class="font-bold">pouco ou nenhum contato</span> com Inglês antes</p>
                    </div> -->
                </a>
                <a class="card-modalidade flex" href="#section-grupo-id">
                    <picture>
                        <img class="card-modalidade-img" src="https://pelalingua.com/wp-content/uploads/2025/07/Group-3.png" alt="" data-aos="fade-left" data-aos-duration="1400" alt="Resumo sobre grupo de conversação, com foto de Giulia com aluno">
                    </picture>
                </a>
                <a class="card-modalidade flex" href="#section-individuais-id">
                    <picture >
                        <img class="card-modalidade-img" src="https://pelalingua.com/wp-content/uploads/2025/07/Group-4.png" alt="" data-aos="fade-left" data-aos-duration="1400" alt="Resumo sobre aulas individuais, com foto de Giulia com aluno">
                    </picture>
                </a>
                <a class="card-modalidade flex" href="#section-aprender-pt-id">
                    <picture>
                        <img class="card-modalidade-img" src="https://pelalingua.com/wp-content/uploads/2025/07/Group-5.png" alt="" data-aos="fade-left" data-aos-duration="1400" alt="Resumo sobre aulas de português, com foto de Giulia com aluno">
                    </picture>
                </a>
            </div>
        </section>

        <!-- SECTION INICIANTES -->
        <section class="section-iniciantes" id="section-iniciantes-id">
            <div class="iniciantes-info">
                <div data-aos="fade-right" data-aos-duration="1400">
                    <span>
                    </span>
                    <span class="span-turmas text-xl font-bold block mb-10" style="text-shadow: 0.01em 0.05em 0 hsl(14.6, 100%, 58.8%);">INGLÊS</span>
                </div>
                <div class="iniciantes-info__div-titulo" data-aos="fade-right" data-aos-duration="1400">
                    <span class="iniciantes-info__titulo-span text-4xl xl:text-6xl font-black">A</span>
                    <h5 class="iniciantes-info__titulo text-normal lg:text-lg xl:text-2xl text-white font-bold inline px-10 py-3 ml-8 xl:ml-12">
                        INICIANTES:</h5>
                </div>
                <div class="flex flex-col gap-6 xl:gap-10 mt-14">
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal" data-aos="fade-right" data-aos-duration="1800">A turma de iniciantes é indicada para adultos de nível A1-A2, ou seja, que tiveram pouquíssimo ou nenhum contato com a língua antes e é de no máximo cinco pessoas, a fim de poder realizar acompanhamento próximo com cada participante.</p>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal" data-aos="fade-right" data-aos-duration="2000">Os encontros são semanais, ao vivo no Google Meet e com duração de 1h30min. O curso possui duração de 1 ano. O investimento já inclui materiais da aula + plano de estudos para impulsionar o progresso.</p>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal" data-aos="fade-right" data-aos-duration="2200">As turmas de iniciante para 2024 estão fechadas, mas você já pode reservar sua vaga para 2025.</p>
                </div>

            </div>
            <div class="iniciantes-diferenças mx-auto flex flex-col items-center pt-12">
                <span class="iniciantes-diferenças__span text-lg lg:text-2xl font-bold" style="text-shadow: 0.01em 0.05em 0 hsl(14.6, 100%, 58.8%);" data-aos="fade-left" data-aos-duration="2200">DIFERENCIAIS DO PELALÍNGUA:</span>
                <div class="flex gap-2 2xl:gap-10 diferenças__div-img mt-8">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/Agrupar-213.png" alt="Imagem escrita ambiente acolhedor" data-aos="fade-left" data-aos-duration="2400">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/Agrupar-21.png" alt="Imagem escrita grupo para praticar" data-aos="fade-left" data-aos-duration="2600">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/Agrupar-212.png" alt="Imagem escrita troca de experiências" data-aos="fade-left" data-aos-duration="2800">
                </div>
                <div class="diferenças__div-preço px-8 lg:px-12 pt-12 pb-8 mt-16 2xl:px-10 2xl:pt-16 2xl:pb-12 2xl:mt-24 inline-block" data-aos="fade-left" data-aos-duration="3000">
                    <p
                        class="text-white text-xl 2xl:text-2xl iniciantes-diferenças__div-preço__investi inline py-2 xl:py-3 px-6 rounded-lg font-bold">
                        INVESTIMENTO:</p>
                    <p class="text-4xl 2xl:text-5xl text-center iniciantes-diferenças__div-preço__p"><span
                            class="font-bold">R$240</span> mensais</p>
                </div>
                <div class="my-14" data-aos="fade-up" data-aos-duration="2400">
                    <div class="whatsapp-icon-div">
                        <a class="whatsapp-icon-anchor" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path
                                    d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                            </svg>
                        </a>
                    </div>
                    <a class="diferenças__ancora text-white py-3 px-10 lg:px-16 rounded-lg font-bold text-normal lg:text-xl" href="https://wa.me/558381742357" target="_blank">APRENDA
                        INGLÊS</a>
                </div>
            </div>
        </section>

        <!-- SECTION GRUPO -->
        <section class="section-grupo" id="section-grupo-id">
            <div class="grupo-info">
                <div data-aos="fade-right" data-aos-duration="1400">
                    <span class="grupo-span-turmas text-xl font-bold block mb-10" style="text-shadow: 0.01em 0.05em 0 hsl(196.9, 100%, 48.8%);">INGLÊS</span>
                </div>
                <div class="grupo-info__div-titulo" data-aos="fade-right" data-aos-duration="1400">
                    <span class="grupo-info__titulo-span text-4xl xl:text-6xl font-black">B</span>
                    <h5 class="grupo-info__titulo text-sm lg:text-lg xl:text-2xl text-white font-bold inline px-10 py-3 ml-6 xl:ml-12">GRUPO DE
                        CONVERSAÇÃO:</h5>
                </div>
                <div class="flex flex-col gap-6 xl:gap-10 mt-14 text-justify">
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal text-white" data-aos="fade-right" data-aos-duration="1800">O grupo de conversação é a oportunidade para que seu grupo de amigos, a partir de três pessoas, possa estudar em uma turma personalizada de acordo com os seus interesses e objetivos, como preparação para prova de proficiência, metas acadêmicas, desenvolvimento profissional e turismo, em horários flexíveis. Os encontros são semanais, ao vivo no Google Meet e com duração escolhida pelos(a) estudantes no momento da contratação.</p>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal text-white" data-aos="fade-right" data-aos-duration="2000">O investimento já inclui os materiais elaborados de acordo com o propósito dos participantes + plano de estudos para impulsionar o progresso. </p>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal text-white" data-aos="fade-right" data-aos-duration="2200">Esse grupo pode ser formado por estudantes de todas as idades e níveis de proficiência. </p>
                    <div class="my-6 xl:my-14 mx-auto hidden lg:block" data-aos="fade-up" data-aos-duration="2400">
                        <div class="whatsapp-icon-div">
                            <a class="whatsapp-icon-anchor" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path
                                        d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                </svg>
                            </a>
                        </div>
                        <a class="diferenças__ancora text-white py-3 px-10 lg:px-16 rounded-lg font-bold text-normal lg:text-xl" href="https://wa.me/558381742357" target="_blank">APRENDA
                            INGLÊS</a>
                    </div>
                </div>

            </div>
            <div class="grupo-diferenças mx-auto flex flex-col items-center pt-12 lg:pt-0">
                <span class="grupo-diferenças__span text-lg lg:text-2xl font-bold" style="text-shadow: 0.01em 0.05em 0 hsl(196.9, 100%, 48.8%);" data-aos="fade-left" data-aos-duration="2200">DIFERENCIAIS DO PELALÍNGUA:</span>
                <div class="flex gap-2 2xl:gap-10 diferenças__div-img mt-8">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/foto3.png" alt="" data-aos="fade-left" data-aos-duration="2400" alt="Imagem escrita turma fechada com amigos">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/foto1.png" alt="" data-aos="fade-left" data-aos-duration="2600" alt="Imagem escrita materiais personalizados">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/foto2.png" alt="" data-aos="fade-left" data-aos-duration="2800" alt="Imagem escrita horários flexíveis">
                </div>
                <div class="diferenças__div-preço px-4 lg:px-8 pt-12 pb-12 lg:mt-20 xl:mt-24 inline-block mt-16" data-aos="fade-left" data-aos-duration="3000">
                    <p
                        class="text-white text-xl xl:text-2xl grupo-diferenças__div-preço__investi inline py-2 xl:py-3 px-6 rounded-lg font-bold">
                        INVESTIMENTO:</p>
                    <ul class="flex flex-col gap-2 2xl:gap-4 grupo-tabela-preço">
                        <li class="text-center pb-2 font-bold xl:text-sm 2xl:text-base">ESTUDANTES<br> RESIDENTES NO BRASIL</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">1H POR SEMANA:</span> R$280 MENSAIS</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">2H POR SEMANA:</span> R$560 MENSAIS</li>
                        <li class="text-normal text-center pt-4 pb-2 font-bold xl:text-sm 2xl:text-base">ESTUDANTES RESIDENTES<br> FORA DO BRASIL</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">1H POR SEMANA:</span> USD$70 MENSAIS</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">2H POR SEMANA:</span> USD$140 MENSAIS</li>
                    </ul>
                </div>
                <div class="my-14 block lg:hidden" data-aos="fade-up" data-aos-duration="2400">
                    <div class="whatsapp-icon-div">
                        <a class="whatsapp-icon-anchor" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path
                                    d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                            </svg>
                        </a>
                    </div>
                    <a class="diferenças__ancora text-white py-3 px-10 lg:px-16 rounded-lg font-bold text-normal lg:text-xl" href="https://wa.me/558381742357" target="_blank">APRENDA
                        INGLÊS</a>
                </div>
            </div>
        </section>

        <!-- SECTION INDIVIDUAIS -->
        <section class="section-individuais" id="section-individuais-id">
            <div class="individuais-info">
                <div data-aos="fade-right" data-aos-duration="1400">
                    <span class="individuais-span-turmas text-xl font-bold block mb-10" style="text-shadow: 0.1em 0.1em 0 hsl(258.3, 46.9%, 38.4%);">INGLÊS</span>
                </div>
                <div class="individuais-info__div-titulo" data-aos="fade-right" data-aos-duration="1400">
                    <span class="individuais-info__titulo-span text-4xl xl:text-6xl font-black">C</span>
                    <h5 class="individuais-info__titulo text-lg xl:text-2xl text-white font-bold inline px-10 py-3 ml-8 xl:ml-12">AULAS
                        INDIVIDUAIS:</h5>
                </div>
                <div class="flex flex-col gap-6 lg:gap-10 mt-14 text-justify">
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal text-white" data-aos="fade-right" data-aos-duration="1800">As aulas individuais são indicadas para estudantes que buscam personalização na lista de conteúdos, elaboração dos materiais e método de ensino alinhado com seus interesses e objetivos específicos em horários flexíveis. Os encontros são semanais, ao vivo no Google Meet e com duração escolhida pelo(a) estudante no momento da contratação.</p>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal text-white" data-aos="fade-right" data-aos-duration="2000">O investimento já inclui os materiais adequados ao/à estudante + plano de estudos personalizado para impulsionar o progresso. </p>
                    <p class="text-normal xl:text-xl 2xl:text-2xl font-normal text-white" data-aos="fade-right" data-aos-duration="2200">Essa modalidade é oferecida para estudantes de todas as idades e níveis de proficiência.</p>
                    <div class="my-6 xl:my-14 mx-auto hidden lg:block" data-aos="fade-up" data-aos-duration="2400">
                        <div class="whatsapp-icon-div">
                            <a class="whatsapp-icon-anchor" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path
                                        d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                </svg>
                            </a>
                        </div>
                        <a class="diferenças__ancora__individuais text-white py-3 px-10 lg:px-16 rounded-lg font-bold text-normal lg:text-xl"
                        href="https://wa.me/558381742357" target="_blank">APRENDA
                            INGLÊS</a>
                    </div>
                </div>

            </div>
            <div class="individuais-diferenças mx-auto flex flex-col items-center pt-12 lg:pt-0">
                <span class="grupo-diferenças__span text-lg lg:text-2xl font-bold" style="text-shadow: 0.1em 0.1em 0 hsl(258.3, 46.9%, 38.4%);" data-aos="fade-left" data-aos-duration="2200">DIFERENCIAIS DO PELALÍNGUA:</span>
                <div class="flex gap-2 2xl:gap-10 diferenças__div-img mt-8">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/Group-8.png" alt="Imagem escrita acompanhamento individual" data-aos="fade-left" data-aos-duration="2400">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/foto5.png" alt="Imagem escrita horários flexíveis" data-aos="fade-left" data-aos-duration="2600">
                    <img class="diferenças__img" src="https://pelalingua.com/wp-content/uploads/2025/07/foto4.png" alt="Imagem escrita material exclusivo" data-aos="fade-left" data-aos-duration="2800">
                </div>
                <div class="diferenças__div-preço px-4 lg:px-8 pt-12 pb-12 mt-16 lg:mt-24 inline-block" data-aos="fade-left" data-aos-duration="3000">
                    <p
                        class="text-white text-lg xl:text-2xl grupo-diferenças__div-preço__investi inline py-2 xl:py-3 px-6 rounded-lg font-bold">
                        INVESTIMENTO:</p>
                    <ul class="flex flex-col gap-2 2xl:gap-4 grupo-tabela-preço">
                        <li class="text-center pb-2 font-bold text-sm 2xl:text-base">ESTUDANTES<br> RESIDENTES NO BRASIL</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">1H POR SEMANA:</span> R$320 MENSAIS</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">2H POR SEMANA:</span> R$640 MENSAIS</li>
                        <li class="text-center pt-4 pb-2 font-bold text-sm 2xl:text-base">ESTUDANTES RESIDENTES<br> FORA DO BRASIL</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">1H POR SEMANA:</span> USD$80 MENSAIS</li>
                        <li class="text-normal xl:text-xl 2xl:text-2xl"><span class="font-bold">2H POR SEMANA:</span> USD$160 MENSAIS</li>
                    </ul>
                </div>

                <div class="mb-12 mt-12 xl:my-14 mx-auto block lg:hidden" data-aos="fade-up" data-aos-duration="2400">
                    <div class="whatsapp-icon-div">
                        <a class="whatsapp-icon-anchor" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path
                                    d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                            </svg>
                        </a>
                    </div>
                    <a class="diferenças__ancora__individuais text-white py-3 px-10 lg:px-16 rounded-lg font-bold text-normal lg:text-xl"
                    href="https://wa.me/558381742357" target="_blank">APRENDA
                        INGLÊS</a>
                </div>
            </div>


        </section>

        <section class="section-aprender-pt" id="section-aprender-pt-id">
            <picture>
                <img src="https://pelalingua.com/wp-content/uploads/2025/07/faixa-pela-lingua.png" alt="Banner Pelalíngua">
            </picture>
            <div class="aprender-pt-grid  gap-10 xl:gap-14">
                <div class="aprender-pt-info">
                    <div>
                        <h4 class="text-3xl lg:text-5xl font-bold aprender-pt-info__titulo" style="text-shadow: 0.03em 0.04em 0 hsl(32.06deg 100% 50%);" data-aos="fade-up-right" data-aos-duration="1400">
                            Why to learn<br>
                            <span style="text-shadow: 0.03em 0.06em 0 hsl(258.3, 46.9%, 38.4%);">Portuguese?</span>
                        </h4>
                        <p class="text-normal lg:text-xl 2xl:text-2xl text-justify	py-5 xl:pt-10 xl:pb-12" data-aos="fade-up" data-aos-duration="1800">
                            Learning a language goes beyond
                            memorizing words: it's like getting a
                            new pair of glasses for how you see the
                            world. It's exploring different ways of
                            thinking and finding new sides of
                            yourself along the way.
                        </p>
                    </div>
                    <div class="py-6 items-start  xl:items-center aprender-pt__ancoras flex-col xl:flex-row hidden lg:flex" data-aos="fade-up" data-aos-duration="3000">
                        <div class="flex gap-5">
                            <a href="https://www.instagram.com/pelalingua/" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/ig-roxo.png" alt="Logo Instagram"></a>
                            <a href="mailto:contato@pelalingua.com" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/email-roxo.png" alt="Logo Email"></a>
                            <a href="https://www.linkedin.com/in/pelalingua" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/linkedin-roxo.png" alt="Logo Linkedin"></a>
                        </div>

                        <div class="align-self-center">
                            <div class="whatsapp-icon-div">
                                <a class="whatsapp-icon-anchor__ancora-branca ancora-menor-whatsapp" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                        xmlns="http://www.w3.org/2000/svg"
                                        viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                        <path
                                            d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                    </svg>
                                </a>
                            </div>
                            <a class="ancora-branca py-3 px-8 2xl:px-10 rounded-lg font-bold text-normal 2xl:text-xl" href="https://wa.me/558381742357" target="_blank">LEARN
                                PORTUGUESE</a>
                        </div>
                    </div>
                </div>
                <div class="flex flex-wrap todos-cards-aprender pt-4 lg:pt-16 xl:pt-0 gap-1 lg:gap-0">
                    <div class="w-1/3 card-aprender-pt 2xl:pb-8" data-aos="flip-down" data-aos-duration="2600">
                        <picture><img class="card-aprender-pt__img" src="https://pelalingua.com/wp-content/uploads/2025/07/talk.png" alt="Pessoa conversando no telefone, escrito Talk to brazilian people">
                        </picture>
                        <!-- <p class="text-2xl card-aprender-pt__descrição text-white text-center flex items-center">Talk to
                            brazilian people
                            (we are awesome
                            friends!)</p> -->
                    </div>
                    <div class="w-1/3 card-aprender-pt" data-aos="flip-down" data-aos-duration="2600">
                        <picture><img class="card-aprender-pt__img" src="https://pelalingua.com/wp-content/uploads/2025/07/culinaria.png" alt="Comida brasileira, escrito Get to know new and different cultures">
                        </picture>
                        <!-- <p class="text-2xl card-aprender-pt__descrição text-white text-center flex items-center">Get to
                            know new and
                            different cultures</p> -->
                    </div>
                    <div class="w-1/3 card-aprender-pt" data-aos="flip-down" data-aos-duration="2600">
                        <picture><img class="card-aprender-pt__img" src="https://pelalingua.com/wp-content/uploads/2025/07/cristo.png" alt="Cristo Redentor, escrito Travel more safely and enjoyably">
                        </picture>
                        <!-- <p class="text-2xl card-aprender-pt__descrição text-white text-center flex items-center"
                            class="card-aprender-pt__descrição">Travel more safely
                            and enjoyably</p> -->
                    </div>
                    <div class="w-1/3 card-aprender-pt" data-aos="flip-up" data-aos-duration="2800">
                        <picture><img class="card-aprender-pt__img" src="https://pelalingua.com/wp-content/uploads/2025/07/praia.png" alt="Praia, escrito Living/Studying/Working Abroad">
                        </picture>
                    </div>
                    <div class="w-1/3 card-aprender-pt" data-aos="flip-up" data-aos-duration="2800">
                        <picture><img class="card-aprender-pt__img" class="card-aprender-pt__img"
                                src="https://pelalingua.com/wp-content/uploads/2025/07/jorgeben.png" alt="Jorge ben, escrito Media and Entertainment">
                        </picture>
                    </div>
                    <div class="w-1/3 card-aprender-pt" data-aos="flip-up" data-aos-duration="2800">
                        <picture><img class="card-aprender-pt__img" src="https://pelalingua.com/wp-content/uploads/2025/07/Agrupar-22.png" alt="Aluno, escrito Personal Growth">
                        </picture>
                    </div>
                </div>
                <div class="py-10 flex gap-2items-start aprender-pt__ancoras flex-col xl:flex-row lg:hidden">
                    <div data-aos="fade-up" data-aos-duration="3000" class="flex gap-5">
                        <a href="https://www.instagram.com/pelalingua/" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/ig-roxo.png" alt="Logo Instagram"></a>
                        <a href="mailto:contato@pelalingua.com" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/email-roxo.png" alt="Logo Email"></a>
                        <a href="https://www.linkedin.com/in/pelalingua" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/linkedin-roxo.png" alt="Logo Linkedin"></a>
                    </div>

                    <div class="align-self-center" data-aos="fade-up" data-aos-duration="2000">
                        <div class="whatsapp-icon-div">
                            <a class="whatsapp-icon-anchor__ancora-branca ancora-menor-whatsapp" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path
                                        d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                </svg>
                            </a>
                        </div>
                        <a class="ancora-branca py-3 px-8 2xl:px-10 rounded-lg font-bold text-normal 2xl:text-xl" href="https://wa.me/558381742357" target="_blank">LEARN
                            PORTUGUESE</a>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-aprender-continuação">
            <div class="section-aprender-continuação-info">
                <div>
                    <span class="individuais-span-turmas text-xl font-bold block mb-10" style="text-shadow: 0.1em 0.1em 0 hsl(258.3, 46.9%, 38.4%);" data-aos="fade-right" data-aos-duration="1400">PORTUGUESE</span>
                </div>
                <div class="individuais-info__div-titulo" data-aos="fade-right" data-aos-duration="2000">
                    <span class="individuais-info__titulo-span text-4xl xl:text-6xl font-black">D</span>
                    <h5 class="individuais-info__titulo text-2xl text-white font-bold inline px-10 py-3 ml-6 xl:ml-12" style="border: 3px solid #D9E242;">ONE-ON-ONE</h5>
                </div>
                <div class="section-aprender-continuação-descrição px-4 lg:px-10 py-12 xl:p-12 mb-10 xl:mb-16">
                    <p class="text-white text-normal xl:text-xl 2xl:text-2xl text-justify mb-10" data-aos="fade-right" data-aos-duration="2000">If you’re looking for a safe and comfortable space to make mistakes and grow, these classes are tailored for you! You’ll overcome insecurities by practicing Portuguese, especially in conversation, and gain confidence. You’ll receive materials to continue learning outside of lessons, benefiting from guidance by a native teacher. </p>
                    <p class="text-white text-normal xl:text-xl 2xl:text-2xl text-justify mb-10" data-aos="fade-right" data-aos-duration="2400">Enjoy dynamic live classes at times that suit your schedule, fostering a strong connection between teacher and student. Access practical activities and homework designed to meet your needs and interests. Use a dedicated Notion link to easily access lesson plans, study materials, and reinforcement activities, ensuring everything you need is at your fingertips. Plus, receive a customized study plan each week to help accelerate your language learning journey. </p>
                    <p class="text-white text-normal xl:text-xl 2xl:text-2xl text-justify" data-aos="fade-right" data-aos-duration="2400">The sessions are weekly, live on Google Meet, and the duration is chosen by the student at the time of enrollment. These classes are designed to make your learning experience enjoyable, effective, and organized. Join us and start your journey to mastering Portuguese today!</p>
                </div>

                <div class="lg:flex justify-center hidden" data-aos="fade-up" data-aos-duration="3000">
                    <div>
                        <div class="whatsapp-icon-div">
                            <a class="whatsapp-icon-anchor__ancora-branca" href="https://wa.me/558381742357" target="_blank"href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path
                                        d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                </svg>
                            </a>
                        </div>
                        <a class="ancora-branca py-3 px-10 rounded-lg font-bold text-xl" href="https://wa.me/558381742357" target="_blank">LEARN PORTUGUESE</a>
                    </div>
                </div>


            </div>

            <div class="section-aprender-continuação-preços flex flex-col items-center mt-4 mb-8 lg:mb-8 lg:mt-20 xl:mt-14" data-aos="zoom-in" data-aos-duration="2600">
                <picture class="aprender-continuação__div" style="border: 3px solid #D9E242; border-bottom: 0; border-radius: 10px 10px 0px 0px;">
                    <img class="py-5 px-5" src="https://pelalingua.com/wp-content/uploads/2025/07/professora-com-aluno.png" alt="Professora em aula com aluno">
                </picture>
                <div>
                    <h6 class="text-2xl lg:text-3xl xl:text-4xl font-bold continuação-preços__titulo text-center px-12 py-4" style="border-radius: 10px;">How to study<br>
                        portuguese<br>
                        with me?</h6>
                </div>
                <div>
                    <div class="aprender-continuação__div text-center py-4" style="border: 3px solid #D9E242; border-bottom: 0;">
                        <h6 class="aprender-continuação__div__titulo font-bold text-normal xl:text-xl">ONE-TO-ONE CLASS</h6>
                        <p class="text-sm xl:text-normal"> Focused attention on the<br>
                            individual student's needs,<br>
                            pace and learning style.</p>
                    </div>
                    <div class="aprender-continuação__div text-center py-4" style="border: 3px solid #D9E242; border-bottom: 0; border-top: 0;">
                        <h6 class="aprender-continuação__div__titulo font-bold text-normal xl:text-xl"> 1 HOUR PER WEEK:
                        </h6>
                        <p class="text-sm xl:text-normal"> USD$80 PER MONTH
                        </p>
                    </div>
                    <div class="aprender-continuação__div text-center py-4" style="border: 3px solid #D9E242; border-top: 0; border-radius: 0 0 10px 10px;">
                        <h6 class="aprender-continuação__div__titulo font-bold text-normal xl:text-xl">2 HOUR PER WEEK:
                        </h6>
                        <p class="text-sm xl:text-normal">  USD$160 PER MONTH 
                        </p>
                    </div>
                </div>

            </div>
        </section>


        <section class="section-depoimentos">
            <div>
                <div class="header__div__ancora-e-fundo-roxo hidden lg:block" data-aos="fade-up" data-aos-duration="2000">
                    <div class="flex justify-center header__div__ancora-aprender">
                        <a class="header__ancora-aprender text-lg font-bold py-2 flex justify-around depoimentos-ancora_centralizada"
                        href="https://wa.me/558381742357" target="_blank">APRENDA INGLÊS <span>LEARN PORTUGUESE</span></a>
                        <div class="whatsapp-icon-div">
                            <a class="whatsapp-icon-anchor__header depoimentos-ancora_centralizada-whatsapp" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path
                                        d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center my-10 lg:my-16" data-aos="fade-down" data-aos-duration="2500">
                <h3 class="section-depoimentos__titulo text-lg lg:text-2xl xl:text-3xl font-bold text-white inline-block py-2 px-2 lg:px-16">O QUE ESTUDANTES E RESPONSÁVEIS
                    ESTÃO<br>
                    DIZENDO SOBRE MEU TRABALHO?</h3>
            </div>
            <div class="flex text-justify todos-depoimentos flex-col lg:flex-row">
                <div class="flex flex-col lg:gap-10 lg:w-1/3" data-aos="fade-up" data-aos-duration="2500">
                    <div class="depoimento-pessoa text-normal xl:text-xl" >
                        <h6 class="font-bold pb-2 lg:pb-4"> ANDRÉ BRITO, EMPRESÁRIO NA
                            FLÓRIDA - ESTADOS UNIDOS:</h6>
                        <p> “A experiência está sendo bastante
                            construtiva, tem me ajudado muito
                            na aquisição de novo vocabulário e
                            conversação.”</p>
                    </div>
                    <div class="depoimento-pessoa text-normal xl:text-xl">
                        <h6 class="font-bold pb-2 lg:pb-4"> HELENA MACÁRIO, ESTUDANTE
                            DO 9º ANO NA PARAÍBA - BRASIL:</h6>
                        <p> “Senti que melhorei demais o meu
                            Inglês. Minhas notas aumentaram
                            bastante e estou muito satisfeita!”</p>
                    </div>
                </div>
                <div class="lg:w-1/3 flex flex-col lg:gap-10" data-aos="fade-up" data-aos-duration="2700">
                    <div class="depoimento-pessoa text-normal xl:text-xl">
                        <h6 class="font-bold pb-2 lg:pb-4"> ALEX ROCHA, AUTÔNOMO EM
                            FLÓRIDA - ESTADOS UNIDOS:</h6>
                        <p> “As aulas são bacanas demais, estou
                            aprendendo muito!”</p>
                    </div>
                    <div class="depoimento-pessoa text-normal xl:text-xl">
                        <h6 class="font-bold pb-2 lg:pb-4"> MARIA
                            FERNANDA
                            LONDE,
                            ACADÊMICA DE MEDICINA EM
                            MINAS GERAIS - BRASIL:</h6>
                        <p> “Acredito e vejo a minha evolução ao
                            longo
                            do período em que
                            estivemos juntas, e creio que preciso
                            me dedicar ainda mais para que o
                            aprendizado seja mais completo.”</p>
                    </div>
                </div>
                <div class="depoimento-pessoa text-normal xl:text-xl lg:w-1/3" data-aos="fade-up" data-aos-duration="2900">
                    <h6 class="font-bold pb-2 lg:pb-4">MÁRCIO SILVA, RESPONSÁVEL
                        DE ESTUDANTE DE 9 ANOS:</h6>
                    <p> “As aulas da minha filha, Pietra,
                        estão sendo algo surreal, pois
                        minha filha está sendo muito
                        bem ensinada e o aprendizado
                        dela com o Inglês está super
                        evoluído. Agradeço demais à
                        professora Giulia porque mesmo
                        que eu, pai, não a conheça
                        pessoalmente, tenho a plena
                        convicção que minha filha está
                        em boas mãos e isso é só o início.
                        Muito obrigado, Giulia!”</p>
                </div>
            </div>
            <div class="pt-6 lg:pt-10 flex justify-around items-center">
                <div class="hidden xl:block" data-aos="fade-right" data-aos-duration="2500">
                    <div>
                        <div class="whatsapp-icon-div ">
                            <a class="whatsapp-icon-anchor__ancora-branca ancora-branca-pt" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path
                                        d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                </svg>
                            </a>
                        </div>
                        <a class="ancora-branca py-3 px-10 rounded-lg font-bold text-xl" href="https://wa.me/558381742357" target="_blank">APRENDA INGLÊS</a>
                    </div>
                </div>
                <div>
                    <h6 class="text-white depoimentos-aviso text-sm 2xl:text-lg inline-block py-2 px-4 lg:px-6 lg:py-4 text-center" data-aos="fade-up" data-aos-duration="3000"><span class="font-bold">IMPORTANTE:</span> OS RESPONSÁVEIS SEMPRE RECEBEM<br class="hidden lg:inline-block">
                        ATUALIZAÇÕES SOBRE O QUE ESTÁ SENDO<br class="hidden lg:inline-block">
                        APRENDIDO EM AULA E COMO ESTÁ SENDO<br class="hidden lg:inline-block">
                        ENSINADO ÀS CRIANÇAS E ADOLESCENTES.
                    </h6>
                </div>
                <div class="hidden xl:block" data-aos="fade-left" data-aos-duration="2500">
                    <div>
                        <div class="whatsapp-icon-div">
                            <a class="whatsapp-icon-anchor__ancora-branca" href="https://wa.me/558381742357" target="_blank"><svg class="whatsapp-icon"
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path
                                        d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
                                </svg>
                            </a>
                        </div>
                        <a class="ancora-branca py-3 px-10 rounded-lg font-bold text-xl" href="https://wa.me/558381742357" target="_blank">LEARN
                            PORTUGUESE</a>
                    </div>
                </div>

            </div>
        </section>
    </main>
    
    <footer class="flex items-center flex-col gap-10 footer_div-textos">
        <div class="text-center flex flex-col gap-5">
            <h2 class="text-6xl font-bold" data-aos="fade-up" data-aos-duration="2000">Converse comigo!</h2>
            <p class="text-2xl" data-aos="fade-up" data-aos-duration="2600">TALK TO ME!</p>
        </div>


        <div data-aos="fade-up" data-aos-duration="2800" class="flex gap-5">
            <a href="https://www.instagram.com/pelalingua/" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/ig.png" alt="Logo Instagram"></a>
            <a href="mailto:contato@pelalingua.com" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/email.png" alt="Logo Email"></a>
            <a href="https://www.linkedin.com/in/pelalingua" target="_blank"><img src="https://pelalingua.com/wp-content/uploads/2025/07/linkedin.png" alt="Logo Linkedin"></a>
        </div>
        <p class="mt-10 footer__creditos px-2 py-1" data-aos="fade-up" data-aos-duration="2800" data-aos-delay="400" class="flex gap-5">Desenvolvido por <a class="font-bold" href="https://www.jonathasjean.com" target="_blank">Jonathas</a> & <a class="font-bold" href="https://www.behance.net/designbymadson" target="_blank">Madson</a></p>
    </footer>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        AOS.init();
      </script>
</body>
</html>

















CSS
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}

body {
    overflow-x: hidden !important;
}
a {
    cursor: pointer;
}
h2 {
    line-height: 0.6 !important;
}


header a {
    background-color: #D9E242;
    color: #503490;
    border: 2px solid #503490;
}

.header__ancora-instagram, .header__ancora-contato {
    width: 350px;
    max-width: 440px;
}

.header__pelalingua-img {
    width: 100%;
}

.header__div__ancora-e-fundo-roxo {
    position: relative;
    padding: 0 -100% 0 -100%;
}

.header__div__ancora-aprender {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header__ancora-aprender {
    width: 700px;
}

.header__fundo-roxo {
    background-color: #503490;
    height: 100px;
    padding: 0 -100% 0 -100%;
}

/* picture {
    width: 10%;
} */

.sobre-mim__foto-giulia {
    width: 354px;
    /* height: 100%; */
}

.header__padding-laterais {
    padding: 0 10% 0 10%;
}

.section-sobre-mim {
    padding: 0 6% 0 6%;
}

.sobre-mim_div-foto {
    padding-top: 126px;
    position: relative;
}

.sobre-mim_div-foto__quem-sou__texto {
    background-color: #D9E242;
    padding: 8px 10px 8px 10px;
    border: 1px solid #503490;
    border-radius: 6px;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.title-hello {
    color: #503490;
}

.title-you {
    color: #FF602D;
}

.section-sobre-mim p {
        text-align: justify;
}
.sobre-mim__conteudo {
    padding-top: 40px;
    max-width: 520px;
}

.card-globo {
    margin-top: 16%;
    width: 450px;
    height: 450px;
    background-color: #FF602D;
    border: 1px solid #503490;
    cursor: pointer;
    transition: transform 0.5s ease;
}

.card-globo:hover {
    transform: scale(1.02);
}

.card-globo__globo-noticia-img {
    width: 94%;
    padding-top: 3%;
}

.card-globo__ancora-play {
    width: 50px;
    height: 50px;
    bottom: -26px;
    right: 46%;
}

.sobre-mim__formas__laranja {
    position: absolute;
    right: 0px;
    /* top: 0; */
    z-index: -1;
    bottom: -300px;
}

.sobre-mim__formas__verde {
    position: absolute;
    bottom: -800px;
}
.section-estudar-juntos {
    display: grid;
    grid-template-columns: 45% 55%;
  }
  
  .coluna1 {
    grid-column: 1;
    z-index: 6;
  }
  
  .estudar-juntos__background {
    height: 100%;
    max-height: 980px;
    width: 100%;
  }

  .coluna2 {
    grid-column: 2;
    background-color: #503490;
    padding: 4% 6%;
  }

  .card-modalidade {
    background-color: #422A7B;
    position: relative;
  }

  .card-modalidade-img {
    /* padding: 4%; */
    /* width: 100%; */
    width: 90%;
    /* max-width: 600px; */
  }

  picture {
    width: 100%;
  }
  .card-modalidade__info {
    top: 100px;
    width: 50%;
    right: 40px;
  }

  .card-modalidade__info span {
    color: #D9E242;
  }
  /* .card-modalidade__titulo {
    background-color: #D9E242;
    padding: 8px 10px 8px 10px;
    border: 1px solid #503490;
    border-radius: 6px;
    position: absolute;
    left: 45%;
    top: 15%;
  } */

  /* .card-modalidade p {
    padding: 0 5%;
} */

.section-iniciantes {
    background-color: #D9E242;
}

.section-individuais {
    background-color: #FF602D;
}

.section-grupo {
    background-color: #503490;
}

.section-iniciantes, .section-grupo, .section-individuais {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 4% 6%;
}

.iniciantes-info, .grupo-info, .individuais-info {
    grid-column: 1;
}

.iniciantes-diferenças, .grupo-diferenças, .individuais-diferenças {
    grid-column: 2;
}

.iniciantes-info p {
    text-align: justify;
}

.span-turmas, .grupo-span-turmas, .individuais-span-turmas {
    letter-spacing: 15px;
}

.span-turmas {
    color: #503490;
}

.grupo-span-turmas, .individuais-span-turmas {
    color: #D9E242;
}

.iniciantes-info__div-titulo, .grupo-info__div-titulo, .individuais-info__div-titulo {
    position: relative;
    /* color: #D9E242; */
    /* border-radius: 100%; */
    /* width: 100px; */
}

.grupo-info__titulo-span, .iniciantes-info__titulo-span, .individuais-info__titulo-span {
    padding: 12px;
    position: relative;
    z-index: 3;
    position: absolute;
    bottom: -26px;
}

.iniciantes-info__titulo-span {
    color: #D9E242;
}

.grupo-info__titulo-span, .individuais-info__titulo-span {
    color: #503490;
}

.grupo-info__titulo-span::before, .iniciantes-info__titulo-span::before, .individuais-info__titulo-span::before{
    content: "";
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    z-index: -1; /* Adicionado para posicionar o pseudo-elemento */
    top: 50%; /* Adicionado para centralizar verticalmente */
    left: 50%; /* Adicionado para centralizar horizontalmente */
    transform: translate(-50%, -50%); /* Adicionado para centralizar perfeitamente */
    display: block; /* Adicionado para permitir que width e height funcionem */
    border: 1px solid #503490;
}

.iniciantes-info__titulo-span::before {
    background-color: #503490;
}

.grupo-info__titulo-span::before, .individuais-info__titulo-span::before {
    background-color: #D9E242;
}

.iniciantes-info__titulo, .grupo-info__titulo, .individuais-info__titulo {
    border-radius: 8px;
    border: 2px solid #503490;
}

.iniciantes-info__titulo, .grupo-info__titulo {
    background-color: #FF602D;
}

.individuais-info__titulo {
    background-color: #503490;
}

.iniciantes-diferenças__span {
    color: #503490;
}

.grupo-diferenças__span {
    color: #D9E242;
}

.diferenças__img {
    width: 190px; 
}

.diferenças__div-preço {
    background-color: white;
    border: 2px solid #503490;
    position: relative;
    border-radius: 10px;
}

.iniciantes-diferenças__div-preço__investi, .grupo-diferenças__div-preço__investi {
    background-color: #FF602D;
    border: 2px solid #503490;
    position: absolute;
    z-index: 10;
    top: -26px;
}

.iniciantes-diferenças__div-preço__investi {
    left: 100px;
}

.grupo-diferenças__div-preço__investi {
    left: 144px;
}

.iniciantes-diferenças__div-preço__p {
    color: #503490;
}

.diferenças__ancora, .diferenças__ancora__individuais {
    border: 2px solid #503490;
}

.diferenças__ancora {
    background-color: #FF602D;
}

.diferenças__ancora__individuais {
    background-color: #503490;
}
.whatsapp-icon-div {
    position: relative;
}

.whatsapp-icon-anchor, .whatsapp-icon-anchor__ancora-branca, .whatsapp-icon-anchor__header {
    background-color: #55C057;
    display: inline-block;
    width: 74px;
    height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 3px solid #503490;
    position: absolute;
    top: -22px;
}

.whatsapp-icon-anchor__header {
    top: -10px;
    left: -408px;
}
.whatsapp-icon-anchor {
    left: -40px;
}
.whatsapp-icon-anchor__ancora-branca {
    left: 278px;
}

.ancora-branca-pt {
    left: -40px;
}

.whatsapp-icon {
    width: 50px;
    height: 50px;
    fill: white;
    /* background-color: #55C057; */
    /* background-color: #55C057; */
}



.grupo-tabela-preço {
    color: #503490;
}

.section-aprender-pt {
    background-color: #D9E242;

}

.aprender-pt-grid {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 4% 6%;
    position: relative;
}


.aprender-pt-info {
    padding-top: 120px;
}

.aprender-pt-info__titulo {
    color: #503490;
}

.aprender-pt-info__titulo span {
    color: #FF602D;
}

.ancora-branca {
    background-color: white;
    color: #503490;
    border: 2px solid #503490;
}

.card-aprender-pt, .card-aprender-pt__descrição {
    width: 280px;
}

.card-aprender-pt__descrição  {
    width: 297px;
    height: 100px;
}

.card-aprender-pt__descrição {
    background-color: #503490;
}

.section-aprender-continuação {
    background-color: #7DBE56;
    padding: 4% 6%;
    display: grid;
    grid-template-columns: 60% 40%;
}

.section-aprender-continuação-descrição {
    background-color: #503490;
    border-radius: 0 10px 10px 10px;
    border: 1px solid #D9E242;
}

.continuação-preços__titulo {
    color: #503490;
    background-color: #D9E242;
}

.section-depoimentos {
    background-color: #D9E242;
    padding: 4% 6%;
}

.aprender-continuação__div  {
    color: #503490;
}

.aprender-continuação__div {
    background-color: white;
    width: 280px;
}

.aprender-continuação__div:first-child {
    background-color: #F3F3F3 !important;
}

.card-aprender-pt__img {
    border-radius: 4px;
}

.depoimentos-ancora_centralizada {
    border: 2px solid #503490;
    color: #503490;
    border-radius: 10px;
    box-shadow: none !important;
}

.depoimentos-ancora_centralizada-whatsapp {
    left: -402px;
}

.section-depoimentos__titulo {
    background-color: #FF602D;
    border: 2px solid #503490;
    border-radius: 10px;
}

.todos-depoimentos {
    column-gap: 120px;
    margin: 0 50px;
}

.depoimentos-aviso {
    background-color: #FF602D;
    border-radius: 10px;
}

footer {
    background-image: url(https://pelalingua.com/wp-content/uploads/2025/07/IMG_8399.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 400px 0% 200px 0;
}

.footer_div-textos {
    color: #D9E242;
}

.aprender-pt__ancoras {
    gap: 2.5rem;
}

@media screen and (max-width: 500px) { 
    .diferenças__img {
        max-width: 100px !important;
        width: auto;
    }
}
@media screen and (max-width: 1023px) {

    .text-xs {
        font-size: 0.5rem !important;
    }
    .header__padding-laterais {
        padding: 0 5% 0 5%;
    }

    .header__ancora-aprender {
        width: 324px;
    }

    .sobre-mim_div-foto {
        border-radius: 40px !important;
        padding-top: 50px;
        position: relative;
        z-index: 1;
    }

    .sobre-mim__foto-giulia {
        width: 200px;
    } 
    .sobre-mim__formas__laranja, .sobre-mim__formas__verde {
        transform: scaleX(-1);
    }

    .sobre-mim__formas__verde {
        right: 0;
        bottom: -444px;
        width: 200px;
        z-index: -1;
    }

    .sobre-mim__formas__laranja {
        right: auto;
        width: 340px;
    }

    .card-globo {
        width: 300px;
        height: 340px;
    }

    .card-globo__ancora-play {
        width: 40px;
        height: 40px;
        bottom: -20px;
        right: 45%;
    }

    .coluna2 {
        padding: 4% 0%;
    }

    .section-iniciantes, .section-grupo, .section-individuais, .aprender-pt-grid, .section-aprender-continuação, .section-estudar-juntos {
        display: block;
        overflow: hidden;
    }    

    .diferenças__img {
        width: 100%;
        max-width: 150px;
    }

    .iniciantes-diferenças__div-preço__investi {
        left: 63px;
    }
    
    .iniciantes-diferenças__div-preço__p, .grupo-tabela-preço {
        white-space: nowrap;
    }

    .grupo-info__titulo-span::before, .iniciantes-info__titulo-span::before, .individuais-info__titulo-span::before {
        width: 65px;
        height: 65px;
    }

    .grupo-info__titulo-span, .iniciantes-info__titulo-span, .individuais-info__titulo-span {
        bottom: -21px;
    }
    
    .grupo-diferenças__div-preço__investi {
        left: 67px;
    } 

    .card-aprender-pt {
        width: 102px;
    }

    .aprender-pt-info {
        padding-top: 20px;
    }

    .card-aprender-pt {
        width: 31.333% !important;
    }

    .whatsapp-icon-anchor__ancora-branca {
        left: 218px;
    }

    .aprender-continuação__div {
        width: 200px;
    }

    .todos-depoimentos {
        margin: auto;
    }

    .depoimento-pessoa {
        padding: 4% 0%;
    }

    .footer__creditos {
        background-color: #503490;
        border-radius: 4px;
        font-size: 0.9rem;
    }
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
    .section-aprender-continuação {
        display: grid !important;
    }

    .section-aprender-continuação-preços {
        padding-top: 100px;
        padding-left: 40px;
    }

    .sobre-mim__formas__laranja {
        width: 420px;
    }

    .sobre-mim__formas__verde {
        width: 314px;
    }

    .card-globo {
        margin-top: 7%;
    }

    .depoimento-pessoa {
        padding: 20px 100px;
    }

    .depoimentos-aviso {
        margin: 20px 100px;
    }

    .sobre-mim__foto-giulia {
        width: 240px;
    }

    .card-aprender-pt {
        max-width: 225px;
    }
}

/* @media screen and (min-width: 1024px) and (max-width: 1259px) */
@media screen and (min-width: 1024px) and (max-width: 1259px) { 

    .section-sobre-mim {
        padding: 0 2% 0 2%;
    }

    .card-globo {
        width: 350px;
        height: 350px;
    }

    .section-iniciantes, .section-grupo, .section-individuais {
        display: grid;
        grid-template-columns: 45% 55%;
        padding: 4% 6%;
    }

    .sobre-mim__conteudo {
        padding-top: 40px;
        max-width: 330px;
    }

    .sobre-mim__formas__verde {
        bottom: -620px;
        width: 200px;
    }

    .sobre-mim__formas__laranja {
        width: 300px;
        top: 50px;
    }

    .sobre-mim_div-foto {
        width: 250px;
    }
    .iniciantes-diferenças__div-preço__investi {
        left: 80px;
    }

    .diferenças__img {
        width: 120px;
    }

    .grupo-diferenças__div-preço__investi {
        left: 80px;
    }
     
    .grupo-info__titulo-span::before, .iniciantes-info__titulo-span::before, .individuais-info__titulo-span::before {
        width: 65px;
        height: 65px;
    }

    .grupo-info__titulo-span, .iniciantes-info__titulo-span, .individuais-info__titulo-span {
        bottom: -20px;
    }

    .grupo-info__titulo-span, .iniciantes-info__titulo-span, .individuais-info__titulo-span {
        padding: 12px 0;
    }

    .card-aprender-pt__img {
        max-width: 170px;
    }
    .aprender-pt-info {
        padding-top: 20px;
    }
    .section-depoimentos {
        padding: 4% 0%;
    }

    .todos-depoimentos {
        column-gap: 60px;
        margin: 0 50px;
    }

    .aprender-continuação__div {
        width: 214px;
    }

    .ancora-menor-whatsapp {
        left: 220px;
    }
}

@media screen and (min-width: 1260px) and (max-width: 1400px) {
    .header__padding-laterais {
        padding: 0 15% 0 15%;
    }

    .header__padding-laterais picture {
        margin-top: 1.5rem;
        margin-bottom: 0;
    }

    .card-globo {
        height: 370px !important;
    }

    .aprender-pt__ancoras .ancora-branca {
        left: 200px;
    }

}
@media screen and (min-width: 1260px) and (max-width: 1599px) {

    .section-iniciantes, .section-grupo, .section-individuais {
        display: grid;
        grid-template-columns: 50% 50%;
        padding: 4% 6%;
    }

    .diferenças__img {
        width: 170px;
    }
        
    .sobre-mim__conteudo {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .card-globo { 
        height: 400px;
    }

    .iniciantes-diferenças__div-preço__investi {
        left: 80px;
    }

    .grupo-diferenças__div-preço__investi {
        left: 96px;
    }
    .card-modalidade-img {
        width: 100%;
    }

    .aprender-pt-grid {
        grid-template-columns: 46% 54%;
        padding: 4% 4%;
    }

    .todos-cards-aprender {
        gap: 14px;
    }

    .ancora-menor-whatsapp {
        left: 220px;
    }

    .card-aprender-pt {
        max-width: 200px;
        /* height: 10%; */
    }

    .aprender-pt-grid {
        row-gap: 2px;
    }

    .aprender-pt__ancoras {
        gap: 1.5rem;
    }


    .todos-depoimentos {
        column-gap: 66px !important;
        margin: 0;
    }

    .sobre-mim__formas__verde {
        width: 280px;
    }

    .sobre-mim__formas__laranja {
        width: 320px;
    }

    footer {
        padding: 300px 0% 200px 0;
    }

    .card-aprender-pt__img {
        padding: 0 4px;
    }

    .aprender-pt-info {
        padding-top: 70px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
    .card-aprender-pt__img {
        width: 90%;
    }

    .aprender-pt__ancoras {
        gap: 1rem;
    }
}

.diferenças__div-preço, .iniciantes-diferenças__div-preço__investi, 
.iniciantes-info__titulo, .grupo-diferenças__div-preço__investi, .grupo-info__titulo,
.individuais-info__titulo, .card-aprender-pt__img, .section-aprender-continuação-descrição,
.section-depoimentos__titulo, .sobre-mim_div-foto__quem-sou__texto {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 4px 8px, rgba(0, 0, 0, 0.08) 0px 8px 16px, rgba(0, 0, 0, 0.08) 0px 16px 32px, rgba(0, 0, 0, 0.08) 0px 32px 64px;
}
/* Shine */
.card-modalidade picture {
	position: relative;
    cursor: pointer;
    transition: transform 1s ease;
    /* box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; */
}

.card-modalidade picture:hover {
    transform: scale(1.03);
}

.card-modalidade picture::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.card-modalidade picture:hover::before {
	-webkit-animation: shine 2s;
	animation: shine 1.6s;
}

.header__ancora-aprender, .header__ancora-instagram, .header__ancora-contato {
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    background-size: 300% 100%;
    background-image: linear-gradient(to left, #D9E242, #D7DF31, #503490, #503490); /* Alterado para 'to left' */
    background-position: 100% 0; /* Adicionado para iniciar do lado direito */
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 4px 8px, rgba(0, 0, 0, 0.08) 0px 8px 16px, rgba(0, 0, 0, 0.08) 0px 16px 32px, rgba(0, 0, 0, 0.08) 0px 32px 64px;
}

.header__ancora-aprender:hover, .header__ancora-instagram:hover, .header__ancora-contato:hover {
    background-color: #175747;
    background-position: 0 0; /* Alterado para '0 0' para terminar no lado esquerdo */
    color: #D9E242;
}

.sobre-mim__foto-giulia {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 4px 8px, rgba(0, 0, 0, 0.08) 0px 8px 16px, rgba(0, 0, 0, 0.08) 0px 16px 32px, rgba(0, 0, 0, 0.08) 0px 32px 64px;
    border-radius: 50px;
}

.card-globo {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 4px 8px, rgba(0, 0, 0, 0.08) 0px 8px 16px, rgba(0, 0, 0, 0.08) 0px 16px 32px, rgba(0, 0, 0, 0.08) 0px 32px 64px;
    border-radius: 10px;
}

.sobre-mim__conteudo h2 {
    text-shadow: 0.03em 0.05em 0 hsl(0deg 0% 89.31%);
}


.card-modalidade {
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 1px, rgba(6, 24, 44, 0.65) 0px 1px 2px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.diferenças__ancora, .diferenças__ancora__individuais {
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    background-size: 300% 100%;
    background-image: linear-gradient(to left, #FF602D, #FF602D, #55C057, #55C057);
    background-position: 100% 0; /* Adicionado para iniciar do lado direito */
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 4px 8px, rgba(0, 0, 0, 0.08) 0px 8px 16px, rgba(0, 0, 0, 0.08) 0px 16px 32px, rgba(0, 0, 0, 0.08) 0px 32px 64px;
}

.diferenças__ancora__individuais {
    background-image: linear-gradient(to left, #503490, #503490, #55C057, #55C057);
}
.diferenças__ancora:hover, .diferenças__ancora__individuais:hover {
    background-color: #175747;
    background-position: 0 0;
    /* color: #FF602D; */
    color: white;
    /* border: 2px solid #D9E242; */
} 

.ancora-branca {
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #ffffff, #ffffff, #503490, #503490);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 4px 8px, rgba(0, 0, 0, 0.08) 0px 8px 16px, rgba(0, 0, 0, 0.08) 0px 16px 32px, rgba(0, 0, 0, 0.08) 0px 32px 64px;
}

.ancora-branca:hover {
    background-color: #175747;
    background-position: 100% 0;
    /* color: #FF602D; */
    /* color: #D9E242; */
    color: #D9E242;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Scrollbar */
* {
    scrollbar-width: auto;
    scrollbar-color:  #FF602D white;
  }
  
  /* Chrome, Edge and Safari */
  *::-webkit-scrollbar {
    height: 30px;
    width: 30px;
  }/* End custom CSS */