<div class="d-flex" id="fotos-perfil">
    <div class="col-3 d-flex p-5">
        <!--   fotos multiplas   -->
        <div class="d-flex-block col-1" id="perfil_subImg">
            <img src="/img/placeholder.png" alt="">
            <img src="/img/placeholder.png" alt="">
            <img src="/img/placeholder.png" alt="">
            <img src="/img/placeholder.png" alt="">
        </div>
        <!--  foto principal  -->
        <img src=" /img/placeholder.png" id="perfil_Img" alt="">
    </div>
    <div class="col-9 p-5" id="perfil_textos">
        <div class="d-flex">
            <h2 class="apresentacao-perfil">Oi, meu nome é </h2>
            <h2 class="apresentacao-perfil-nome px-2">Banguela</h2>
        </div>
        <h4 class="apresentacao-perfil-historia">Essa é minha História</h4>
        <h6 class="" id="text-perfil">
            Banguela está procurando um treinador de gatinhos que lhe dê muito amor e carinho! Assim como seu xará
            Fúria
            da Noite, ele é muito amoroso, companheiro e super sapeca.<br><br>
            Esse gatinho foi resgatado no campus do Pici em um estado muito crítico de desnutrição e desnutrição,
            além
            de feridas que pareciam ser decorrentes de brigas. No entanto, assim como o bravo Banguela do filme, ele
            lutou muito e fez todos os tratamentos necessários. Agora é um gatinho extremamente feliz e agitado que
            está
            em busca do seu Soluço para que juntos possam viver vários momentos de aventuras e fofurices.
        </h6>
    </div>
</div>



<!--    forma perfil do animal  -->

<svg class="formas" id="forma-5" data-name="forma 5"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 600">
    <defs>
        <style>.cls-1{fill:#f5f5f5;}</style>
    </defs>
    <title>Forma Perfil animal</title>
    <path class="cls-1" d="M1920,0c-27.21,2.47-53.91,5-80.51,7.47C1623.31,27.74,1399.76,48.71,960,48.71S296.69,27.74,80.51,7.47C53.91,5,27.21,2.47,0,0V600c27.21-2.47,53.91-5,80.51-7.47C296.69,572.26,520.24,551.29,960,551.29s663.31,21,879.49,41.24c26.6,2.49,53.3,5,80.51,7.47Z"/>
</svg>


<!--   Meus dados   -->


<div class=" d-flex" id="perfil-info-div">
    <div class="col-4" id="perfil-info-colunas">
        <ul>
            <div class="caracteristicas-geral"> Meus Dados</div>
            <h6></h6>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Especie</title>
                    <path
                        d="M147.27,200c-6.86-2.42-14-4.34-20.54-7.38-15.59-7.18-31.09-7.65-46.39.07-9.55,4.81-19.09,7-29.71,4.68C36.22,194.19,28.82,182,35.34,168.84,45.74,147.78,58.57,128,76.12,112.1c15.85-14.35,44.12-13,58.07,3.27a414.33,414.33,0,0,1,34.39,47C181.18,182.22,171.36,198.44,147.27,200Z" />
                    <path
                        d="M160.42,45.77C160,55.9,157.47,68.35,147.62,78c-9,8.82-20.35,8.82-29.47.21C100.73,61.8,100.38,23.67,117.5,7c9.33-9.11,20.55-9.19,30.12-.23C155.81,14.38,160.44,27.42,160.42,45.77Z" />
                    <path
                        d="M95.17,41.44c-.87,12.86-3.11,23.8-10.43,33.12-9.56,12.17-24.32,12.73-34.58,1.25-14.89-16.67-14.55-51.74.66-68,9.74-10.44,22.5-10.37,32.34.09C92.46,17.76,94,30.25,95.17,41.44Z" />
                    <path
                        d="M149.49,101.94c.67-13.59,7.62-26.6,21.43-35.43s26.62-2.58,28.8,13.4-8.75,37.14-23,44.58C161.75,132.35,149.56,123.49,149.49,101.94Z" />
                    <path
                        d="M0,86.25c.11-10.34,1.89-18,10-22s15.55-1.09,21.9,4.16C45.57,79.69,52.49,94.05,49.59,112c-2.07,12.86-12.81,18.66-24.6,12.89C8.26,116.71,1.36,102,0,86.25Z" />
                </svg>
                Gato
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Filtro - Tamanho</title>
                    <path
                        d="M37.28,155.49V42.9c-5.31,5.24-9.75,9.65-14.23,14-6.63,6.45-14,7.12-19.33,1.8S-1.1,46,5.43,39.42Q22.58,22.16,39.82,5C46.5-1.66,53.37-1.67,60.08,5Q77.33,22.15,94.47,39.41c6.54,6.59,7.11,14,1.68,19.4C91,64,83.27,63.23,76.8,56.89q-6.42-6.28-12.87-12.55c-.1-.09-.4,0-1.09.12V157.37c5.72-5.86,10.22-10.65,14.92-15.24,5.72-5.59,13.45-5.92,18.38-1,5.1,5.08,5,12.61-.75,18.44q-18,18.31-36.27,36.3c-5.59,5.51-12.79,5.52-18.36,0Q22.25,177.64,4.05,159.07c-5.38-5.51-5.31-12.88-.33-17.84s12.27-4.92,17.84.45c4.93,4.75,9.42,9.95,14.1,14.94Z" />
                    <path
                        d="M162.8,112.44c-9.46,0-18.92.08-28.38,0-5.13-.07-8.43-3.88-9.1-10-.9-8.31,2.58-14.72,8.55-14.78,19.07-.19,38.14-.16,57.21,0,5.33,0,9,5.65,8.92,12.66s-3.81,12.08-9.26,12.17C181.42,112.55,172.11,112.44,162.8,112.44Z" />
                    <path
                        d="M162.74,12.56c9.16,0,18.33,0,27.49,0,5.8,0,9.59,4.76,9.76,12s-3.59,12.69-9.3,12.74q-28.16.22-56.32,0c-6-.05-9.25-4.86-9.15-12.7.11-7.57,3.61-12,9.57-12.08C144.11,12.52,153.42,12.56,162.74,12.56Z" />
                    <path
                        d="M162.37,187.38c-9.32,0-18.63.05-27.94,0-5.6,0-9.07-4.64-9.2-12-.15-7.89,3.07-12.76,9.06-12.81q28.16-.22,56.32,0c5.74,0,9.5,5.43,9.38,12.63s-3.93,12.12-9.68,12.15C181,187.42,171.68,187.38,162.37,187.38Z" />
                </svg>
                Pequeno
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Filtro - Macho e Femea</title>
                    <path
                        d="M143.11,36.88l11.56-11.07a3,3,0,0,0,.36-.68c-1.46.23-2.77.34-4,.64-7.52,1.83-13-4.68-14-9.85A12.84,12.84,0,0,1,149.25.36C161.07.13,172.89,0,184.71,0c4.1,0,8.06.89,10.89,4.37a9.93,9.93,0,0,1,2.1,6.48c0,13,.17,26-.12,39-.14,6-5.61,10.44-11.56,10.37a11.54,11.54,0,0,1-11.53-10.92,82,82,0,0,0-.49-8.78c-4.54,4.27-9.07,8.55-13.69,12.91a59.86,59.86,0,0,1,8.12,44.94,60.53,60.53,0,0,1-17.25,31.67c-18.75,18.44-44.47,21-62.36,14.35,3.9-2.33,8-4.59,11.89-7.17a62.34,62.34,0,0,0,13.62-12.73,4.59,4.59,0,0,1,2.4-1.5,37.31,37.31,0,0,0,28.72-33.82c1.26-23.1-16.9-41.18-40-39.84C88.06,50.36,73,64.8,71.19,82.07a37.37,37.37,0,0,0,6.29,25.68,12.25,12.25,0,0,1,.62,1.13,30.13,30.13,0,0,1-24.38,3.22,2.84,2.84,0,0,1-1.6-1.5c-7.93-19.68-6.61-38.72,4.71-56.69,9.43-15,23.21-24,40.64-27.12,15.79-2.83,30.45.42,43.91,9.1.34.22.67.44,1,.64C142.56,36.63,142.74,36.71,143.11,36.88Z" />
                    <path
                        d="M49.68,179.05c-4.64,0-8.75.06-12.86,0-5.77-.12-10.08-3.24-11.61-8.27A11.63,11.63,0,0,1,36,155.62c3.78-.14,7.57,0,11.35,0h2.19c0-4.44,0-8.67-.07-12.89,0-.47-1-1.17-1.56-1.32a57.94,57.94,0,0,1-24.54-12.6c-11.61-10-18.86-22.62-20.59-37.9C0,66.81,8.78,47.46,28.46,33.53,42.26,23.76,57.9,21,75,24.34c-.79.53-1.27.88-1.78,1.18A71.46,71.46,0,0,0,49.39,47.68a5.93,5.93,0,0,1-2.2,1.86C35.78,55.23,28.46,64.07,26.12,76.75a36.76,36.76,0,1,0,72.94,4.74,35.69,35.69,0,0,0-4.3-15.57c-.46-.87-.94-1.74-1.47-2.72a25.07,25.07,0,0,1,9.91-4,26.34,26.34,0,0,1,13.36.83,3.42,3.42,0,0,1,1.87,1.71,60,60,0,0,1-43.52,80c-.59.13-1.15.31-1.85.5v13.34H77c3.25,0,6.5,0,9.76,0,6.79.09,12,5,12,11.47A11.74,11.74,0,0,1,87,179c-4,.13-8,0-12,0H72.93c0,3,0,5.89,0,8.78a11.35,11.35,0,0,1-4.74,9.8,11.13,11.13,0,0,1-11.68,1.27,10.59,10.59,0,0,1-6.78-9.32C49.48,186.18,49.68,182.73,49.68,179.05Z" />
                </svg>
                Macho
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 240 200">
                        <title>Filtro - Disponivel</title>
                        <path
                            d="M235.88,134.26,130.11,4.2a7.61,7.61,0,0,0-.9-.88,14.41,14.41,0,0,0-18.39,0,7.44,7.44,0,0,0-.93.89L4.12,134.26c-3.3,4.05-3.38,7.79-.22,10.5,3.32,2.84,6.93,2.09,10.45-2.2s7-8.56,10.47-12.84L33.66,119c1.37,7.72,2.57,14.45,3.76,21.18,3.35,18.92,6.73,37.83,10,56.76A4.83,4.83,0,0,0,48.83,200h29a9.38,9.38,0,0,0,0-1.52c-2.55-17.38-5-34.76-7.7-52.11-2.49-16.15,7.22-28.56,23.41-28.87,8.82-.17,44.14-.17,53,0,16.19.31,25.9,12.72,23.41,28.87-2.68,17.35-5.15,34.73-7.7,52.11a9.38,9.38,0,0,0,0,1.52h29a4.83,4.83,0,0,0,1.42-3.11c3.26-18.93,6.64-37.84,10-56.76,1.19-6.73,2.39-13.46,3.76-21.18l8.84,10.77q5.23,6.42,10.47,12.84c3.52,4.29,7.13,5,10.45,2.2C239.26,142.05,239.18,138.31,235.88,134.26Z" />
                </svg>
                Adotado
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 200 200">
                        <title>Dados - Idade</title>
                        <path
                            d="M159.09,50a9.12,9.12,0,0,0,9.09-9.09V9.09a9.09,9.09,0,1,0-18.18,0V40.91A9.12,9.12,0,0,0,159.09,50Z" />
                        <path
                            d="M45.45,50h0a9.12,9.12,0,0,0,9.1-9.09V9.09a9.1,9.1,0,0,0-18.19,0h0V40.91A9.12,9.12,0,0,0,45.45,50Z" />
                        <path
                            d="M190.91,27.27A18.23,18.23,0,0,0,172.73,9.09h0V40.91a13.64,13.64,0,1,1-27.28,0V9.09H59.09V40.91a13.64,13.64,0,1,1-27.27,0V9.09H27.27A18.23,18.23,0,0,0,9.09,27.27V59.09H190.91Z" />
                        <path
                            d="M9.09,65.26V181.82A18.23,18.23,0,0,0,27.27,200H172.73a18.23,18.23,0,0,0,18.18-18.18v-9.09h0V65.26ZM119.68,97.75l-.08.42q-1.36,17.35-2.63,40.33t-1.1,39.74c-.06.84-.83,1.56-2.32,2.15a16.89,16.89,0,0,1-5.38,1.06,14.2,14.2,0,0,1-5.63-.76,4.64,4.64,0,0,1-3.17-3.47q-1.28-8.64-1.27-27.85t1.18-37.91a4.45,4.45,0,0,1,.09-.93c0-.45,0-.69,0-.72a1.9,1.9,0,0,0-.81.29l-.51.34c-1,.57-2.06,1.1-3.13,1.61-2.2,1.24-4.43,2.46-6.68,3.64-.57.23-1.42-.14-2.54-1.1a17.39,17.39,0,0,1-3.3-4,22,22,0,0,1-1.87-3.51,10.49,10.49,0,0,1-.84-3.34,2.42,2.42,0,0,1,1-2.29l6-3.89q4.32-2.79,9.52-6t9.4-5.5q4.18-2.33,5.29-2.33a10.89,10.89,0,0,1,3.64.89,18.17,18.17,0,0,1,4.06,2.16,3.43,3.43,0,0,1,1.78,2.62Z" />
                </svg>
                Idade
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
                        <title>Dados - Endereço</title>
                        <path d="M171.22,74.33a77.6,77.6,0,0,1-11.86,40.6c-15.63,25.06-31.43,50-47.16,75-8.39,13.34-16.38,13.43-24.68.17C71,163.74,53.7,137.83,38.32,110.82,17.94,75,30.62,25.29,72.46,6.14,103.57-8.09,140.82,2.59,161,36.37,168.07,48.18,170.87,61.1,171.22,74.33Zm-44.45.3c0-15.29-12.11-28-26.65-28S73.43,59.34,73.44,74.59s12.2,28.05,26.64,28S126.78,89.87,126.77,74.63Z"/>
                </svg>
                Rua Carlos Severo,
            </li>
            <li>
                <p style="margin-left: 30px; margin-top: -8px;">Bairro Farias Brito<p>
            </li>
        </ul>
    </div>


    <!--   Minha personalidade   -->


    <div class="col-4" id="perfil-info-colunas">
        <ul>
            <div class="caracteristicas-geral"> Minha Personalidade</div>
            <h6>Temperamento:</h6>
            <li><svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Docil</li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Carente
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Divertido
            </li>
            <h6 class="pt-2">Sociavel com:</h6>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Gatos
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Filhotes
            </li>
            <li>
                <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Cachorros
            </li>
        </ul>
    </div>


    <!--   Minhas caracteristicas   -->


    <div class="col-4" id="perfil-info-colunas">
        <ul>
            <div class="caracteristicas-geral"> Minhas Caracteristicas</div>
            <h6>Vivo bem com:</h6>
            <li> <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Casa</li>
            <li> <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Apartamento</li>
            <li> <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Casa com Quintal</li>
            <h6 class="pt-2">Já estou:</h6>
            <li> <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Castrado</li>
            <li> <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Vacinado</li>
            <li> <svg id="setas-color" width="15px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 200 200">
                    <title>Dados - Certo</title>
                    <path
                        d="M59.56,143.55A429.85,429.85,0,0,1,93,93.09c23.06-29.89,49.71-56,81.35-76.89,7.49-4.95,14.86-4.9,20.49-.07,7.71,6.62,6.7,18.64-2.38,24.62a291.16,291.16,0,0,0-52.67,44.54,372.76,372.76,0,0,0-63.11,91.79c-4.23,8.69-11,12.08-19.18,9.66-3.66-1.09-6.25-3.54-8.48-6.44Q26.42,150.85,3.87,121.39c-5.87-7.72-4.94-16.59,2-22C12.94,93.92,22,95.23,28.08,103c9.66,12.3,19.1,24.76,28.64,37.15C57.55,141.21,58.45,142.22,59.56,143.55Z" />
                </svg>Vermifugado</li>
        </ul>
    </div>
</div>


<!--    forma da seta      -->
<div class="text-center">
    <svg id="seta-adotar" width="100px" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225 200">
        <title>Elementos - Seta 4</title>
        <path
            d="M225,4v.1a2.32,2.32,0,0,1-1.9,2.3,4.55,4.55,0,0,1-.53,0c-5.15.06-10.31-.18-15.45.08C163.34,8.69,124.68,24,91.76,52.57,64.82,76,47,105.41,37.4,139.66c-.66,2.34-1.27,4.7-1.88,7.15a2.34,2.34,0,0,0,4.19,1.9h0c1.94-2.75,3.95-5.67,8.19-5.16,3.73.44,7.39,2.87,7.22,6.66-.18,4.21-2.08,8-4.49,11.76q-10.46,16.44-20.47,33.16c-1.84,3.09-3.78,5.09-7.65,4.85a8.46,8.46,0,0,1-7.8-5.72c-2-4.91-3.83-9.87-5.51-14.88C6.26,170.65-.76,152.48.07,145a4.28,4.28,0,0,1,5.51-3.37c3,1.1,7.18,5.24,10.24,7.73A2.37,2.37,0,0,0,19.65,148C37.52,50.39,128.27-10.9,223,1.62A2.34,2.34,0,0,1,225,4Z" />
    </svg>
</div>


<!--    botao de adotar      -->
<div class="text-center pt-3">
    <button class="btn btn-none  btn-lg " id="button_inicial"><a href="/formulario" >QUERO ADOTAR</a></button>
</div>