/* GERAIS */

 :root {
     --cor-primaria: #0967B1;
     --cor-secundaria: #AAD0EE;
     --cor-background: #F2F2F2;
     --cor-texto: #0E0E0E;
     --cor-branco: #ffffff;
     --cor-preto: #000000;
     --cor-input: #849698;
     --box-detalhe: #ADC2CE;
     --fonte-principal: "Inter", sans-serif;

 }

 @font-face {
     font-family: 'Cerebri sans';
     src: url('CerebriSansPro.otf') format('opentype'), url('CerebriSansPro.ttf') format('truetype');

 }

 html {
     scroll-padding-top: 65px;
 }

 body {
     overflow-x: hidden;
 }


 .texto-centro p {
     text-align: center;
 }

 /* .sombra {
     position: absolute;
     max-width: 100%;
     left: 50%;
     transform: translateX(-50%);
     height: 34px;
 } */

 .sombra {
     position: absolute;
     max-width: 100%;
     left: 53%;
     bottom: -10%;
     transform: translateX(-50%);
     height: 32px;
 }

 .fancybox img {
     transition: 0.3s;
 }

 .area-sombras-duplas {
     width: 100%;
     display: flex;
     justify-content: center;
     gap: 150px;
 }



 .area-sombras-duplas img {
     width: 45%;
 }

 @media (max-width: 320px) {
     .cima .titulo h1 {
         font-size: 25px !important;
     }
 }

 @media (max-width: 1024px) {
     .area-sombras-duplas {
         display: none;
     }
 }

 @media (min-width: 1000px) {
     .fancybox img:hover {
         transform: scale(1.02);
     }

 }

 @media (min-width: 768px) {

     .fancybox {
         transition: 0.8s;
     }

     .fancybox:hover {
         transform: scale(1.03);
     }
 }


 /* TOPO */
 .topo {
     display: flex;
     flex-direction: column;
     position: relative;
     z-index: 2;
     width: 100%;
     z-index: 3;
 }

 .topo nav {
     display: flex;
     /* justify-content: end; */
     justify-content: center;
     align-items: center;
 }

 .menu {
     display: flex;
     justify-content: space-between;
     height: 100%;
 }

 .menu-area {
     background-color: var(--cor-branco);
     height: 80px;
     position: relative;
     z-index: 5;
     width: 100%;
 }

 .logo-imaps {
     position: absolute;
     z-index: 4;
     height: 90px;
     display: flex;
     align-items: center;
 }

 .topo .menu-area {

     width: 100%;
     height: 90px;
     display: flex;
     align-items: center;
     position: absolute;
     top: 40px;
 }

 .menu-topo nav ul {
     display: flex;
     list-style: none;
     gap: 30px;
     height: auto;
     height: 80px;
     align-items: center;
     /* justify-content: right; */
     position: relative;
     z-index: 7;
 }

 .menu-topo nav ul li {
     text-decoration: none;
     position: relative;
     display: inline-block;
     padding: 10px 5px 5px 5px;
 }

 .menu-topo nav ul li a {
     color: var(--cor-primaria);
     font-family: var(--fonte-principal);
     font-weight: 600;
     font-size: 1em;
     text-decoration: none;
     text-align: center;
 }

 .menu-topo nav ul li a::before {
     display: flex;
     justify-content: center;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 0;
     background: transparent;
     border: 2px solid transparent;
 }

 .menu-topo nav ul li:not(li.active) a::after {
     content: "";
     display: flex;
     justify-content: center;
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 0;
     background: transparent;
     border: 2px solid transparent;
 }

 .menu-topo nav ul li:not(li.active) a:hover::before {
     animation: animate_principal 0.5s linear forwards;
     -webkit-animation: animate_principal 0.5s linear forwards;
     -ms-animation: none;
 }

 .menu-topo nav ul li.active a {
     font-weight: 600;
     color: var(--cor-terciaria);
 }

 img.logo-menu {
     padding: 10px;
     /* width: 140px */
 }

 .area-links {
     width: 50%;
 }

 .menu-links {
     gap: 24px;
     display: flex;
 }


 /* @supports (-ms-ime-align: auto) {
     nav.menu.principal .menu ul li a:hover:before {
         animation-name: none;
     }
 } */

 .menu-topo .menu-area .area-logo {
     display: flex;
     /* justify-content: center; */
     align-items: center;
     width: 20%;
 }

 .menu-mobile-ativador {
     display: none;
 }

 .menu-mobile {
     display: none;
 }

 /* @media (max-width: 1360px) {
    .menu-topo .menu-area .area-logo{
        justify-content: center;
    }
 } */
 @media (min-width:1280px) and (max-width:1360px) {
     .menu-links {
         gap: 20px;
     }
 }

 /* topo 1024 */
 @media (max-width: 1024px) {
     .menu-area {
         background: transparent;
         border: none;
     }

     .topo .barra {
         background-color: var(--cor-primaria);

     }

     .topo .barra .hamburger {
         z-index: 2;
     }

     .topo {
         position: relative;
     }

     .menu-topo .center {
         width: 100% !important;
         padding: 0;
         bottom: unset;
     }

     .menu-topo .menu-area {

         position: absolute;
         top: 85px;
         width: 100%;
     }

     .menu-topo nav {
         display: none;
         /* left: -101%; */
         /* transition: 0.8s; */
         width: 100%;
         top: 0;
         /* position: relative; */
         z-index: 2;
         /* background: #DE3E43; */
         background: var(--cor-primaria);
         box-sizing: border-box;
         border-top: 3px solid #ffffff;
         position: absolute;

     }

     .botao-download {
         width: 200px;
         height: 50px;

     }


     .menu-links {
         display: flex;
         flex-direction: column;
     }

     .menu-topo nav ul {
         flex-direction: column;
         margin-bottom: 40px;
         width: 100%;
         height: auto;
         align-items: start;
         /* margin-left: 50px; */
         align-items: center;
         margin: auto;
     }

     .menu-topo nav ul a {
         color: #ffffff;
         height: 60px;
         text-decoration: none;
     }

     .menu-topo nav ul li {
         position: relative;
     }

     .menu-topo nav ul li.active a {
         font-weight: 600;
         color: var(--cor-terciaria);
     }

     .menu-topo nav ul li {
         padding: 20px;
         margin-right: 0 !important;
     }

     .menu-mobile-ativador {
         display: flex;
         justify-content: space-between;
         /* justify-content: flex-end; */
         padding: 20px 40px;
         align-items: center;
         background-color: var(--cor-primaria);
         border-bottom: 3px solid #ffffffab;
     }

     /* .menu-mobile-ativador img {
         width: 150px;
     } */

     .mostrar-menu {
         display: block !important;
         /* left: 0% !important; */

     }

     .topo img.sombra {
         display: none;
     }

     .topo nav ul li a::after,
     .topo nav ul li a::before {
         display: none;
     }

     .topo nav ul li a:hover:after,
     .topo nav ul li a:hover::before {
         animation: none;
     }

     /*Hamburger menu*/


     .hamburger .line {
         width: 40px;
         height: 4px;
         background-color: var(--cor-terciaria);
         display: block;
         margin: 8px auto;
         -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .hamburger:hover {
         cursor: pointer;
     }


     #hamburger-1.is-active .line:nth-child(2) {
         opacity: 0;
     }

     #hamburger-1.is-active .line:nth-child(1) {
         -webkit-transform: translateY(13px) rotate(45deg);
         -ms-transform: translateY(13px) rotate(45deg);
         -o-transform: translateY(13px) rotate(45deg);
         transform: translateY(11px) rotate(45deg);
     }

     #hamburger-1.is-active .line:nth-child(3) {
         -webkit-transform: translateY(-13px) rotate(-45deg);
         -ms-transform: translateY(-13px) rotate(-45deg);
         -o-transform: translateY(-13px) rotate(-45deg);
         transform: translateY(-14px) rotate(-45deg);
     }

     .menu-topo nav ul li.active:first-child,
     .menu-topo nav ul li:hover:first-child {
         border-top-left-radius: 0px;
         border-bottom-left-radius: 0px;
     }

     .menu-topo nav ul li.active:last-child,
     .menu-topo nav ul li:hover:last-child {
         border-top-right-radius: 0px;
         border-bottom-right-radius: 0px;
     }

     .menu-topo nav ul li a {
         color: #ffffff;
         font-size: 1.563em;
     }

     img.logo-menu {
         display: none;
     }

     .menu-topo .menu-area li.dropdown {
         background-position-x: right !important;
         width: auto !important;
         justify-content: center;
         background-position-y: 35px !important;
         padding: 20px;
     }


     .menu-topo .menu-area li.dropdown.re:active .conteudo-drop {
         width: 100px;
     }

     .menu-topo .menu-mobile {
         position: absolute;
         top: 85px;
         width: 100%;
     }

     .menu-mobile .seta {
         position: relative;
         top: -4px;
     }

     .menu-mobile .cont {
         display: none;
         justify-content: center;
         align-self: center;
         flex-direction: column;
         background: #44b06480;
         width: 700px;
         padding-top: 30px;
     }
 }

 /* topo 1440 */
 @media(max-width:1440px) {
     .topo nav {
         margin-right: 50px;
     }
 }


 /* topo 425 */
 @media(max-width:425px) {
     .topo nav {
         top: -35px;
     }

     .topo nav ul {
         margin-left: 0;
     }

     .topo nav ul li a {
         font-size: 1.25em;
     }

 }


 @media(max-width:375px) {
     .menu-mobile-ativador {
         gap: 30px;
     }

     .topo img.logo {
         width: 90%;
     }
 }

 @media(max-width:768px) {
     .menu-mobile .cont {
         width: 100%;
     }
 }


 /* BANNER */
 .banner {
     position: relative;
     width: 100%;
     height: auto;
     background-color: var(--cor-primaria);
     margin-top: -20px;
 }

 .conteudo-banner {
     width: 80%;
     display: flex;
     flex-direction: row-reverse;
     justify-content: center;
     align-items: center;
     margin: auto;
     padding-top: 60px;
     padding-bottom: 60px;
 }

 .area-descricao p {
     font-weight: 400;
     line-height: 32px;
     font-size: 1.125em;
     font-family: var(--fonte-principal);
     color: #fff;
     width: 85%;
 }


 .banner .texto-banner h1 {
     margin-bottom: 40px;
     font-size: 2.5em;
     font-weight: 700;
     font-family: var(--fonte-principal);
     width: 80%;
     color: var(--cor-background);
 }

 .texto-banner {
     width: 50%;
     display: flex;
     flex-direction: column;
     /* align-items: center; */
 }

 .area-descricao {
     width: 95%;
 }

 .titulo {
     width: 90%;
 }


 .banner .lista {
     margin-bottom: 0px !important;
     margin-top: -18px;
 }

 .banner .lista video {
     width: 100%;
     height: 100vh;
     height: auto;
     /* object-fit: fill; */
     object-position: center;
     position: relative;
     top: 0;
     left: 0;
     display: block;
     /* height: 100%; */
     object-fit: cover;
 }

 .banner .lista #video::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #20232b;
     opacity: 30%;
     z-index: 2;
 }

 .banner .item-banner img.imagem {
     width: auto;
     position: relative;
     object-fit: cover;
     /* margin-top: 90px; */
 }


 .texto-banner.video {
     position: absolute;
     top: 50%;
     left: 56%;
     transform: translate(-50%, -50%);
     color: #ffffff;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     width: 70%;
     z-index: 2 !important;
 }

 .img-banner {
     width: 40%;
     display: flex;
     justify-content: center;
 }


 .descricao.video {
     width: 72%;
 }

 .descricao.video p {
     font-weight: 400;
     line-height: 32px;
     font-size: 1.125em;
     font-family: var(--fonte-principal);
     color: #fff;
     width: 85%;
 }

 .banner .item-banner.textos-banner .texto p,
 .banner .item-banner .textos-banner .texto div {
     font-size: 1.25em;
     font-weight: 200;
     font-family: var(--fonte-principal);
 }


 .leia-mais-banner {
     display: flex;
     align-items: center;
     gap: 20px;
     padding-top: 40px;
     justify-content: flex-end;
 }

 .btn-banner {
     background: #fff;
     width: 250px;
     height: 50px;
     border-radius: 2px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .btn-banner p {
     color: var(--cor-texto);
     font-family: var(--fonte-principal);
     font-size: 1.375em;
 }

 .banner .area-detalhe {
     position: absolute;
     bottom: -1px;
     width: 100%;
     display: flex;
     justify-content: center;
 }

 .banner .area-detalhe a {
     position: absolute;
     top: 10px;
 }

 .banner .area-detalhe .flutuar {
     animation-name: flutuar;
     animation-duration: 0.7s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-timing-function: ease-in-out;
     -webkit-animation-name: flutuar;
     -webkit-animation-duration: 0.7s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
 }

 @-webkit-keyframes flutuar {
     from {
         transform: translate3d(0, 3px, 0);
         filter: brightness(100%);
     }

     to {
         transform: translate3d(0, -4px, 0);
         filter: brightness(150%);
     }
 }

 @keyframes flutuar {
     from {
         transform: translate3d(0, 3px, 0);
         filter: brightness(100%);
     }

     to {
         transform: translate3d(0, -4px, 0);
         filter: brightness(150%);
     }
 }

 .banner .area-detalhe .seta-detalhe {
     height: auto;
     width: auto;
 }

 /* BANNER 1024 */

 @media (max-width: 1440px) {
     .texto-banner.video {
         position: absolute;
         top: 50%;
         left: 56%;
         transform: translate(-50%, -50%);
         color: #ffffff;
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
         width: 70%;
         z-index: 4;
     }
 }

 @media(max-width:1024px) {

     .banner {
         margin-top: 77px;
     }

     .banner .lista {
         margin-top: 80px;
     }

     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 2.5em;
     }

     .banner .item-banner .texto-banner {
         width: 100%;
         margin-bottom: 30px;
         display: flex;
         align-items: center;
     }



 }

 /* BANNER 768 */
 @media(max-width:768px) {

     .conteudo-banner {
         display: flex;
         flex-direction: column-reverse;
     }

     .texto-banner {
         width: 100%;
     }

     .titulo {
         width: 100%;
     }

     .banner .texto-banner h1 {
         width: 90%;
     }

     .area-descricao {
         width: 100%;
     }

     .area-descricao p {
         width: 100%;
     }

     .banner .item img {
         height: 100%;
     }

     .banner .item-banner .texto-banner {
         top: 18%;
         left: 8%;
     }

     .banner .item .texto-banner {
         top: 460px;
     }

     .img-banner {
         width: 100%;
     }

     /* .banner .item-banner .texto-banner {
         left: 10%;
     } */

     .banner .item-banner .texto-banner .descricao {

         font-size: 1.125em;
     }

     .banner .item-banner .texto-banner {
         top: 10%;
         left: 7%;
         transform: translate(0%, 0%);
     }

 }


 @media(max-width:430px) {

     .conteudo-banner {
         gap: 30px;
     }

     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 1.5em;
         width: 300px;
     }

     .banner .item-banner img.imagem {
         width: 100%;
     }

     .descricao.video p {
         width: 100%;
     }

     .banner .item-banner .texto-banner .descricao {
         font-size: 1.125em;
     }

     .banner .leia-mais-banner p {
         font-size: 1.125em;
     }

     .banner .item-banner .texto-banner {
         top: 7%;
     }

     .banner .item-banner .texto-banner.video {
         top: 5%;
         /* width: 290px; */
         width: 100%;
         left: 0%;
     }

 }


 /* BANNER 425 */
 @media(max-width:425px) {
     .banner .item-banner .texto-banner {
         top: 10%;
         /* width: 290px; */
         width: 91%;
         left: 0%;
     }

     .item-banner .leia-mais-banner .bg-flecha img {
         width: 14px;
         height: auto;
     }

     .leia-mais-banner .bg-flecha {
         width: 40px;
         height: 40px;
     }

     .banner .item-banner .texto-banner {
         top: 10%;
         /* width: 290px; */
         width: 91%;
         left: 0%;
     }

     .banner .item-banner .texto-banner.video {
         top: 1%;

     }

     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 1.5em;
         width: 100%;
     }

     .banner .item-banner .texto-banner .descricao {
         width: auto;
         font-size: 1em;
     }


     .conteudo .area-um-sobre .titulo-sobre {
         margin-top: 4px;
     }

     .leia-mais-banner {
         display: flex;
         /* align-items: center; */
         gap: 20px;
         padding-top: 8px;
         margin-left: 10px;
     }

     .banner .leia-mais-banner p {
         font-size: 1em;
     }

     .leia-mais-banner .bg-flecha {
         width: 40px;
         height: 40px;

     }

 }

 @media(max-width:430px) {

     .banner .item-banner .texto-banner {
         top: 10%;
         /* width: 290px; */
         width: 91%;
         left: 0%;
     }

     .banner .item-banner .texto-banner.video {
         top: 5%;
         /* width: 290px; */
         /* width: 91%; */
         left: 0%;
     }

     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 1.25em;
         width: 100%;
         margin-bottom: 2px;
     }

     .banner .item-banner .texto-banner .descricao.video p {
         width: auto;
         font-size: 1em;
     }

 }


 /* BANNER 392 */
 @media(max-width:392px) {
     .banner .item .texto-banner {
         top: 40px;
     }
 }

 @media (min-width:376px) and (max-width:424px) {
     .banner .item-banner .texto-banner.video {
         top: 3%;
         /* width: 290px; */
         width: 100%;
         left: 0%;
     }

     .banner .item-banner .texto-banner .descricao.video p {
         width: auto;
         font-size: 0.938em;
     }

     .banner .item-banner .texto-banner .descricao.video p {
         width: auto;
         font-size: 1em;
         line-height: 160%;
     }

 }


 /* BANNER 375 */
 @media(max-width:375px) {
     .banner .item .texto-banner .titulo h1 {
         font-size: 1.563em !important;
     }

     .banner .item-banner img.imagem {
         width: 310px;
     }

     .banner .item-banner .texto-banner {
         top: -1%;
         width: 280px;
         left: 1%;
     }

     .banner .item .texto-banner .titulo {
         width: 90%;
         margin: 0 auto;
         margin-bottom: 80px;
     }

     .banner .item-banner .texto-banner .descricao.video p {
         padding-top: 10px;
         margin-top: -9px;
         font-size: 0.875em;
         line-height: 180%;
     }

 }


 /* BANNER 320 */
 @media(max-width:320px) {

     .img-banner img {
         width: 300px;
     }

     .banner .item-banner img.imagem {
         width: 300px;
     }

     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 1.25em;
         width: 100%;
     }

     .banner .item-banner .texto-banner .descricao {
         width: auto;
         font-size: 0.875em;
         margin-left: 20px;
     }

     .banner .item .texto-banner {
         padding-top: 50px;
         top: -45px;
     }

     .banner .item-banner .texto-banner .descricao.video p {
         padding-top: 10px;
         font-size: 0.75em;
     }

     .banner .item .texto-banner .titulo {
         margin-bottom: 40px;
         margin: 25px auto;
     }

     .banner .item .texto-banner .titulo h1 {
         line-height: 35px;
     }

 }


 .leia-mais p {
     margin-top: 10px;
 }

 .bg-flecha {
     background-color: var(--cor-secundaria);
     display: flex;
     align-items: center;
     justify-content: center;
     width: 66px;
     height: 66px;
     border-radius: 50%;
 }

 .leia-mais-banner .bg-flecha img {
     width: 20px;
     height: auto;
 }



 /* ============ CLIENTES =========== */

 .clientes {
     background-color: rgba(247, 247, 247, 1);
     padding-top: 30px;
     padding-bottom: 30px;
 }


 .conteudo-clientes {
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: center;
     margin: auto;
 }

 .clientes .lista-clientes {
     display: flex;
     justify-content: center;
     gap: 40px;
     width: 80%;
     margin: auto;
 }

 .clientes .lista-clientes .card-slick {
     /* width: 110px;
    height: 80px; */
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
     width: 180px;
 }

 .slick-slide .card-slick img {
     height: 30px;
 }

 @media(max-width:1024px) {
     .clientes {
         margin-top: -100px;
     }
 }

 @media(max-width:768px) {
     .conteudo-clientes {
         display: flex;
         flex-direction: column;
         gap: 30px;
     }
 }

 @media(max-width:425px) {
     .clientes .lista-clientes .card-slick {
         width: auto;
     }
 }


 /* ================= AREA TEXTOS ================ */

 .area-texto {
     background: rgba(242, 242, 242, 1);
     padding-top: 64px;
     padding-bottom: 64px;
 }

 .conteudo-texto {
     width: 100%;
     display: flex;
 }

 .area-imagem-texto {
     width: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .area-descricao-texto {
     width: 50%
 }


 .area-descricao-texto h1 {
     font-family: var(--fonte-principal);
     color: var(--cor-primaria);
     font-size: 2.5em;
     font-weight: 700;
     width: 80%;
     padding-bottom: 48px;
 }

 .area-descricao-texto p {
     width: 82%;
     color: #0E0E0E;
     font-family: var(--fonte-principal);
     font-size: 1em;
     font-weight: 500;
     padding-bottom: 48px;
 }

 .btn-contato {
     /* padding:8px 16px 8px 16px; */
     width: 244px;
     height: 48px;
     background-color: var(--cor-primaria);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 6px;
     gap: 8px;
     border: 2px solid rgba(6, 84, 145, 1);
     cursor: pointer;
     transition: 0.4s;
 }

 .btn-contato:hover {
     background-color: rgba(6, 84, 145, 1);
     transform: scale(1.01);
 }

 .btn-contato a {
     color: var(--cor-branco);
     font-family: var(--fonte-principal);
     font-size: 1.125em;
 }

 @media(max-width:1024px) {
     .conteudo-texto {
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .area-descricao-texto {
         width: 100%;
         display: flex;
         justify-content: center;
         flex-direction: column;
         align-items: center;
     }

     .area-descricao-texto h1 {
         width: 90%;
     }

     .area-descricao-texto p {
         width: 90%;
     }
 }

 @media(max-width:768px) {
     .area-descricao-texto h1 {
         font-size: 2.25em;
         width: 90%;
     }

     .area-descricao-texto p {
         width: 90%;
     }
 }

 @media(max-width:430px) {
     .area-descricao-texto h1 {
         font-size: 1.875em;
     }

     .conteudo-texto {
         gap: 20px;
     }
 }

 @media(min-width:320px) and (max-width:375px) {
     .area-imagem-texto img {
         width: 300px;
     }
 }

 /* ================= AREA ENGENHARIA DE DADOS ================ */

 .engenharia-dados {
     background-color: var(--cor-secundaria);
     padding-top: 72px;
     padding-bottom: 72px;
 }

 .engenharia-dados .conteudo-engenharia {
     width: 100%;
     display: flex;
     justify-content: center;
     gap: 64px;
 }

 .conteudo-engenharia .texto-engenharia {
     width: 44%;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .texto-engenharia h4 {
     font-family: var(--fonte-principal);
     font-size: 2.25em;
     font-weight: 700;
     color: var(--cor-texto);
     width: 98%;
     padding-bottom: 48px;
 }


 .texto-engenharia p {
     font-family: var(--cor-texto);
     font-weight: 500;
     font-size: 1em;
     width: 98%;
     font-family: var(--fonte-principal);
 }


 .conteudo-engenharia .imagem-engenharia {
     width: 440px;
     height: 290px;
     position: relative;
 }

 .conteudo-engenharia .imagem-engenharia img {
     width: 100%;
     height: 100%;
 }

 .conteudo-engenharia .imagem-engenharia .conteudo-imagem {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
 }

 /* .gradient-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 90%;
     height: 100%;
     background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 65.31%);
     pointer-events: none;
 } */

 .texto-imagem-engenharia {
     position: absolute;
     padding: 10px;
     top: 0%;
     /* left: 1%; */
     width: 100%;
     box-sizing: border-box;
 }

 .texto-imagem-engenharia p {
     font-family: var(--fonte-principal);
     color: #ffffff;
     font-weight: 400;
     font-size: 1em;
 }

 .texto-imagem-engenharia h5 {
     font-weight: bold;
     font-family: var(--fonte-principal);
     font-size: 2.25em;
     color: #fff;
     padding-bottom: 8px;
 }

 .area-btns {
     position: absolute;
     display: flex;
     bottom: -8px;
     justify-content: space-between;
     width: 100%;
 }

 .btn-saiba-img {
     background-color: var(--cor-branco);
     width: 140px;
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     border-radius: 6px;
     right: 5px;
     bottom: 15px;
     cursor: pointer;
     transition: all 0.5s ease-in-out;
 }

 .btn-saiba-img a {
     transition: all 0.5s ease-in-out;
 }

 .btn-saiba-img:hover {
     /* background-color: var(--cor-preto); */
     transform: scale(1.01);
 }

 .btn-saiba-img:hover a {
     color: var(--cor-branco);
 }

 .btn-saiba-img a {
     color: rgba(14, 14, 14, 1);
     font-size: 1.125em;
     font-family: var(--fonte-principal);
     font-weight: 600;
 }

 .btn-imagem img {
     width: 49px !important;
     height: auto !important;
 }

 .btn-imagem {
     display: flex;
     border-radius: 0px 16px 0px 0px;
     width: 138px;
     height: 34px;
     gap: 8px;
     justify-content: center;
     align-items: center;
 }

 .btn-imagem p {
     color: rgba(242, 242, 242, 1);
     font-size: 8px;
     font-weight: 500;
     font-family: var(--fonte-principal);
 }


 @media (max-width:1024px) {
     .engenharia-dados .conteudo-engenharia {
         display: flex;
         flex-direction: column;
         gap: 40px;
         align-items: center;
     }

     .conteudo-engenharia .imagem-engenharia {
         position: relative;
     }

     .conteudo-engenharia .texto-engenharia {
         width: 100%;
     }

     .conteudo-engenharia .imagem-engenharia {
         width: auto;
     }

     .texto-engenharia h4 {
         width: 90%;
     }

     .texto-engenharia p {
         width: 90%;
     }

     .btn-saiba-img {
         right: 8px;
     }

 }

 @media(max-width:768px) {

     .conteudo-engenharia .imagem-engenharia {
         width: auto;
     }

 }

 @media (min-width:429px) and (max-width:440px) {
     .imagem-engenharia .img-dados {
         width: 400px;
     }
 }

 @media (max-width:425px) {
     .conteudo-engenharia .imagem-engenharia {
         height: 100%;
     }

     .imagem-engenharia .img-dados {
         width: 100%;
     }

     .texto-engenharia h4 {
         font-size: 1.875em;
     }

     .texto-imagem-engenharia h5 {
         font-size: 1.75em;
     }

 }

 /* ================= CONTATO ================ */

 #contato {
     background-color: rgba(242, 242, 242, 1);
     padding-top: 60px;
     padding-bottom: 60px;
 }


 #contato h3 {
     font-family: var(--fonte-principal);
     color: var(--cor-primaria);
     text-align: center;
     font-size: 2.25em;
     font-weight: 700;
     padding-bottom: 40px;
 }

 .card-formulario {
     width: 50%;
     /* width:90%; */
     display: flex;
     margin: auto;
     justify-content: center;
     padding: 50px 0px 50px 0px;
     background-color: var(--cor-branco);
     /* border-radius:15px; */
     border-radius: 8px;
     margin-bottom: 30px;
 }

 #form-contato-home input {
     width: 380px;
     /* width:490px; */
     height: 50px;
     padding-left: 30px;
     padding-left: 16px;
     /* padding-right: 15px; */
     margin-bottom: 25px;
     /* margin-bottom: 30px; */
     background-color: #D1E1F1;
     border: none;
     font-family: var(--fonte-principal);
     font-size: 1em !important;
     border-radius: 4px;
     border: none;
     /* border: 2px solid #80B7DC; */
 }


 #form-contato-home input::placeholder {
     color: rgb(93, 111, 176, 0.5);
 }

 .enviar_conteudo {
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: rgba(6, 84, 145, 1); */
    border: none;
    width: 380px;
    height: 80px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    transition: all 0.8s ease;
    font-family: var(--fonte-principal);
    font-size: 1.525em;
    color: var(--cor-branco);/
    box-sizing: border-box;
    transition: 0.4s;
    cursor: pointer;
    text-transform: uppercase;
    margin: auto auto 40px;
    text-align: center;
    line-height: 160%;
    font-weight: 600;

}

 .btn_enviar_conteudo {
     display: flex;
     justify-content: center;
     align-items: center;
     /* background-color: transparent; */
     background-color: rgba(6, 84, 145, 1);
     border: none;
     /* border: 2px solid rgba(6, 84, 145, 1); */
     /* border: 2px solid var(--cor-branco); */
     /* width: 240px; */
     width: 360px;
     /* padding:20px; */
     height: 50px;
     /* margin-bottom: 30px; */
     border-radius: 6px;
     transition: all 0.8s ease;
     font-family: var(--fonte-principal);
     font-size: 1.125em;
     font-weight: normal;
     color: var(--cor-branco);
     /* color: var(--cor-primaria); */
     box-sizing: border-box;
     transition: 0.4s;
     cursor: pointer;
     text-transform: uppercase;
     margin: auto;
 }

 .swal2-popup {
     font-family: var(--fonte-principal) !important;
 }

 .btn_enviar_conteudo:hover {
     transform: scale(1.01);
     /* color: var(--cor-branco); */

 }

 .g-recaptcha {
     transform: scale(0.85);
     transform-origin: 0 0;
 }


 #form-contato-home input.checkbox {
     width: 20px;
     height: 24px;
     border: 1px solid #80B7DC;
     margin-bottom: 0px;
 }

 .termos {
     display: flex;
     justify-content: center;
     gap: 15px;
     margin-bottom: 30px;
 }

 .termos p {
     font-family: var(--fonte-principal);
     font-size: 0.875em;
     color: var(--cor-texto);

 }

 @media (max-width:1024px) {
     .card-formulario {
         width: 70%;
     }
 }

 @media (max-width:768px) {
     .card-formulario {
         width: 80%;
     }
 }

 @media(max-width:440px) {
     .card-formulario {
         width: 100%;
     }

     .card-foto-exclusivo.interno img {
         height: auto;
         width: 90%;
         display: flex;
         margin: auto;
     }

     #form-contato-home input {
         width: 310px;
     }

     form#form-contato-home {
         display: flex;
         flex-direction: column;
         margin: auto;
         align-items: center;
     }

     .termos {
         justify-content: center;
     }

     .termos p {
         width: 75%;
     }
 }

 @media(max-width:390px) {
     #form-contato-home input {
         width: 290px;
     }

 }

 @media (max-width:375px) {

     #form-contato-home input {
         width: 250px;
     }

     .termos {
         gap: 6px;
     }

     .termos p {
         width: 76%;
     }

 }

 @media (max-width:320px) {
     #form-contato-home input {
         width: 235px;
     }

     .captcha-area {
         padding-left: 60px;
     }
 }

 /* ================= ÁREA GUIA EXCLUSIVO ================ */

 .guia-exclusivo {
     /* background-image: url(../../assets/img/bg.webp);   */
     background-color: rgba(242, 242, 242, 1);
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .card-guia-exclusivo {
     background-image: url(../../assets/img/bg.webp);
     background-size: cover;
     background-repeat: no-repeat;
     height: auto;
     display: flex;
     margin: auto;
     width: 50%;
     padding-top: 150px;
     padding-bottom: 150px;
     border-radius: 6px;

 }

 .conteudo-card-exclusivo {
     display: flex;
     gap: 15px;
     justify-content: center;
     align-items: center;
     margin: auto;
 }

 .texto-card-home {
     font-family: var(--fonte-principal);
     color: var(--cor-branco);
     width: 47%;
 }

 .btn-download-exclusivo a {
     background-color: transparent;
     width: 220px;
     height: 46px;
     display: flex;
     justify-content: center;
     border-radius: 100px;
     align-items: center;
     cursor: pointer;
     text-decoration: none;
     color: #fff;
     font-size: 1em;
     font-weight: 700;
     font-family: var(--fonte-principal);
     align-items: center;
     border: 2px solid var(--cor-branco);
     text-transform: uppercase;
     transition: 0.4s;
     margin-top: 30px;
 }



 .conteudo-texto-home h6 {
     font-size: 1.25em;
     margin-bottom: 15px;
     font-weight: 300;
 }

 .conteudo-texto-home h4 {
     font-size: 2.25em;
     margin-bottom: 30px;
     width: 90%;
     font-weight: 600;
     /* width:64%; */
 }

 p.titulo-guia-exclusivo {
     font-weight: 200;
 }

 .conteudo-texto-home p {
     font-size: 1.875em;
     width: 99%;
     font-weight: 300;
     line-height: 33px;
     margin-bottom: 30px;
 }

 .btn-download-exclusivo a:hover {
     transform: scale(1.03);
 }

 .card-foto-exclusivo {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40%;
 }

 .card-foto-exclusivo img {
     /* width: 240px; */
     /* width:100%; */
     width: 80%;
     display: flex;
     margin: auto;
     /* height:260px; */
     height: auto;
     object-fit: contain;
     border-radius: 15px;
     box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
 }


 @media(max-width:1024px) {
     .card-guia-exclusivo {
         width: 60%;
         padding-top: 100px;
         padding-bottom: 100px;
     }
 }

 @media (max-width:768px) {
     .card-guia-exclusivo {
         width: 85%;
     }
 }

 @media (max-width:440px) {
     .conteudo-card-exclusivo {
         display: flex;
         flex-direction: column;
         gap: 30px;
         width: 100%;
     }

     .card-guia-exclusivo {
         width: 90%;
         padding-top: 100px;
         padding-bottom: 100px;
     }

     .card-foto-exclusivo img {
         width: 100%;
     }

     .conteudo-texto-home p {
         font-size: 1em;
     }

     .conteudo-texto-home {
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .texto-card-home {
         width: 80%;
     }
 }


 @media (max-width:375px) {

     #form-contato-home input {
         width: 270px;
     }
 }

 @media(max-width:320px) {
     .btn_enviar_conteudo {
         width: 99%;
     }
 }

 /* ================= DESENVOLVER SOLUÇÕES ================ */

 .desenvolver {
     background-color: rgba(6, 84, 145, 1);
     padding-top: 72px;
     padding-bottom: 72px;
 }

 .texto-desenvolver {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .texto-desenvolver h4 {
     font-family: var(--fonte-principal);
     color: rgba(255, 255, 255, 1);
     font-size: 2.5em;
     font-weight: 700;
     padding-bottom: 48px;
 }

 .texto-desenvolver p {
     font-family: var(--fonte-principal);
     color: var(--cor-branco);
     width: 70%;
     text-align: center;
     font-weight: 600;
 }

 .imagens-desenvolver {
     display: flex;
     justify-content: space-around;
     gap: 40px;
     padding-top: 64px;
 }


 .img {
     position: relative;
 }

 .img-desenvolver {
     position: relative;
 }

 .img-desenvolver img {
     width: 462px;
     height: 267px;
 }

 .gradient-overlay-desenvolver {
     position: absolute;
     top: 0;
     left: 0;
     width: 90%;
     height: 100%;
     background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 65.31%);
     pointer-events: none;
 }

 .texto-imagem-desenvolver {
     position: absolute;
     top: 0%;
     /* top:44%; */
     /* width: 100%; */
     padding: 10px 0px 0px 10px;
 }

 .texto-imagem-desenvolver p {
     font-family: var(--fonte-principal);
     color: #ffffff;
     font-weight: 400;
     font-size: 1.25em;
 }

 .texto-imagem-desenvolver h5 {
     font-weight: bold;
     font-family: var(--fonte-principal);
     font-size: 2.25em;
     color: #fff;
     padding-bottom: 8px;
     position: relative;
 }


 .area-btns-desenvolver {
     position: relative;
     z-index: 4;
     display: flex;
     justify-content: space-between;
     top: -34px;
 }

 .btn-saiba-img-desenvolver {
     background-color: var(--cor-branco);
     width: 140px;
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     border-radius: 6px;
     /* top: -50px; */
     top: -16px;
     right: 8px;
     cursor: pointer;
 }

 .btn-saiba-img-desenvolver a {
     color: rgba(14, 14, 14, 1);
     font-size: 1.125em;
     font-family: var(--fonte-principal);
     font-weight: 600;
 }

 .btn-saiba-img-desenvolver:hover {
     background-color: var(--cor-preto);
     transition: 0.4s;
     transform: scale(1.01);

 }

 .btn-saiba-img-desenvolver:hover a {
     color: var(--cor-branco);
 }

 /* .area-btns-desenvolver .btn-imagem {
     bottom: 34px;
     left: -10%;
 } */


 @media(max-width:1024px) {
     .img-desenvolver img {
         width: 440px;
     }

     .imagens-desenvolver {
         justify-content: space-around;
         gap: 0px;
     }
 }

 @media (max-width:768px) {

     .texto-desenvolver h4 {
         width: 90%;
         font-size: 2.25em;
     }

     .texto-desenvolver p {
         width: 90%;
         text-align: left;
     }

     .imagens-desenvolver {
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .gradient-overlay-desenvolver {
         width: 64%;
     }

     .area-btns-desenvolver .btn-saiba-img {
         left: 8%;
     }
 }


 @media (min-width:429px) and (max-width:440px) {
     .img-desenvolver img {
         width: 400px;
     }
 }

 @media (max-width:430px) {

     .texto-imagem-desenvolver {
         width: 90%;
     }

     .texto-desenvolver p {
         width: 90%;
         text-align: justify;
     }

     .texto-desenvolver h4 {
         width: 90%;
         font-size: 1.75em;
     }

     .imagens-desenvolver {
         gap: 0px;
     }

     .img-desenvolver img {
         width: 360px;
         height: 267px;
     }

 }

 @media(max-width:375px) {
     .img-desenvolver img {
         width: 310px;
         height: 267px;
     }

     .texto-imagem-desenvolver h5 {
         font-size: 1.75em;
     }

     .texto-imagem-desenvolver p {
         font-size: 1em;
     }

 }


 @media (max-width:320px) {
     .img-desenvolver .img {
         width: 292px;
         height: 267px;
     }

 }


 /* CONTEUDO RODAPE */

 #conteudo-rodape {
     background-color: var(--cor-preto);
     padding-top: 64px;
     padding-bottom: 64px;
 }

 .area-rodape {
     width: 100%;
     display: flex;
     justify-content: space-evenly;
 }

 .area-um-rodape {
     width: 30%;
 }

 .area-dois-rodape {
     font-family: var(--fonte-principal);
     color: var(--cor-branco);
 }

 .area-dois-rodape h6 {
     font-size: 1.5em;
     margin-bottom: 20px;
 }

 .area-dois-rodape p, .area-dois-rodape a {
     font-size: 1em;
     font-weight: 300;
 }

 .links-rodape {
     display: flex;
     justify-content: space-between;
 }

 .texto-rodape p {
     font-size: 1em;
 }


 .links-um a {
     color: var(--cor-branco);
     transition: 0.4s;
 }

 .links-dois {
     display: flex;
     flex-direction: column;
 }


 .links-dois a {
     color: var(--cor-branco);
     padding-bottom: 14px;
     transition: 0.4s;
 }

 /* .links-um a:hover, .links-dois a:hover{
    transform: scale(1.03) !important;
} */

 .logo-rodape {
     margin-bottom: 48px;
 }

 .redes-sociais {
     margin-bottom: 48px;
     display: flex;
     gap: 40px;
 }

 .redes-sociais a:hover {
     transition: 0.4s;
     transform: scale(1.05);
 }

 .texto-rodape {
     width: 33%;
 }

 .texto-rodape p {
     width: 100%;
 }

 .data-group p {
     color: rgba(215, 215, 215, 1);
     font-size: 1.125em;
     font-weight: 700;
     font-family: var(--fonte-principal);
     margin-bottom: 8px;
 }

 .area-dois-rodape {
     width: 60%;
 }

 .area-dois-rodape {
     color: white;
 }

 .img-data-group {
     display: flex;
     gap: 16px;
 }

 @media (max-width:1024px) {
     .area-rodape {
         display: flex;
         /* flex-direction: column-reverse; */
         gap: 30px;
         justify-content: space-evenly;
     }

     .redes-sociais {
         gap: 20px;
     }
 }

 @media (max-width:768px) {

     .area-dois-rodape {
         width: 100%;
     }

     .area-rodape {
         display: flex;
         flex-direction: column;
     }
 }

 @media (max-width:440px) {
     .area-rodape {
         display: flex;
         flex-direction: column;
         gap: 40px;
     }

     .area-um-rodape {
         width: 80%;
     }

     .redes-sociais {
         gap: 20px;
     }

     .links-rodape {
         display: flex;
         flex-direction: column;
         gap: 20px;
     }

 }



 /* =============== PAGINAÇÃO =============== */

 .paginacao {
     display: flex;
     justify-content: center;
     gap: 5px;
     padding: 30px;
 }

 .paginacao li {
     background-color: var(--cor-primaria);
     border: none;
     color: #FFFFFF;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 1.25em;
     border-radius: 3px;
 }

 .paginacao li:hover {
     background-color: var(--cor-principios);
 }

 .paginacao li.active {
     background-color: var(--cor-principios);
 }

 .paginacao a {
     color: #FFFFFF;
     font-family: var(--fonte-textos);
     display: flex;
     width: 40px;
     height: 45px;
     align-items: center;
     justify-content: center;
 }

 @media (max-width: 650px) {
     .noticia_ver .img-area {
         width: 100%;
         margin: 0 0 15px 0;
     }

     .noticia_ver small {
         margin-bottom: 15px;
     }
 }


 /* COPIRYGHT */

 .copyright {
     /* margin-top: -200px; */
     background: var(--cor-primaria);
     color: #ffffff;
     font-size: 1em;
 }

 .copyright .center {
     display: flex;
     justify-content: space-between;
     align-items: center;
     max-width: 1160px;
 }

 .copyright .center .texto {
     width: 100%;
     font-family: var(--fonte-principal);
     font-size: 0.875em;
     font-weight: 400;
 }

 .copyright .center span a {
     color: #ffffff;
     font-weight: 700;
 }

 @media (max-width: 768px) {
     .copyright .center {
         flex-direction: column;
         gap: 25px;
         text-align: center;
     }

     .extras .fundo {
         width: 100%;
     }

     #faixa .faixa-menor {
         flex-direction: column;
     }

     #faixa .faixa-menor .area-esquerda,
     #faixa .faixa-menor .area-direita {
         width: 100%;
         text-align: center;
     }

     #faixa .faixa-menor .area-esquerda p {
         font-size: 1.375em;
         line-height: 20px;
         padding: 15px 40px;
     }
 }

 @media (max-width: 320px) {
     #faixa .faixa-menor .area-esquerda p {
         font-size: 1.125em;
         line-height: 20px;
         padding: 10px 10px;
     }
 }

 /* =============== POPUP INICIO =============== */

 .popup {
     display: none;
     position: fixed;
     z-index: 99999;
     padding-top: 20px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.4);
     overflow: hidden;
 }

 .popup_content {
     position: relative;
     margin: auto;
     padding: 0;
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s;
     width: 80%;
     max-width: 650px;
     height: auto;
 }

 @-webkit-keyframes animatetop {
     from {
         top: -300px;
         opacity: 0;
     }

     to {
         top: 0;
         opacity: 1;
     }
 }

 @keyframes animatetop {
     from {
         top: -300px;
         opacity: 0;
     }

     to {
         top: 0;
         opacity: 1;
     }
 }

 .popup_imagem_full {
     width: 100%;
     height: 100%;
     float: left;
     position: relative;
     top: -35px;
 }

 .popup_imagem_full img {
     height: 100%;
     object-fit: cover;
     width: 100%;
     height: 100%;
     object-fit: cover;
     padding: 7px;
     background: #ffffff;
     border-radius: 8px;
     box-sizing: border-box;
 }

 .popup_youtube_full {
     width: 100%;
     position: relative;
     padding-bottom: 60%;
     height: 0;
 }

 .popup_youtube_full iframe {
     padding: 7px;
     background: #ffffff;
     border-radius: 8px;
     box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .popup_youtube_full .legenda {
     bottom: -35px;
     left: 50%;
     position: absolute;
     transform: translate(-50%, 40%);
     text-align: center;
 }

 .popup .legenda {
     display: flex;
     justify-content: center;
 }

 .popup .legenda span {
     background: #000;
     color: #ffffff;
     padding: 5px 20px;
     border-radius: 17px;
     margin-top: 5px;
 }

 .close {
     color: #000;
     float: right;
     font-size: 2.1875em;
     z-index: 999;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0.7;
     position: relative;
     right: -14px;
     top: -16px;
     background: #ffffff;
     height: 38px;
     width: 38px;
     text-align: center;
     border-radius: 50%;
     border: solid 1px #c1c1c1;
 }

 .close:hover,
 .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
     background: #dddddd;
 }

 @media (max-width: 768px) {
     .popup_content {
         width: 98%;
     }
 }

 @media (max-width: 700px) {
     .close {
         right: -2px;
     }
 }

 /* =============== POPUP FIM =============== */

 /*Redes sociais lateral*/

 .rodape {
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 77px;
 }

 .rodape .texto {
     color: #1164AA;
     font-size: 16px;
     font-weight: 600;
 }

 .redes-sociais {
     display: flex;
     align-items: center;
 }

 .redes-sociais a {
     text-decoration: none;
 }

 .redes-sociais-right {
     height: auto;
     position: fixed;
     top: 50%;
     right: 10px;
     transform: translate(0, -50%);
     z-index: 999;
     display: flex;
     flex-direction: column;
     transition: 1s;
 }

 .redes-sociais-right a {
     text-decoration: none;
     margin-top: 10px;
 }

 .bolinha-social {
     /* background: #efefef; */
     width: 42px;
     height: 42px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     text-decoration: none;
     font-size: 1.250em;
     /* color: #989898; */
     margin: 0 5px;
     transition: 0.5s;
     /* border: 2px solid #ffffff; */
 }

 .redes-sociais-right .fa-facebook-f {
     color: #ffffff;
 }

 .redes-sociais-right .fa-twitter {
     color: #ffffff;
 }

 .redes-sociais-right .fa-linkedin {
     color: #ffffff;
     font-size: 1.1em;
 }

 .redes-sociais-right .fa-instagram {
     color: #ffffff;
     font-size: 1.1875em;
 }

 .redes-sociais-right .fa-whatsapp {
     color: #ffffff;
     font-size: 1.2em;
 }

 .redes-sociais-right .fa-youtube {
     color: #ffffff;
     font-size: 1.1em;
 }

 .redes-sociais-right .fa-medium {
     color: #ffffff;
     font-size: 1.1em;
 }

 .redes-sociais-right .fa-headset {
     color: #ffffff;
     font-size: 1.1em;
 }

 .bolinha-facebook {
     background: #3b5998 !important;
 }

 .bolinha-linkedin {
     background: #2867B2 !important;
 }

 .bolinha-instagram {
     background: #C13584 !important;
 }

 .bolinha-twitter {
     background: #1DA1F2 !important;
 }

 .bolinha-whatsapp {
     background: #25D366 !important;
 }

 .bolinha-youtube {
     background: #ff0000 !important;
 }

 .bolinha-contato {
     background: #f1860b !important
 }

 .bolinha-medium {
     background: #000000 !important;
 }

 .bolinha-tour {
     background: #354b9c;
     box-shadow: 2px 0px 6px 6px rgb(255 255 255 / 75%);
     -webkit-box-shadow: 0px 0px 6px 4px rgb(255 255 255 / 75%);
     -moz-box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.75);
 }

 .bolinha-tour img {
     width: 58px;
     margin-top: 4px;
 }

 .bolinha-tour:hover {
     background: #354b9c;
 }

 .redes-sociais-right .bolinha-social:hover {
     transform: scale(1.2);
 }


 @media (max-width: 768px) {
     .redes-sociais-right {
         top: -100%;
     }

     .mostrar-redes-sociais {
         top: 100px;
         transform: none;
     }
 }

 @media(max-width:425px) {
     .rodape {
         flex-direction: column;
         gap: 20px;
         padding-top: 30px;
         margin-bottom: 70px;
     }
 }

 @media(max-width:320px) {
     .rodape {
         flex-direction: column;
         gap: 10px;
         padding-top: 10px;
         margin-bottom: 30px;
     }
 }



 /* BANNER */


 @media (max-width: 1024px) {
     .banner {
         top: -100px;
     }
 }

 @media (max-width: 768px) {
     .banner {
         top: -99px;
     }

 }

 @media (max-width: 425px) {
     .banner {
         top: -100px;
     }
 }


 .row-wrap {
     flex-flow: row wrap;
 }

 /* Flex Container */
 .seguimentos {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     /* border: 1px solid #ccc; */
 }

 /* Flex Item */
 .item-seguimentos {
     /* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
     flex: 1;
     margin: 5px;
     text-align: center;
     font-size: 1.5em;
     background-color: #FFFFFF;
     border: 2px solid #FFFFFF;
     border-radius: 10px;
 }

 .item-seguimentos:hover {
     border: 2px solid #e7dfdf;
     -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
 }

 .item-seguimentos:hover div {
     font-weight: 600;
 }

 .item-seguimentos img {
     width: 100px;
     text-align: center;
     padding-top: 15px;
 }

 .item-seguimentos div {
     color: #2C3558;
     font-size: 18px;
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     margin-left: 25px;
     width: 250px;
     text-align: center;
     margin: 0 auto;
     padding-bottom: 15px;
 }

 .lista_parceiros {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     /* border: 1px solid #ccc; */
 }

 /* Flex Item */
 .item-parceiros {
     /* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
     flex: 1;
     margin: 5px;
     text-align: center;
     font-size: 1.5em;
     background-color: #FFFFFF;
     border: 2px solid #FFFFFF;
     border-radius: 10px;
     max-width: 250px;
     max-height: 250px;
 }

 .item-parceiros:hover {
     border: 2px solid #e7dfdf;
     -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
 }

 .item-parceiros:hover div {
     font-weight: 600;
 }

 .item-parceiros img {
     max-width: 200px;
     max-height: 200px;
     text-align: center;
     padding-top: 15px;
 }

 footer .redes-sociais {
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 300px;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
 }

 img, svg {
     vertical-align: middle
 }

 footer .redes-sociais .bolinha-social {
     background: #efefef;
     width: 42px;
     height: 42px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     text-decoration: none;
     font-size: 1.250em;
     color: #989898;
     margin: 0 5px;
     transition: 0.5s;
 }

 /* botão subir ao topo */
 .anim-scroll-to-top.active-progress {
     opacity: 1;
     visibility: visible;
     -moz-transform: translateY(0);
     -o-transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     transform: translateY(0);
 }

 .anim-scroll-to-top {
     position: fixed;
     right: 12px;
     bottom: 82px;
     /* left: 30px;
     bottom: 30px; */
     height: 46px;
     width: 46px;
     cursor: pointer;
     display: block;
     border-radius: 50px;
     box-shadow: inset 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     -moz-transform: translateY(15px);
     -o-transform: translateY(15px);
     -ms-transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transform: translateY(15px);
     -moz-transition: all 300ms ease-out 0s;
     -webkit-transition: all 300ms ease-out 0s;
     -ms-transition: all 300ms ease-out 0s;
     -o-transition: all 300ms ease-out 0s;
     transition: all 300ms ease-out 0s;
 }

 .anim-scroll-to-top::after {
     position: absolute;
     content: url('../img/up-arrow-azul.webp');
     font-weight: 600;
     text-align: center;
     line-height: 45px;
     font-size: 18px;
     color: #80B7DC;
     left: 0;
     top: 3px;
     height: 45px;
     width: 45px;
     cursor: pointer;
     display: block;
     z-index: 1;
     -moz-transition: all 300ms ease-out 0s;
     -webkit-transition: all 300ms ease-out 0s;
     -ms-transition: all 300ms ease-out 0s;
     -o-transition: all 300ms ease-out 0s;
     transition: all 300ms ease-out 0s;
 }



 .anim-scroll-to-top svg.progress-circle path {
     stroke: #80B7DC;
     stroke-width: 5;
     box-sizing: border-box;
 }

 .anim-scroll-to-top svg path {
     fill: none;
 }

 /* botão subir ao topo 425 */
 @media(max-width: 425px) {
     .anim-scroll-to-top {
         width: 40px;
         height: 40px;
         right: 16px;
         bottom: 82px;
     }

     .anim-scroll-to-top::after {
         left: -3px;
         top: 0px;
     }
 }

 /* botão flutuante whatsapp */
 #fixa {
     position: fixed;
     bottom: 20px;
     margin: 0 20px;
     background-color: #25D366;
     width: 230px;
     border-radius: 50px;
     cursor: pointer;
     transition: 0.5s all;
     /* right: 25px; */
     right: -9px;
     z-index: 4;
 }


 #fixa img {
     width: 43px;
     height: 43px;
     margin-right: 1px;
 }

 #fixa.flut:hover {
     width: 230px;
     /* Largura expandida ao passar o mouse */
 }

 #fixa.flut:hover a .flex-itens span {
     opacity: 1;
     /* Torna o texto visível */
 }

 #fixa a .flex-itens {
     display: flex;
     align-items: center;
     flex-direction: row-reverse;
 }


 #fixa a .flex-itens span {
     display: block;
     font-family: 'Open Sans', sans-serif;
     font-weight: bold;
     color: #ffffff;
     margin-left: 5px;
     font-size: 17px;
     min-width: 170px;
     float: left;
     opacity: 0;
 }



 .flutuar {
     animation-name: flutuar;
     animation-duration: 0.7s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-direction: alternate;
     /* animation: flutuar 0.7s  ease-in-out  infinite alternate ; */
 }

 @keyframes flutuar {
     from {
         transform: translate3d(0, 0, 0);
         /* filter: brightness(100%); */
     }

     to {
         transform: translate3d(0, -10px, 0);
         /* filter: brightness(150%); */
     }
 }

 #fixa.flut {
     width: 50px;
     transition: 0.5s all;
     overflow: hidden;
 }



 #fixa a .flex-itens span.aparecer {
     transition: 0.5s all;
     opacity: 1;
 }



 /* botão flutuante whatsapp 425*/
 @media(max-width:425px) {
     #fixa {
         right: 0;
         margin: 0 10px;
     }

     #fixa img {
         width: 40px;
         height: 40px;
     }

     #fixa.flut {
         width: 40px;
     }

 }

 /* politica privacidade */
 #politica_privacidade .cima {
     margin-top: 17px;
 }

 /* politica privacidade mq*/

 @media(max-width:1024px) {
     #politica_privacidade .cima {
         margin-top: -20px;
     }
 }

 .color_imaps{
    color: #F5781E!important;
 }
  .color_laker{
    color: #0967B1!important;
 }