/* GERAIS */

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

 body {
     overflow-x: hidden;
     background-color: #e9e9e994;
 }

 .overflowy {
     overflow-y: hidden;
 }

 * {
     font-family: 'Poppins', sans-serif;
 }

 .OpenSans {
     font-family: 'Open Sans', sans-serif;
 }

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

 .sombra {
     width: 100%;
     height: 36px;
     display: block;
     background-image: url(../img/sombra.png);
     background-position: top;
     background-repeat: no-repeat;
     background-size: contain;
 }

 .fancybox img {
     transition: 0.3s;
 }

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

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


 /* HOME */

 .banners-slick {
     width: 100%;
     height: 100%;
     display: block;
     margin: auto;
     overflow: hidden;
 }

 .banners-slick .item {
     position: absolute;
     top: 0;
     left: 0;
 }

 .banner {
     position: relative;
     display: flex;
     width: 100%;
     height: 100%;
     justify-content: center;
     align-items: center;
     font-family: "Poppins", sans-serif;
     font-weight: bold;
     margin-top: 0;
 }

 .banner .midia {
     width: 100%;
     height: auto;
     /* height: 1070px; */
     margin-top: -200px;
     position: relative;
 }

 .banner .midia.midia-img {}

 .banner img {
     width: 100%;
     height: 865px;
 }

 .banner video {
     width: 100%;
     height: auto;
     object-fit: fill;
     object-position: center;
     position: relative;
 }

 .banner .midia.midia-img::after {
     height: 865px;
 }

 .banner .midia::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: calc(100% - 36px);
     /* height: 1070px !important; */
     background-color: #000;
     opacity: 0.6;
 }

 .banner .midia .sombra {
     margin-top: -7px;
 }

 @media (max-width: 1440px) {
     /* .banner .midia::after {
         height: 810px !important;
     } */


 }

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

     /* .banner .midia::after {
         height: 576px !important;
     } */
 }

 @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);
     }

 }

 @media (min-width: 425px) {
     /* .banner .midia::after {
         height: 240px !important;
     } */
 }

 @media (min-width: 375px) {
     /* .banner .midia::after {
         height: 211px !important;
     } */
 }

 @media (min-width: 320px) {
     /* .banner .midia::after {
         height: 180px !important;
     } */
 }

 .slick-dots li button:before {
     background: transparent !important;
     content: "" !important;
     display: block !important;
     height: 15px !important;
     width: 15px !important;
     border-radius: 50%;
     border: 1px solid #ffffff;
 }


 .slick-dots li button:before {
     background: #ffffff !important;
     border: 1px solid transparent;
 }

 .slick-dots li.slick-active button:before {
     background: #DE3E43 !important;
 }

 .slick-slide {
     display: flex !important;
     justify-content: center !important;
 }




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

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


 .topo .menu-area {
     width: 100%;
     height: 120px;
     display: flex;
     align-items: center;
     position: fixed;
     top: 0;
     background-color: rgba(00, 00, 00, 0.3);
 }

 .topo .menu-area.interno {
     background-color: #202129;
 }

 .topo .menu-area .center {
     width: 1550px;
     max-width: 1550px;
 }

 .topo nav ul {
     display: flex;
     list-style: none;
     gap: 40px;
     height: 90px;
     align-items: center;
 }

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

 .topo nav ul li a {
     color: #ffffff;
     font-size: 16px;
     font-weight: 500;
     text-decoration: none;
     text-align: center;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .topo nav ul li.active a {
     font-weight: 600;
     color: #d8a428;
 }

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

 @keyframes animate_principal {
     0% {
         width: 0;
         height: 0;
         border-top-color: #ffffff;
         border-bottom-color: transparent;
         border-left-color: transparent;
         border-right-color: transparent;
     }

     33% {
         width: 50%;
         height: 0;
         border-top-color: #ffffff;
         border-bottom-color: transparent;
         border-left-color: transparent;
         border-right-color: #ffffff;
     }

     66% {
         width: 100%;
         height: 50%;
         border-top-color: #ffffff;
         border-bottom-color: transparent;
         border-left-color: transparent;
         border-right-color: #ffffff;
     }

     100% {
         width: 100%;
         height: 100%;
         border-top-color: #ffffff;
         border-bottom-color: transparent;
         border-left-color: transparent;
         border-right-color: #ffffff;
     }
 }

 .topo nav ul li a:hover::after {
     animation: animate_principal2 0.5s linear forwards;
     -webkit-animation: animate_principal2 0.5s linear forwards;
     -ms-animation: none;
 }

 @supports (-ms-ime-align: auto) {
     .topo nav ul li a:hover::after {
         animation-name: none;
     }
 }

 @keyframes animate_principal2 {
     0% {
         width: 0;
         height: 0;
         border-top-color: #ffffff;
         border-bottom-color: transparent;
         border-left-color: transparent;
         border-right-color: transparent;
     }

     33% {
         width: 0;
         height: 50%;
         border-top-color: #ffffff;
         border-bottom-color: transparent;
         border-left-color: #ffffff;
         border-right-color: transparent;
     }

     66% {
         width: 50%;
         height: 100%;
         border-top-color: #ffffff;
         border-bottom-color: #ffffff;
         border-left-color: #ffffff;
         border-right-color: transparent;
     }

     100% {
         width: 100%;
         height: 100%;
         border-top-color: #ffffff;
         border-bottom-color: #ffffff;
         border-left-color: #ffffff;
         border-right-color: transparent;
     }
 }

 .topo .menu-area .area-logo {
     /* width: 100%; */
     justify-content: center;
     position: absolute;
     left: 50px;
 }

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

 .menu-mobile {
     display: none;
 }


 /* topo 1024 */
 @media (max-width: 1024px) {


     .topo .barra {
         background-image: url('../img/fundo-barra.png');
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
     }

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

     .topo .vidro-barra {
         position: absolute;
         background-color: #000;
         opacity: 0.85;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         border-bottom: 2px solid #fff;
     }

     .topo img.logo {
         width: 80%;
         left: 0;
         z-index: 2;
         position: relative;

     }

     .topo {
         position: fixed;
     }


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

     .topo .menu-area {
         position: fixed;
         /* top: 85px; */
         width: 100%;
         height: 90px;
     }

     .topo nav {
         display: none;
         width: 100%;
         z-index: 2;
         background: linear-gradient(356deg, rgba(31, 32, 40, 1) 0%, rgba(0, 0, 0, 1) 80%);
         /* background: rgb(000 000 000 / 80%); */
         box-sizing: border-box;
         position: absolute;
         top: 47px;
     }

     .topo.relative {
         position: relative;
     }

     .topo.relative .menu-area {
         position: relative;
         height: 0;
     }

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

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

     .topo nav ul li {
         position: relative;
     }

     .topo nav ul li.active a {
         font-weight: 600;
         color: #d8a428;
     }

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

     .menu-mobile-ativador {
         display: flex;
         justify-content: space-between;
         padding: 23px 40px;
         align-items: center;
     }


     .mostrar-menu {
         display: block !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: #fff;
         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);
     }

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

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

     .topo nav ul li a {
         color: #ffffff;
         font-size: 25px;
     }

     .logo.grande {
         display: none;
     }

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


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

     .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;
     }

     #institucional .area-texto {
         margin-top: 60px;
     }
 }

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

     .topo.relative nav {
         margin-top: 45px;
     }

 }


 /* topo 425 */
 @media(max-width:425px) {

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

     .topo nav ul li a {
         font-size: 20px;
     }

 }

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

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

     /* .topo nav {
         top: -26px;
     } */

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

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



 /* BANNER */

 #banner {
     height: 870px;
 }

 /* #banner {
     height: 1240px;
 } */

 .item .textos-banner {
     text-align: center;
     position: absolute;
     top: -450px;
     width: 100%;
     line-height: 130px;
 }

 .item .textos-banner .frase {
     width: 100%;
     height: 40px;
     display: block;
 }

 .item .textos-banner .frase h1 {
     color: #ffffff;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 40px;
     /* font-size: 36px; */
 }

 .item .textos-banner p {
     color: #ffffff;
     font-size: 16px;
     font-weight: 300;
 }

 .item .textos-banner p em {
     position: absolute;
     top: 250px;
     left: 0;
     right: 0;
     margin: auto;
 }

 @media(max-width:1440px) {
     #banner {
         height: 610px;
     }

     .item .textos-banner {
         top: -350px;
     }
 }

 @media(max-width:1150px) {

     .item .textos-banner {
         top: -450px;
     }
 }

 @media(max-width:1024px) {
     #banner {
         height: 580px;
     }
 }

 @media(max-width:768px) {
     #banner {
         height: 432px;
     }
 }

 @media(max-width:425px) {

     #banner {
         height: 240px;
     }

     .item .textos-banner .frase {
         margin-top: 120px;
     }

     .item .textos-banner .frase h1 {
         font-size: 26px;
     }

     /* .item .textos-banner p em {
         position: absolute;
         top: 250px;
         left: 0;
     } */
 }

 @media(max-width:375px) {

     #banner {
         height: 212px;
     }

     .item .textos-banner .frase {
         margin-top: 30px;
     }
 }

 @media(max-width:396px) {
     .item .textos-banner .frase {
         margin-top: 140px;
     }
 }

 @media(max-width:320px) {
     #banner {
         height: 180px;
     }

     .item .textos-banner p {
         font-size: 14px;
     }

     /* .item .textos-banner .frase {
         margin-top: 60px;
     } */
 }




 /* =========== INSTITUCIONAL ========== */
 #institucional {
     margin-bottom: 500px;
 }

 #institucional .area-texto {
     float: left;
 }

 #institucional .area-img {
     float: right;
 }

 #institucional .area-img .img {
     display: flex;
     justify-content: end;
     position: relative;
 }

 #institucional .area-img img {
     width: 570px;
     height: 410px;
     margin-top: 80px;
     position: relative;
     z-index: 1;
 }

 #institucional .area-img .img::before {
     content: '';
     position: absolute;
     width: 550px;
     height: 390px;
     background-color: #000;
     opacity: 0.6;
     top: 60px;
     right: -20px;
 }

 .titulo-esquerdo {
     display: flex;
     flex-direction: column;
     justify-content: left;
     gap: 5px;
     margin-bottom: 10px;
 }

 .titulo-esquerdo h1 {
     color: #1F2028;
     text-transform: uppercase;
     font-weight: 300;
     font-size: 40px;
 }


 .texto-esquerdo {
     text-align: justify;
     color: #1F2028;
     font-size: 15px;
     font-weight: 400;
     transition: 6s;
 }

 .titulo-esquerdo .detalhe-esquerdo {
     background-color: #D8A428;
     height: 5px;
     width: 60px;
     transition: width 0.5s;
 }

 .titulo-esquerdo:hover .detalhe-esquerdo {
     width: 200px;
 }

 /* .titulo-esquerdo .detalhe-esquerdo::after {
     display: block;
     content: '';
     background-color: #D9D9D9;
     width: 120px;
     height: 1px;
     margin-top: 2.3px;
     margin-left: 60px;
     transition: background-color 0.5s;
 } */

 .titulo-esquerdo:hover .detalhe-esquerdo::after {
     /* display: none; */
     background-color: transparent;
 }


 @media(max-width:1440px) {
     #institucional .area-img img {
         width: 470px;
         height: 310px;
     }

     #institucional .area-img .img::before {
         width: 450px;
         height: 290px;
     }
 }

 @media(max-width:1024px) {
     #institucional .area-img img {
         width: 570px;
         height: 410px;
     }

     #institucional .area-img {
         display: flex;
         width: 100%;
         justify-content: center;
     }
 }

 @media(max-width:425px) {

     .titulo-esquerdo h1 {
         font-size: 26px;
     }

     #institucional .area-img img {
         width: 90%;
         height: auto;
     }

     #institucional .area-img .img::before {
         width: 88%;
         height: 75%;
         right: 20px;
     }
 }

 /* =========== FALE ========== */
 #fale {
     margin-bottom: 50px;
 }

 #fale h2 {
     color: #1F2028;
     font-size: 20px;
 }

 #fale .area-contato {
     display: flex;
     gap: 150px;
     margin-top: 30px;
 }

 #fale .area-contato .item {
     display: flex;
     transform: scale(1);
     transition: transform 0.5s;
 }

 #fale .area-contato .item:hover {
     transform: scale(1.1);
 }

 #fale .area-contato .item .area-icone {
     display: flex;
     width: 70px;
     height: 70px;
     background-color: #202129;
     border-radius: 5px;
     justify-content: center;
     align-items: center;
 }

 #fale .area-contato .item img {
     width: 40px;
     height: fit-content;
 }

 #fale .area-contato .item .area-cont {
     display: flex;
     align-self: center;
     justify-content: center;
     margin-left: 30px;
 }

 #fale .area-contato .item h5 {
     color: #202129;
     font-size: 20px;
     font-weight: 500;
 }

 @media(max-width:1440px) {
     #fale .titulo-esquerdo {
         margin-top: 30px;
     }

     #fale .area-texto {
         display: flex;
     }
 }

 @media(max-width:1024px) {
     /* #fale .area-contato{
         justify-content: center;
        } */
 }

 @media(max-width:768px) {
     #fale .area-contato {
         gap: 50px;
         justify-content: center;
     }
 }

 @media(max-width:425px) {
     #fale .area-contato {
         flex-direction: column;
         gap: 10px;
     }

     #fale .area-contato .item .area-icone {
         width: 40px;
         height: 40px;
     }

     #fale .area-contato .item img {
         width: 20px;
     }
 }

 @media(max-width:396px) {
     #fale .area-contato .item h5 {
         font-size: 17px;
     }
 }

 @media(max-width:375px) {
     #fale .area-contato .item h5 {
         font-size: 16px;
     }
 }

 @media(max-width:320px) {
     #fale .area-contato .item h5 {
         font-size: 13px;
     }

     #fale .area-contato {
         margin: 0;
     }
 }

 /* =========== EXPERTISE ========== */

 #expertise .exp {
     position: relative;
     height: 650px;
     width: 100%;
     display: flex;
 }

 #expertise .exp::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     background-color: #000;
     opacity: 0.85;
     width: 100%;
     height: 100%;
     z-index: 0;
 }

 #expertise .area-imgs {
     display: flex;
     flex-wrap: wrap;
 }

 #expertise img {
     max-width: 100%;
     /* height: auto; */
     height: 100%;
 }

 #expertise .exp .conteudo-exp {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     z-index: 1;
     width: 95%;
     display: flex;
     justify-content: center;
     flex-direction: column;
 }

 .titulo-centro {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-top: 80px;
 }

 .detalhe-centro {
     background-color: #D8A428;
     height: 5px;
     width: 60px;
     display: flex;
     flex-direction: column;
     transition: width 0.5s;
 }

 .detalhe-centro::after {
     /* content: "";
     height: 1px;
     width: 60px;
     background-color: #D9D9D9;
     display: block;
     margin-left: 60px;
     margin-top: -1px; */
     /* transition: background-color 0.5s;
     transition: display 0.5s; */
 }

 .detalhe-centro::before {
     /* content: "";
     height: 1px;
     width: 60px;
     background-color: #D9D9D9;
     display: block;
     margin-left: -60px;
     margin-top: 2px; */
     /* transition: background-color 0.5s;
     transition: display 0.5s; */
 }

 /* .titulo-centro:hover .detalhe-centro::before,
 .titulo-centro:hover .detalhe-centro::after {
     display: none;
 } */

 .titulo-centro:hover .detalhe-centro {
     width: 180px;
 }

 .titulo-centro h1 {
     color: #fff;
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 300;
 }

 #expertise .exp .conteudo-exp .texto-centro {
     margin-top: 40px;
     margin-bottom: 50px;
 }

 #expertise .exp .conteudo-exp .texto-centro div {
     color: #fff;
     font-size: 15px;
     font-family: 'Open Sans';
     margin: auto;
     text-align: center;
     line-height: 25px;
 }

 #expertise .lista-expertise {
     display: flex;
     justify-content: space-between;
     flex-direction: column;
     margin: 30px auto;
     width: 1200px;
 }

 #expertise .lista-expertise .item {
     width: 170px;
     height: 170px;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     margin: 0 45px;

     display: inline-block;
     position: relative;
 }

 #expertise .lista-expertise .item::before {
     content: '';
     position: absolute;
     width: 100%;
     transform: scaleY(0) rotate(90deg);
     height: 2px;
     top: 0px;
     left: 0;
     background-color: #ffffff;
     transform-origin: left;
     transition: transform 0.5s;
 }

 #expertise .lista-expertise .item:hover::before {
     transform: scaleY(1) rotate(90deg);
     transform-origin: left;
 }

 /* #expertise .lista-expertise .item::after{
     content: '';
     position: absolute;
     width: 100%;
     transform: scaleX(0);
     height: 2px;
     top: 0px;
     left: 0;
     background-color: #ffffff;
     transform-origin: left;
     transition: transform 0.5s;
 } */

 /* #expertise .lista-expertise .item:hover::after{
     transform: scaleX(1) ;
     transform-origin: left;
    } */

 #expertise .lista-expertise .dots-itens {
     display: flex !important;
     justify-content: center;
     gap: 10px;
 }

 #expertise .lista-expertise .dots-itens li {
     list-style: none;
 }

 #expertise .lista-expertise .dots-itens li button {
     width: 15px;
     height: 15px;
     cursor: pointer;
     border-radius: 20px;
     border: 1px solid #fff;
     background-color: transparent;
     margin-top: 20px;
 }

 #expertise .lista-expertise .dots-itens li:hover button {
     background-color: #D8A428;
     border: transparent;
 }

 #expertise .lista-expertise .dots-itens li.slick-active button {
     background-color: #fff;
 }

 #expertise .lista-expertise .item .cima {
     height: 70px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 #expertise .lista-expertise .item .baixo {
     height: 70px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 #expertise .lista-expertise .item img {
     width: auto;
 }

 #expertise .lista-expertise .item h5 {
     color: #fff;
     font-size: 17px;
     font-weight: 300;
     text-align: center;
 }

 #expertise .btnprev {
     transform: scale(2);
     position: absolute;
     z-index: 1;
     top: 40%;
     color: rgba(255, 255, 255, 0.8);
     cursor: pointer;
     display: block;
 }

 #expertise .btnnext {
     transform: scale(2);
     position: absolute;
     z-index: 1;
     top: 40%;
     margin-left: 100%;
     color: rgba(255, 255, 255, 0.8);
     cursor: pointer
 }


 @media(max-width:1440px) {
     #expertise .lista-expertise {
         width: 100%;
     }
 }

 @media(max-width:1024px) {
     #expertise .exp .area-imgs {
         width: 50%;
     }

     /* #expertise .exp .area-imgs .img-exp:nth-child(5),
    #expertise .exp .area-imgs .img-exp:nth-child(6){
        display: none;
    } */

     #expertise .exp .area-imgs:nth-child(3) {
         display: none;
     }
 }

 @media(max-width:768px) {
     #expertise .exp .conteudo-exp .texto-centro {
         margin-bottom: 20px;
     }

     #expertise .exp .conteudo-exp .texto-centro div {
         line-height: 20px;
     }

     .titulo-centro {
         margin-top: 0;
     }
 }

 @media(max-width: 425px) {
     .titulo-centro h1 {
         font-size: 26px;
     }

     #expertise .lista-expertise .item h5 {
         font-size: 18px;
     }

     #expertise .btnnext {
         margin-left: 90%;
     }

     #expertise .btnprev {
         margin-left: 5%;
     }

     #expertise .exp .area-imgs {
         width: 100%;
     }

     #expertise .exp .area-imgs:nth-child(2) {
         display: none;
     }

     /* #expertise .exp .area-imgs .img-exp:nth-child(5),
     #expertise .exp .area-imgs .img-exp:nth-child(6){
        display: none;
     } */

 }

 @media(max-width:375px) {
     #expertise .exp {
         display: flex;
         flex-direction: column;
     }

     #expertise .exp .area-imgs:nth-child(2) {
         display: flex;
     }

     #expertise .exp {
         height: 760px;
     }

     /* #expertise .exp .area-imgs .img-exp:nth-child(6) {
         display: none;
     } */

 }

 @media(max-width:320px) {
     /* #expertise .exp .conteudo-exp{
        top: -85px;
    } */

     #expertise .exp::after {
         height: 650px;
     }

     #expertise .lista-expertise .dots-itens {
         margin-top: -20px;
     }

     #expertise .lista-expertise {
         margin: 0;
     }

     #expertise .exp .conteudo-exp {
         top: -100px;
     }
 }


 /* =========== PROFISSIONAIS ========== */
 #profissionais {
     position: relative;
 }

 #profissionais h1 {
     color: #1F2028;
 }

 #profissionais .texto-centro {
     margin-top: 40px;
     margin-bottom: 70px;
 }

 #profissionais .texto-centro div {
     color: #1F2028;
     font-size: 15px;
     font-family: 'Open Sans';
     margin: auto;
     text-align: center;
     line-height: 25px;
     width: 1100px;
     font-weight: 400;
 }

 #profissionais .lista-profissionais {
     display: flex;
     flex-direction: column;
 }

 #profissionais .lista-profissionais .dots-prof {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
 }

 #profissionais .lista-profissionais .dots-prof li {
     list-style: none;
 }

 #profissionais .lista-profissionais .dots-prof li button {
     width: 15px;
     height: 15px;
     cursor: pointer;
     border-radius: 20px;
     border: 1px solid #1F2028;
     background-color: transparent;
     margin-top: 20px;
     content: '';
 }

 #profissionais .lista-profissionais .dots-prof li:hover button {
     background-color: #D8A428;
     border: transparent;
 }

 #profissionais .lista-profissionais .dots-prof li.slick-active button {
     background-color: #1F2028;

 }

 #profissionais .lista-profissionais .item {
     height: 440px;
     width: 260px;
     cursor: pointer;
     position: relative;
 }

 #profissionais .lista-profissionais .item .cima {
     height: 315px;
     width: 260px;
     overflow: hidden;
     position: relative;
     border-bottom: 6px solid #D8A428;
 }

 #profissionais .lista-profissionais .item .cima:after {
     content: '';
     opacity: 0;
 }

 #profissionais .lista-profissionais .item:hover .cima:after {
     content: '';
     background-image: linear-gradient(180deg, #1F2028, #D8A428);
     opacity: 60%;
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     transition: all 0.3s ease;
 }

 #profissionais .lista-profissionais .item img:not(.olho) {
     width: 100%;
     object-fit: contain;
 }

 #profissionais .lista-profissionais .item img.olho {
     display: none;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     margin: auto;
     width: auto;
     z-index: 1;
 }

 #profissionais .lista-profissionais .item:hover img.olho {
     display: block;
 }

 #profissionais .lista-profissionais .item .baixo {
     height: 120px;
     position: relative;
     padding: 10px;
 }

 #profissionais .lista-profissionais .item .baixo h3 {
     font-size: 20px;
     color: #1F2028;
     font-weight: 400;
 }

 #profissionais .lista-profissionais .item .baixo h4 {
     color: #d8a427;
     font-size: 18px;
     font-weight: 300;
 }

 #profissionais .lista-profissionais .item .baixo h5 {
     color: #202129;
     font-size: 15px;
     font-weight: 300;
 }

 @media(max-width:1024px) {
     #profissionais .texto-centro div {
         width: 100%;
     }
 }


 @media(max-width:768px) {
     #profissionais .titulo-centro {
         margin-top: 30px;
     }
 }

 @media(max-width:425px) {
     #profissionais .area-dois .conteudo .contatos .item .icone img {
         width: 20px !important;
     }
 }

 /* MODAL */
 #profissionais .modal {
     background-color: rgba(31, 32, 40, 1);
     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
     padding: 60px;
     position: absolute;
     top: 0px;
     width: 80%;
     height: 100%;
     box-sizing: border-box;
     z-index: 2;
     right: 0;
     left: 0;
     margin: auto;
 }

 #profissionais .conteudo-modal {
     width: 100%;
     display: flex;
     justify-content: space-around;
 }

 #profissionais .conteudo-modal .area-um {
     width: 40%;
 }

 #profissionais .conteudo-modal .area-um img {
     width: 70%;
 }

 #profissionais .conteudo-modal .area-dois {
     width: 55%;
     margin-left: 10px;
 }

 #profissionais .area-dois .conteudo h4 {
     color: #d8a427;
     font-size: 400;
 }

 #profissionais .area-dois .conteudo h3 {
     color: #ffffff;
     font-weight: 700;
     font-size: 22px;
 }

 #profissionais .area-dois .conteudo h2 {
     color: #ffffff;
     font-weight: 400;
     font-size: 15px;
 }

 #profissionais .area-dois .conteudo .contatos {
     display: flex;
     gap: 50px;
     align-items: center;
     margin: 20px 0;
 }

 #profissionais .area-dois .conteudo .contatos .item {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 #profissionais .area-dois .conteudo .contatos .item small {
     color: #fff;
     font-size: 15px;
 }

 #profissionais .area-dois .conteudo .contatos .item .icone img {
     width: 30px;
 }

 #profissionais .area-dois .conteudo .descricao p {
     color: #ffffff;
     line-height: 25px;
     font-weight: 200;
 }

 .fechar-modal {
     position: absolute;
     right: 20px;
     top: 20px;
     width: 32px;
     height: 32px;
     cursor: pointer;
     transition: 0.5s;
 }

 .fechar-modal:hover::before,
 .fechar-modal:hover::after {
     background-color: #fff;
 }

 .fechar-modal:before,
 .fechar-modal:after {
     position: absolute;
     left: 15px;
     content: ' ';
     height: 33px;
     width: 3px;
     background-color: #D8A428;
 }

 .fechar-modal:before {
     transform: rotate(45deg);
 }

 .fechar-modal:after {
     transform: rotate(-45deg);
 }

 @media(max-width:1440px) {
     #profissionais .modal {
         width: 90%;
     }
 }

 @media(max-width:768px) {

     #profissionais .modal {
         height: auto;
     }

     #profissionais .conteudo-modal {
         flex-direction: column;
         text-align-last: center;
     }

     .fechar-modal {
         right: 40px;
         top: 40px;
     }

     #profissionais .conteudo-modal .area-dois,
     #profissionais .conteudo-modal .area-um {
         width: 100%;
     }

     #profissionais .conteudo-modal .area-um img {
         width: 50%;
     }

     #profissionais .conteudo-modal .area-dois {
         margin-left: 0;
         margin-top: 20px;
     }

     #profissionais .area-dois .conteudo .contatos {
         justify-content: center;
     }
 }

 @media(max-width:425px) {
     #profissionais .modal {
         padding: 30px;
     }

     #profissionais .conteudo-modal .area-um img {
         width: 80%;
     }

     #profissionais .area-dois .conteudo .contatos {
         flex-direction: column;
         justify-content: center;
     }

     #profissionais .area-dois .conteudo h3 {
         font-size: 19px;
         text-align: center;
     }

     #profissionais .area-dois .conteudo .contatos {
         gap: 10px;
     }

     .fechar-modal {
         top: 10px;
         right: 10px;
     }

     #profissionais .area-dois .conteudo .descricao p {
         text-align: justify;
     }

     #profissionais .modal {
         top: 280px;
     }
 }

 /* =========== CONTATO ========== */
 #contato {
     background-color: #1F2028;
     padding-top: 50px;
     padding-bottom: 100px;
 }

 #contato .itens {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     padding-top: 50px;
 }

 #contato .esquerda {
     width: 32%;
     display: flex;
     flex-direction: column;
     align-self: baseline;
     margin-top: 30px;
 }

 #contato .esquerda .item {
     display: flex;
     gap: 10px;
     margin-bottom: 30px;
 }

 #contato .esquerda .item:hover {
     transform: scale(1.1);
     transition: 0.5s;
 }

 #contato .esquerda .area-1 {
     display: flex;
     align-items: center;
     width: 40px;
     justify-content: center;
 }

 #contato .esquerda .area-2 {
     display: flex;
     padding: 0 15px 0 8px;
     box-sizing: border-box;
     color: #444346;
     font-size: 1em;
     line-height: 190%;
     flex-direction: column;
 }

 #contato .esquerda .area-2 a,
 #contato .esquerda .area-2 p {
     color: #fff;
     font-size: 15px;
 }

 #contato .direita {
     width: 68%;
 }

 #contato .direita .formulario input {
     width: 100%;
     height: 55px;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 20px;
     border: none;
     box-sizing: border-box;
     background: #ffffff;
     font-size: 15px !important;
     color: #777777;
     border-radius: 0;
     border-bottom: 1px solid #d2d2d2;
 }

 #contato .direita .formulario textarea {
     width: 100%;
     height: 230px;
     border: none;
     background: #ffffff;
     border-bottom: 1px solid #d2d2d2;
     font-size: 15px !important;
     color: #777777;
     padding: 16px;
     box-sizing: border-box;
     font-family: "Poppins", sans-serif;
     margin-bottom: 8px;
     border-radius: 0;
 }

 #contato .captcha-area {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .g-recaptcha {
     margin: 10px 0;
     display: block;
 }

 #contato .direita .formulario button {
     background: #d8a428;
     border: none;
     width: 200px;
     height: 55px;
     font-size: 15px;
     color: #ffffff;
     border-radius: 4px;
     cursor: pointer;
     font-weight: 600;
 }

 #contato .direita .formulario button:hover {
     background: transparent;
     border: 1px solid #d8a428;
     transition: 0.3s all;

 }

 /* contato 768 */
 @media(max-width:768px) {
     #contato {
         padding-bottom: 0;
     }

     #contato .esquerda {
         width: 35%;
     }

     #contato .direita {
         width: 65%;
     }

     #contato .captcha-area {
         flex-direction: column;
         align-items: center;
         gap: 10px;
     }
 }

 /* contato 425 */
 @media(max-width:425px) {

     #contato .esquerda,
     #contato .direita {
         width: 100%;
     }
 }

 /* contato 375 */
 @media(max-width:375px) {
     #contato .cima .titulo {
         border-color: #F5C5C6;
     }

     #contato .titulo h1 {
         font-size: 30px !important;
     }

     #contato .itens {
         padding: 0;
     }

     #contato .cima .caixa-detalhe {
         display: none;
     }
 }

 @media(max-width:425px) {
     #contato .itens {
         padding-top: 0 !important;
     }
 }


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

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

 .paginacao li {
     background-color: #0079BF;
     border: none;
     color: #FFFFFF;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 20px;
     border-radius: 3px;
 }

 .paginacao li:hover {
     background-color: #59c3e8;
 }

 .paginacao li.active {
     background-color: #59c3e8;
 }

 .paginacao a {
     color: #FFFFFF;
     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: #1F2028;
     color: #ffffff;
     font-size: 1em;
 }

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

 .copyright .center .texto {
     width: 100%;
 }

 .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: 22px;
         line-height: 20px;
         padding: 15px 40px;
     }
 }

 @media (max-width: 320px) {
     #faixa .faixa-menor .area-esquerda p {
         font-size: 18px;
         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; */
     background-color: rgba(00, 00, 00, 0.5) !important;
     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: 1px 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-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-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);
 }

 .redes-bottom {
     display: none;
 }

 @media (max-width: 1024px) {
     .redes-bottom {
         display: flex;
         /* width: 100%; */
         border-top: 2px solid #fff;
         margin-top: 10px;
         padding: 10px 0px;
     }

     .redes-bottom .bolinha-social {
         background-color: #d8a428 !important;
     }
 }

 @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: #ffffff;
     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;
     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.webp');
     font-weight: 600;
     text-align: center;
     line-height: 45px;
     font-size: 18px;
     color: #DE3E43;
     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: #DE3E43;
     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;
     }

     .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: 30px;
     z-index: 1;
 }

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

 #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;
 }

 @keyframes flutuar {
     from {
         transform: translate3d(0, 0, 0);
     }

     to {
         transform: translate3d(0, -10px, 0);
     }
 }

 #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;
     }

 } */

 #banner.pp .banner {
     margin-top: 320px;
 }

 #banner.pp .banner img.pp {
     height: 350px;
     width: 100%;
 }

 .topo .menu-area.pp {
     background-color: #000;
 }

 /* politica privacidade */
 #politica_privacidade {
     margin-top: 50px;
     display: flex;
 }

 #politica_privacidade .area-texto {
     height: 200px;
     /* margin-top: 150px; */
 }


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

     #politica_privacidade .area-texto {
         margin-top: 30px;
     }
 }

 footer.pp {
     position: absolute;
     width: 100%;
     bottom: 0;
 }

 @media(max-width:375px) {
     #politica_privacidade .titulo-esquerdo h1 {
         font-size: 20px;
     }
 }

 @media(max-width:320px) {
     footer.pp {
         bottom: -20px;
     }

     #politica_privacidade .texto-esquerdo {
         width: 230px;
     }

     #politica_privacidade .titulo-esquerdo {
         width: 80%;
     }

     #politica_privacidade .titulo-esquerdo h1 {
         text-align: center;
     }
 }


 /* ARTIGOS HOME  */
 #artigos {
     margin-bottom: 80px;
 }

 #artigos h1 {
     color: #1F2028;
 }

 #artigos .conteudo-cards {
     display: flex;
     flex-direction: row;
     margin: 20px 0;
     justify-content: center;
     gap: 20px;
 }

 #artigos .conteudo-cards a {
     width: 30%;
     background-color: #202129;
     border-radius: 5px;

 }

 #artigos .conteudo-cards .card {
     display: flex;
     /* align-items: center; */
     padding: 20px;
     box-sizing: border-box;
 }

 #artigos .conteudo-cards .card .area-icone {
     margin-right: 20px;
     height: 100%;
     margin-top: 10px;
 }

 #artigos .conteudo-cards .card .area-icone i {
     font-size: 3.75em;
     color: #ffffff;
 }

 #artigos .conteudo-cards .card .area-textos {
     width: 100%;
 }

 #artigos .conteudo-cards .card h3 {
     color: #d8a428;
 }

 #artigos .conteudo-cards .card p {
     color: #ffffff;
     font-size: 15px;
     font-family: 'Open Sans';
     font-weight: 400;
 }

 #artigos a.botao {
     background: #d8a428;
     border: 1px solid transparent;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 150px;
     height: 45px;
     font-size: 15px;
     color: #ffffff;
     border-radius: 4px;
     cursor: pointer;
     font-weight: 600;
     margin: auto;
     transition: 0.3s all;
     margin-top: 30px;
 }

 #artigos a.botao:hover {
     background-color: #202129;
     border: 1px solid #d8a428;
 }

 @media screen and (max-width:468px) {

     #artigos .conteudo-cards a {
         width: 100%;
     }

     #artigos .conteudo-cards {
         flex-direction: column;
     }

     #artigos .conteudo-cards .card {
         width: 100%;
         margin-bottom: 20px;
     }
 }

 #artigos.interno {
     margin-top: 200px;
 }

 #artigos.interno .conteudo-cards {
     gap: 0px;
     flex-wrap: wrap;
     gap: 30px;
 }

 @media (max-width: 1024px) {
     #artigos.interno {
         margin-top: 50px;
     }

 }