    <main class="pantanal">
        <section class="featured-oasis">
            <div class="container">
                <div class="list-container">
                    <div class="title-list blur">
                        <h3 class="heading heading-5">Onças mais vistas</h3>
                        <ul class="list text-huge">
                            <li>Onça-parda</li>
                            <li>Onça-vermelha</li>
                            <li>Onça-pintada</li>
                            <li>Onça-parda</li>
                            <li>Suçuarana</li>
                            <li>Leão-baio</li>
                            <li>Puma</li>
                            <li>Leão-da-montanha</li>
                            <li>Cougar</li>
                        </ul>
                        <p class="text text-small"><a href="#">Conheça algumas das onças monitoradas pelo Projeto
                                Onçafári</a></p>
                    </div>

                    <div class="title-list">
                        <h3 class="heading heading-5">Top 10 Aves</h3>
                        <ul class="number-list text-huge">
                            <li>Tuiuiú</li>
                            <li>Ema</li>
                            <li>Arara-Azul</li>
                            <li>Arara-Vermelho</li>
                            <li>Seriema</li>
                            <li>Tachã</li>
                            <li>Curicaca</li>
                            <li>Aracuã</li>
                            <li>Garça-Cinza</li>
                            <li>Tucano-Açu</li>
                        </ul>
                        <p class="text text-small"><a href="#">Conheça algumas das onças monitoradas pelo Projeto
                                Onçafári</a></p>
                    </div>
                </div>
            </div>
        </section>

        <section class="featured-parallax">
            <div class="simple-banner simple-banner--right">
                <figure>
                    <img
                        src="https://www.caiman.com.br/wp-content/uploads/2021/10/parallax-seja-bem-vindo-caiman.png" />
                </figure>
                <div class="wrap-content">
                    <div class="content">
                        <h1 class="heading heading-4 heading-desktop-2">Texto</h1>
                        <p class="text text-huge">Um extenso painel de imagens que</p>
                    </div>
                </div>
            </div>

        </section>


        <section class="seasons">
            <div class="container">
                <figure style="text-align: center;">
                    <img src="https://www.caiman.com.br/wp-content/uploads/2021/10/mapa-4.svg" alt=""
                        width="auto" height="80px" />
                </figure>

                <h2 class="heading heading-4 heading-desktop-6">Como Chegar</h2>
                <h2 class="heading heading-4 heading-desktop-6">O caminho até o nosso Refúgio</h2>

                <div class="container-text text-normal wrap-content container">
                    <p>Nosso endereço é: Estância Caiman, S/N - Zona Rural. Estamos localizados no município de Miranda, Mato Grosso do Sul.</p>
                    <p>O aeroporto mais próximo da Caiman é o de Campo Grande, localizado a 236 km do nosso refúgio. Desde o aeroporto há duas formas de chegar: de carro ou de avião. Nós não oferecemos serviço de transfer, mas podemos sugerir alguns contatos de empresas da região.</p>

                </div>
                <div class="simple-icon-title-and-text title-left wrap-content container">
                    <div class="icon"><svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52"
                            style="enable-background:new 0 0 52 52;" xml:space="preserve">
                            <style type="text/css">
                                .st0 {
                                    fill: #7A7063;
                                }

                                .st1 {
                                    fill: none;
                                    stroke: #F5A603;
                                    stroke-width: 2;
                                    stroke-miterlimit: 10;
                                }
                            </style>
                            <path class="st0" d="M43.6,23.1h-7.7l-5-6.3c-0.6-0.6-1.3-1-2.2-1h-18c-1.2,0-2.2,1-2.2,2.2v3.6H7c-0.8,0-1.5,0.7-1.5,1.5l0,0v4.4
                       c0,0.8,0.7,1.5,1.5,1.5l0,0h1.5v2.2c0,1.2,1,2.2,2.2,2.2h0.8c0.4,2,2.3,3.2,4.3,2.9c1.4-0.3,2.6-1.4,2.9-2.9h16.2
                       c0.4,2,2.3,3.2,4.3,2.9c1.4-0.3,2.6-1.4,2.9-2.9h2.3c1.2,0,2.2-1,2.2-2.2V26C46.5,24.4,45.2,23.1,43.6,23.1z M12.8,23.1v-1.5
                       c0-0.8,0.7-1.5,1.5-1.5h1.5v2.9L12.8,23.1L12.8,23.1z M17.2,20.1h7.3v2.9h-7.3V20.1z M26,20.1h5.7l2.3,2.9h-8V20.1z M7,27.5v-4.4
                       h1.5v4.4H7z M15,34.8c-1.2,0-2.2-1-2.2-2.2c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2l0,0C17.2,33.8,16.2,34.8,15,34.8z M38.4,34.8
                       c-1.2,0-2.2-1-2.2-2.2c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2l0,0C40.6,33.8,39.7,34.8,38.4,34.8z M44.3,31.9H42
                       c-0.4-2-2.3-3.2-4.3-2.9c-1.4,0.3-2.6,1.4-2.9,2.9H18.6c-0.4-2-2.3-3.2-4.3-2.9c-1.4,0.3-2.6,1.4-2.9,2.9h-0.8
                       c-0.4,0-0.7-0.3-0.7-0.7l0,0V18c0-0.4,0.3-0.7,0.7-0.7h18c0.4,0,0.8,0.2,1.1,0.5l0.8,1H14.3c-1.6,0-2.9,1.3-2.9,2.9v1.5
                       c0,0.8,0.7,1.5,1.5,1.5l0,0h30.7c0.8,0,1.5,0.7,1.5,1.5h-2.2c-0.4,0-0.7,0.4-0.7,0.8c0,0.4,0.3,0.7,0.7,0.7H45v3.7
                       C45,31.5,44.7,31.9,44.3,31.9L44.3,31.9z" />
                            <circle class="st1" cx="26" cy="26" r="25" />
                        </svg></div>
                    <div class="text text-normal">
                        <h6 class="heading heading-6">De Carro</h6>
                        <p></p>
                    </div>
                </div>
                <div class="container-text text-normal wrap-content container">
                    <p>A viagem de Campo Grande até a Caiman de carro inclui um longo trecho de terra, que não comporta tão bem carros mais baixos. Na maior parte do caminho a internet não pega e os aplicativos de navegação por GPS podem deixar os viajantes na mão.</p>
                    <p>Por isso, recomendamos que insiram no GPS o destino antes do início da viagem e sigam as coordenadas abaixo.</p>
                    <p>Por conta dos muitos animais que vivem livremente pelo nosso refúgio, não é possível circular de carro dentro da Caiman. Os carros dos hóspedes ficam estacionados próximo à recepção.</p>
                </div>

                <div class="project image-side-banner container-text wrap-content container" id="projeto-arara-azul">
                    <div class="container">
                        <div class="content image-banner-right mb-d-88 mb-m-89">

                            <div class="content-image">
                                <figure><img
                                        src="https://www.caiman.com.br/wp-content/uploads/2021/10/mapa-como-chegar-caiman-carro.png"
                                        class="animate from-right-bottom-to-left-top in-view"></figure>
                            </div>

                            <div class="content-text">
                                <h2 class="heading heading-5 heading-desktop-4">Passo a Passo</h2>
                                <p><strong style="font-size: 1.5rem;">1</strong> Saindo de Campo Grande, pegue a rodovia
                                    BR-262, sentido Corumbá.</p>
                                <p><strong style="font-size: 1.5rem;">2</strong> Ao chegar no trevo de Miranda, vire à
                                    direita em uma estrada asfaltada que leva à cidade de Agachi. </p>
                                <p><strong style="font-size: 1.5rem;">3</strong> Neste ponto, siga as placas com
                                    indicação para a Caiman. *Cerca de 300 metros à frente, vire à esquerda em uma
                                    estrada de terra. </p>
                                <p><strong style="font-size: 1.5rem;">4</strong> Siga mais 36 km por uma estrada de
                                    terra até a entrada da Estância Caiman (lado direito). Basta se identificar na
                                    entrada e aguardar as instruções para estacionar. </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="simple-icon-title-and-text title-left wrap-content container">
                    <div class="icon"><svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52"
                            style="enable-background:new 0 0 52 52;" xml:space="preserve"></svg>
                        <p></p>
                        <style type="text/css">
                            .st0 {
                                fill: #7A7063;
                            }

                            </p><p>.st1 {
                                fill: none;
                                stroke: #F5A603;
                                stroke-width: 2;
                                stroke-miterlimit: 10;
                            }
                        </style>
                        <path class="st0" d="M43.6,23.1h-7.7l-5-6.3c-0.6-0.6-1.3-1-2.2-1h-18c-1.2,0-2.2,1-2.2,2.2v3.6H7c-0.8,0-1.5,0.7-1.5,1.5l0,0v4.4
                                           c0,0.8,0.7,1.5,1.5,1.5l0,0h1.5v2.2c0,1.2,1,2.2,2.2,2.2h0.8c0.4,2,2.3,3.2,4.3,2.9c1.4-0.3,2.6-1.4,2.9-2.9h16.2
                                           c0.4,2,2.3,3.2,4.3,2.9c1.4-0.3,2.6-1.4,2.9-2.9h2.3c1.2,0,2.2-1,2.2-2.2V26C46.5,24.4,45.2,23.1,43.6,23.1z M12.8,23.1v-1.5
                                           c0-0.8,0.7-1.5,1.5-1.5h1.5v2.9L12.8,23.1L12.8,23.1z M17.2,20.1h7.3v2.9h-7.3V20.1z M26,20.1h5.7l2.3,2.9h-8V20.1z M7,27.5v-4.4
                                           h1.5v4.4H7z M15,34.8c-1.2,0-2.2-1-2.2-2.2c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2l0,0C17.2,33.8,16.2,34.8,15,34.8z M38.4,34.8
                                           c-1.2,0-2.2-1-2.2-2.2c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2l0,0C40.6,33.8,39.7,34.8,38.4,34.8z M44.3,31.9H42
                                           c-0.4-2-2.3-3.2-4.3-2.9c-1.4,0.3-2.6,1.4-2.9,2.9H18.6c-0.4-2-2.3-3.2-4.3-2.9c-1.4,0.3-2.6,1.4-2.9,2.9h-0.8
                                           c-0.4,0-0.7-0.3-0.7-0.7l0,0V18c0-0.4,0.3-0.7,0.7-0.7h18c0.4,0,0.8,0.2,1.1,0.5l0.8,1H14.3c-1.6,0-2.9,1.3-2.9,2.9v1.5
                                           c0,0.8,0.7,1.5,1.5,1.5l0,0h30.7c0.8,0,1.5,0.7,1.5,1.5h-2.2c-0.4,0-0.7,0.4-0.7,0.8c0,0.4,0.3,0.7,0.7,0.7H45v3.7
                                           C45,31.5,44.7,31.9,44.3,31.9L44.3,31.9z"><br>
                            <circle class="st1" cx="26" cy="26" r="25"><br>
                            </circle>
                        </path>
                    </div>
                    <div class="text text-normal">
                        <h6 class="heading heading-6">De Avião</h6>
                    </div>
                </div>
                <div class="project image-side-banner container-text wrap-content container" id="projeto-oncafari">
                    <div class="container">
                        <div class="content image-banner-left mb-d-88 mb-m-89">
                            
                    <div class="content-text">
                        <h2 class="heading heading-4 heading-desktop-3">Projeto Onçafari</h2>
                        <p class="text text-normal">Esse projeto pioneiro promove a conservação no Pantanal através de um safári fotográfico diferente, onde os animais não perdem suas características selvagens, mas deixam de enxergar os veículos de safári como uma ameaça. Essa iniciativa de ecoturismo responsável proporciona fonte de renda para proprietários e habitantes da região, aliando práticas sustentáveis ao progresso social, desmistificando a onça pintada e promovendo esforços para a sua conservação dentro das propriedades pantaneiras.</p>
                        <p><a href="//www.oncafari.org" target="_blank" title="Visitar o site do Projeto Projeto Onçafari">www.oncafari.org</a></p>
                    </div>
                
                    <div class="content-image">
                        <figure><img src="https://www.caiman.com.br/wp-content/uploads/2019/01/projeto-oncafari.png" alt="Projeto Projeto Onçafari" class="animate from-right-bottom-to-left-top in-view"></figure>
                    </div>
                                        </div>
                    </div>
                </div>
            </div>


        </section>


    </main>