@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jockey+One&family=Montserrat&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tapestry&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Roboto:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');


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

h2 {
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0px;
    font-family: 'Poppins', sans-serif;
    padding-top: 30px;
    margin-top: 70px;
}


.menu-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
}


.logo-pantera-top {
    margin-right: 160px;
    padding: 15px 0;
}


.menu-itens {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    justify-content: space-evenly;
}


.menu-itens a {
    color: #8491a2;
    transition: 0.2s;
    text-decoration: none;
    font-family: "Jockey One", Arial, Tahoma, sans-serif;
    font-size: 18px;
    cursor: pointer;
}


.menu-itens a:hover {
    color: black;
}


.position-controle-negocio {
    width: 100%;
    height: 500px;
    background-position: center center;
    background-image: url(BG.png);
    display: flex;
    padding: 0 30% 0 15%;
    gap: 17%;
}

.position-controle-negocio h1 {
    margin-top: 60px;
}

.controle-negocio {
    line-height: 20px;
}


.bem-vindo {
    display: flex;
    align-items: center;
}


.background-pantera-cima {
    background-color: white;
    width: auto;
    position: relative;
}


.background-pantera {
    margin-left: 8%;
    padding-top: 30px;
    padding-bottom: 0px;
    display: flex;
    line-height: 28px;
}

.text-pantera p {
    margin: 0 0 15px;
    font-size: 17px;
    letter-spacing: 0px;
    color: #9198a1;
    font-family: 'Poppins', sans-serif;

}


.button-fale-ng {
    margin-top: 40px;
}


.button {
    padding: 10px 17px;
    background-color: #BDBF37;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    cursor: pointer;
    transition: 0.3s;
}

.text-pantera a:hover {
    background-color: #000000;
    color: #FFFFFF;
    padding: 9px 19px;
}

.img-pantera {
    width: 450px;
    height: 249.53px;
    margin-left: 10%;
}


.seu-negocio {
    background-color: #7ec0fb;
    height: 1000px;
    text-align: center;
}

.seu-negocio img {
    width: 90%;
}


.seu-negocio h2 {
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0px;
    font-family: 'Poppins', sans-serif;
    padding-top: 30px;
    margin-top: 70px;
}


.position-seus-negocois {
    align-items: center;
}


.branco-background {
    background-repeat: no-repeat;
    background-image: url(FundoBranco.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    margin: 0px;
    padding-left: 15%;
}


.position-negocios-left {
    margin: 20px 10px;
    color: #ffff;
    display: flex;
    align-items: center;
}


.bloco-padaria {
    z-index: 6;
    background-color: rgb(149, 0, 50);
    border-radius: 10px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 17px;
    border-width: 0px;
    margin: 20px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 11px;
    white-space: nowrap;
    min-height: 450px;
    min-width: 461px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}

.bloco-padaria p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: auto 30px auto 20px;
    line-height: 16px;
}


.bloco-padaria h1 {
    font-size: 61px;
    font-family: 'Dancing Script', cursive;
    margin: 40px auto 40px 20px;
    line-height: 16px;
}


.restaurante-background {
    background-repeat: no-repeat;
    background-image: url(FundoRestaurante.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0px;
    padding-left: 15%;
}

.position-negocios-rigth {
    margin: 20px 10px;
    color: #ffff;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}


.bloco-restaurante {
    z-index: 5;
    background-color: rgb(189, 191, 55);
    border-radius: 10px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 14px;
    border-width: 0px;
    margin: 20px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 9px;
    white-space: nowrap;
    min-height: 470px;
    min-width: 461px;
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.bloco-restaurante p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: auto 30px auto 20px;
    line-height: 16px;
}


.bloco-restaurante h1 {
    font-size: 61px;
    font-family: 'Dancing Script', cursive;
    margin: 40px auto 40px 20px;
    line-height: 16px;
}



.bloco-mercado {
    z-index: 6;
    background-color: rgb(149, 0, 50);
    border-radius: 10px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 17px;
    border-width: 0px;
    margin: 20px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 11px;
    white-space: nowrap;
    min-height: 399px;
    min-width: 462px;
    max-height: 399px;
    max-width: 462px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}


.bloco-mercado p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: auto 30px auto 20px;
    line-height: 16px;
}


.bloco-mercado h1 {
    font-size: 61px;
    font-family: 'Dancing Script', cursive;
    margin: 40px auto 40px 20px;
    line-height: 16px;
}


.pizzaria-background {
    background-repeat: no-repeat;
    background-image: url(FundoPizzaria.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0px;
    padding-left: 15%;
}


.bloco-pizzaria {
    z-index: 5;
    background-color: rgb(28, 138, 67);
    border-radius: 10px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 14px;
    border-width: 0px;
    margin: 20px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 9px;
    white-space: nowrap;
    min-height: 470px;
    min-width: 461px;
    max-height: 450px;
    max-width: 461px;
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}


.bloco-pizzaria p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: auto 30px auto 20px;
    line-height: 16px;
}


.bloco-pizzaria h1 {
    font-size: 61px;
    font-family: 'Dancing Script', cursive;
    margin: 40px auto 40px 20px;
    line-height: 16px;
}


.bloco-bar {
    z-index: 5;
    background-color: rgb(43, 108, 163);
    border-radius: 10px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 14px;
    border-width: 0px;
    margin: 20px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 9px;
    white-space: nowrap;
    min-height: 460px;
    min-width: 461px;
    max-height: 450px;
    max-width: 461px;
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}


.bloco-bar p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: auto 30px auto 20px;
    line-height: 16px;
}


.bloco-bar h1 {
    font-size: 61px;
    font-family: 'Dancing Script', cursive;
    margin: 40px auto 40px 20px;
    line-height: 16px;
}


.estacionamento-background {
    background-repeat: no-repeat;
    background-image: url(./FundoEstacionamento.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0px;
    padding-left: 15%;
}


.estacionamento-background img {
    width: 500px;
}


.img-pizza img {
    width: 500px;
}

.bloco-estacionamento {
    z-index: 5;
    background-color: rgb(219, 33, 33);
    border-radius: 10px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 14px;
    border-width: 0px;
    margin: 20px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 9px;
    white-space: nowrap;
    min-height: 336px;
    min-width: 396px;
    max-height: 336px;
    max-width: 396px;
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}


.bloco-estacionamento p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: auto 30px auto 20px;
    line-height: 16px;
}


.bloco-estacionamento h1 {
    font-size: 61px;
    font-family: 'Dancing Script', cursive;
    margin: 40px auto 40px 20px;
    line-height: 16px;
}


.bloco-food {
    z-index: 5;
    background-color: rgb(189, 191, 55);
    border-radius: 10px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 14px;
    border-width: 0px;
    margin: 20px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 9px;
    white-space: nowrap;
    min-height: 389px;
    min-width: 375px;
    max-height: 389px;
    max-width: 375px;
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}


.bloco-food p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: auto 30px auto 20px;
    line-height: 16px;
}


.bloco-food h1 {
    font-size: 61px;
    font-family: 'Dancing Script', cursive;
    margin: 40px auto 40px 20px;
    line-height: 16px;
}


.app-mao-background {
    background-image: url(fundodvidido.png);
    background-position: center center;
    width: 100%;
    height: 500px;
    position: relative;
}


.img-org {
    display: flex;
}


.text-contrato {
    margin: 120px 0 20px 100px;
    color: #ffff;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    text-align: justify;
}


.img-mao img {
    width: 535.76px;
    height: 369.269px;
    z-index: 0;
    margin: 132.4px 0 0 46%;
    padding-top: 0;

}


.img-app img {
    width: 461.764px;
    height: 496.627px;
    z-index: 1;
    position: absolute;
    margin: auto 0 0 7.50%;
    padding: 0;
}


.button-contrate {
    margin-top: 20px;
    display: inline-block;
    padding: 5px 50px;
    cursor: pointer;
    border: 0;
    background-color: rgb(0, 46, 93);
    color: #ffffff;
    font-size: 16px;
    transition: 1ms;
    text-decoration: none;
}


.text-contrato a:hover {
    margin-top: 20px;
    display: inline-block;
    padding: 5px 50px;
    cursor: pointer;
    border: 0;
    background-color: rgb(255, 255, 255);
    color: #000000;
    font-size: 16px;
    transition: 1ms;
}


.onde-estamos {
    background: rgb(0, 148, 255);
    width: 100%;
    height: 721px;
    color: #ffffff;
}


.center {
    display: flex;
    gap: 1px;
}


.position-text-onde-estamos {
    margin-top: 30%;
    margin-left: 20%;
    font-size: 18px;
    position: absolute;
    display: flex;
    flex-direction: column;
    font-family: 'Poppins', sans-serif;
}


.button-fale-conosco {
    padding: 8px 30px 8px 30px;
    background-color: #BDBF37;
    text-decoration: none;
    margin: 10px auto 0 0;
    color: rgb(255, 255, 255);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    transition: 1ms;
    cursor: pointer;
}


.position-text-onde-estamos a:hover {
    padding: 8px 30px 8px 30px;
    background-color: #ffffff;
    text-decoration: none;
    margin: 10px auto 0 0;
    color: rgb(0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}


.button-representante {
    padding: 8px 30px 8px 30px;
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
    margin: 10px auto 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}


.position-onde-estamos {
    display: flex;
    flex-direction: column;
    margin-left: 35%;
    font-family: 'Poppins', sans-serif;
}


.position-onde-estamos h1 {
    margin: 30px 0 10px 100px;
    font-size: 40px;
    font-style: bold;
}


.mapa {
    width: 844.794px;
    height: 554.79px;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 0px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 13px;
}


.contato-background {
    font-family: 'Poppins', sans-serif;
    background-color: #292929;
    color: #ffffff;
    padding: 20px 70px 30px 70px;
}


.organizar-contato {
    display: flex;
    justify-content: space-between;
}


.text-contato h2 {
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0px;
    font-family: 'Poppins', sans-serif;
    padding-top: 30px;
    margin-top: 70px;
}


.informa {
    margin-top: 100px;
}

.informa input[type=submit] {
    display: inline-block;
    padding: 12px 35px;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    background-color: #e95b30;
    color: #ffffff;
    font-size: 16px;
    transition: 0.5s;
}

.informa input[type=submit]:hover {
    color: #000000;
    padding: 14px 37px;
}

.informa label {
    font-size: 20px;
}


.informa textarea {
    padding: 10px;
    outline: none;
    width: 230px;
    max-width: 100%;
    font-size: 13px;
    border-style: none;
    width: 582px;
    height: 238px;
}


.informa input[type=text] {
    padding: 10px;
    outline: none;
    width: 230px;
    max-width: 100%;
    font-size: 13px;
    border-style: none;
    border-radius: 5px;
    width: 582px;

}


.informa input[type=email] {
    padding: 10px;
    outline: none;
    width: 230px;
    max-width: 100%;
    font-size: 13px;
    border-style: none;
    border-radius: 5px;
    width: 582px;

}


.final {
    display: flex;
    font-family: 'Poppins', sans-serif;
    background-color: #292929;
    color: #ffffff;
    border: #202020 solid 1px;
    padding: 30px;
}


.final p {
    margin-left: 70px;
}


.final img {
    margin-left: 300px;
    width: 20px;
    height: 10px;
}


.img-desktop {
    width: 500px;
    height: 300px;
}


.position-zap {
    z-index: 999;
    position: fixed;
    width: 60px;
    height: 60px;
    display: block;
    bottom: 15px;
    right: 15px;
}


.button-zap {
    z-index: 1500;
    width: 60px;
    height: 60px;
    display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    background: #25d366;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 30%);
    background-image: url(../ICONS/zap.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.centro-div-img {
    text-align: center;
    height: 396.922px;
    width: 496.156px;
}

.d-flex-position {
    display: flex;
    margin: 0 27.672px;


}

.position-flex-deli {
    flex-direction: column;
    padding: 10px;
}

.position-text-img {
    display: flex;
    width: 1195.344px;
    height: auto;
    padding: 50px 113.828px 50px 113.828px;
}

.espancao {
    width: 603.203px;
    height: 396.922px;
}

.tamanho-texto {
    font-size: 1.6875em;
    font-family: 'Roboto', sans-serif;
}

.tamanho-div-img {
    width: 496.156px;
    height: 213.750px;
    padding: 10px;
}

.margin-texto p {
    margin: 19.800px auto;
    font-family: "Roboto", Sans-serif;
    font-size: 19.800px;
    color: #54595f;
    font-size: 1.2em;
}

.ajuste {
    width: 603.203px;
    height: 213.750px;
    line-height: 1.9;
}

.button-quero-saber-mais a {
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: 2px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #007635;
    border-radius: 49px 49px 49px 49px;
    padding: 18px 27px 18px 27px;
    transition: 0.5s;
}

.button-quero-saber-mais {
    margin-top: 35px;
}

.button-quero-saber-mais a:hover {
    font-size: 22px;
    background-color: #000000;
    padding: 20px 30px 20px 30px;
    color: #FFFFFF;
}


.plataforma-digital {
    margin-top: 50px;
    color: #000000;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 700;
}


.form-style {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    color: #333;
    float: none;
    font-size: 16px;
    border: 5px solid #fff;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
    font-weight: 550;
    outline: none;
}

.form-style-button {
    font-family: "Roboto", Sans-serif;
    background-color: #007635;
    box-sizing: border-box;
    border-radius: 8px 8px 8px 8px;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 22px;
    border: 1px solid #007635;
    height: 47px;
    width: 100%;
    margin-top: 30px;
    line-height: 1.3;
    cursor: pointer;
}


.texto-menu-pantera {
    color: #000000;
    font-family: "Poppins", Sans-serif;
    font-size: 36px;
    font-weight: 700;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
    width: 597.672px;
}


.background-quero-saber-mais {
    background-color: #f3c731;
    width: 100%;
    height: 429.641px;
    display: flex;
    align-items: baseline;
}


.pantera-de-fundo {
    background-image: url(pantera-fundo-menu.png);
    background-position: -75px 85px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    position: absolute;
    margin-top: 3%;
    z-index: 0;
}


.position-quero-saber-mais {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
}


.caixa-41 {
    margin-left: 128px;
    margin-top: 40px;
    z-index: 1;
}


.caixa-form {
    margin-left: 80px;
    width: 517.672px;
    height: 372.734px;
    z-index: 1;
}


.texto-do-form p {
    margin-bottom: 0;
    text-align: left;
    color: #000000;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 700;
}


.pizzaria-background img {
    width: 500px;
}

.teste007 {
    opacity: 0;
    position: absolute;
}