@charset "UTF-8";


/* Importação de Fontes */
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100;200;300;400;500;600;700;800&display=swap');

/* Comfiguração Gerias */
* {margin: 0;padding: 0;box-sizing: border-box;list-style: none;text-decoration: none;font: normal 1em 'arial';}
html {scroll-behavior: smooth;}
a {color: #6f6f6f;}
img{max-width: 100%;object-fit: scale-down;}
main > section{padding: 75px 10px;}

/* variáveis do site */
:root{

    /* Sombras */
    --sombras: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);

    /* Botão Hover */
    --botão-hover: #353131;
    
    /* Fonte dos links */
    --links-font: normal 500 1.1rem 'Arial';
    
    /* Cor dos links */
    --links-font-color: #403c3c;

    /* Cor do cabeçalho */
    --header-color: #403c3c;

    /* Cor do hover nos itens do menu */
    --hover-itensMenu: #CCA63E;

    /* Cor do rodapé  */
    --footer-color: #E8E8E8;

    /* Cor das fontes do rodapé */
    --footer-font-color: #fff;

    /* Cor da seção copyright */
    --copyright-color: #E8E8E8;

    /* Cor do fundo menu mobile */
    --menuMobile-color: #696969;
}


/*Fonts*/
.font1 {font-family: Inter;font-size: 1.3rem;font-style: normal;font-weight: 400;line-height: 1.9rem;margin: 0 0 30px 0;text-align: justify;list-style: disc;}
.font2 {color: #000;text-align: center;font-family: Inter;font-size: 35px;font-style: normal;font-weight: 200;line-height: normal;}
.font3{color: #000;font-family: Inter;font-size: 1.3rem;font-style: normal;font-weight: 400;line-height: 2.5rem;text-align: justify;}
.font4 {color: #000;font-family: Inter;font-size: 2rem;font-style: normal;font-weight: 600;line-height: normal;}
.font5 {color: #000;text-align: center;font-family: Inter;font-size: 1.8rem;font-style: normal;font-weight: 600;margin: 20px 0 10px;}
.font6{color: #000; font-family: Inter; font-size: 15px; font-style: normal; font-weight: 400; line-height: 30px; text-align: start; padding: 0 10px 0 10px;}
.font7{color: #2B3C55; text-align: center; font-family: Inter; font-size: 25px; font-style: normal; font-weight: 600; line-height: normal; margin: 25px 0;}
.font8{color: #545454;font-family: Istok Web; font-size: 40px; font-style: normal; font-weight: 700;letter-spacing: 0.8px;}
.font9{color: #000;font-family: Inter;font-size: 0.9375rem;font-style: normal;font-weight: 400;line-height: 1.875rem;}
.font10{color: #545454;font-family: Istok Web; font-size: 3.5rem; font-style: normal; font-weight: 700; line-height: 75px;letter-spacing: 1.8px; margin-bottom: -50px;}
.font11{color: #545454;font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-style: normal;position: relative;font-weight: 500;line-height: 35px;letter-spacing: -0.4px;padding: 0 0 50px;}
.font12{color: #6d6d6d;font-family: Inter;font-size: 1.6875rem;font-style: normal;font-weight: 600;line-height: 2rem;letter-spacing: 0.50625rem;}
.font13{color: #000; text-align: center; font-family: Inter; font-size: 35px; font-style: normal; font-weight: 200; line-height: normal; text-align: start; margin: 30px 0;}
.font14{color: #000; font-family: Inter; font-size: 1.3rem; font-style: normal; font-weight: 400; line-height: 3.5rem;}
.font15{color: #000; text-align: center; font-family: Inter; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; padding: 10px 0;}
.font16{color: #2B3C55;text-align: center;font-family: Inter;font-size: 47px;font-style: normal;font-weight: 500;line-height: normal;padding: 12px 0 0 0;}
.font17{color: #222337;text-align: center;font-family: Inter;font-size: 22px;font-style: normal;font-weight: 200;line-height: normal;padding: 20px 0;}
.font18{color: #545454;font-family: Inter;font-size: 3rem;font-style: normal;font-weight: 600;line-height: normal;min-width: 210px;padding: 40px 0px;}
.font19{color: #000;font-family: Inter;font-size: 20px;font-style: normal;font-weight: 300;line-height: normal;}
.font20{color: #545454;font-family: Inter;font-size: 1.1rem;font-style: normal;font-weight: 700;line-height: normal;}
.font21{color: #000;font-family: Inter;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.4rem;}
.font22{color: #CCA63E; text-align: center; font-family: Inter; font-size: 35px; font-style: normal; font-weight: 600; line-height: normal; margin: -20px 0 25px 0;}
.font23{color: #d9d9d9; text-align: center; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; margin: 25px 0;}

.mgt-50{margin: 50px auto;}

/*Configuração elementos*/
#bunner-inicial .button {display: flex;color: white;background-color: rgb(0, 0, 0);border-radius: 10px;border: none;padding: 15px 30px;font: normal bold 1em 'arial';transition: background-color .5s; margin: 20% 0 0 0;}

.button {display: inline-flex; color: white; background-color: #CCA63E;border: none; padding: 15px 15px; transition: background-color .5s; font-family: Inter; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal;}

.button:hover {background-color: var(--botão-hover);}
.link{font: var(--links-font);color: var(--links-font);}

/* Icon do whatsapp */
#whatsapp-fixed img {z-index: 1;position: fixed;right: 0;bottom: 0;margin: 25px;padding: 5px;border-radius: 40%;background-color: #00e676;}

/*Body*/
main {width: 100%;position: relative;}

/* Cabeçalho*/
#Header {width: 100%;height: auto;position: relative;font: normal bold 1.15em 'arial';background-color: #00000000;z-index: 1;}
#Header-container { padding: 30px 10px; display: flex; justify-content: space-between; align-items: center;}
#Menu-header {display: flex;flex-wrap: wrap;}
nav a button {padding: 5px;}
nav a {margin: 0 20px;}
nav a:hover {color: var(--hover-itensMenu);}

ul.circulos {padding: 0 25px;}

/*Banner*/
#Banner-Main .button {width: 150px;height: 50px;display: block;margin: 32px 17px;}
.bunners{position: relative;z-index: 0;width: 100%;height: 83vh;display: flex;color: white;background-color: rgba(0, 0, 0, 0.59);background-repeat: no-repeat;background-size: cover;background-position: right;}
.bunner-inicial {padding: 115px 0;position: relative;z-index: 0;width: 100%;min-height: 80vh;display: flex;color: white;background-color: rgb(255, 255, 255);background-repeat: no-repeat;background-size: cover;background-position: left bottom;background-image: url(../img/banner\ main.webp);justify-content: space-around;align-items: center;margin: 0 0 -150px 0;}
#Banner-titulo {position: relative;padding: 0px 25px ;margin: 0 auto 0 auto;}
#Banner-titulo img{width: 200px;}
#tituloBunner{display: block;text-align: initial;margin: 0 0 30px 0;}
#tituloBunner p span{font-weight: 800;}
#Banner-titulo p.font1 {font: normal 500 2.7rem 'Arial';}
#Banner-titulo h1.subtitulo {margin: 0 0 0 209px;}
#description-button{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
#description-button p{width: 300px;text-align: initial;margin: 20px 30px 0px;font-size: .9rem;}
.bunner-main{padding: 0;z-index: 1;display: block;width: 100%;min-height: 80vh;background-repeat: no-repeat;background-size: cover;}
.txtBunner2{max-width: 500px;text-align: initial;color: #545454;font-family: Inter;font-size: 30px;font-style: normal;font-weight: 600;line-height: 50px;letter-spacing: 0.6px;}
.buttonBanner{color: #E8E8E8;background: #19b132;padding: 15px;font-size: 1.5rem;display: inline-flex;align-items: center;gap: 15px;}



/* dropdown itens serviços*/
.dropdown {position: relative;}
.dropdown-content {display: flex;position: absolute;white-space: nowrap;flex-direction: column;align-items: flex-start;gap: 40px;padding: 25px 0;}
.dropdown-content li {padding: 10px;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-content .barraHeader {display: block;}


.barraHeader{background-color: #1b1a1a;padding: 10px;margin: -5px 0;display: none;max-width: max-content;}
.barraHeader:hover{background-color: #CCA63E;color: #000;}

#hd-IMERSÃO{padding: 10px 60px 10px 10px;}
#hd-MENTORIA{padding: 10px 80px 10px 10px;}
#hd-AÇÃO{padding: 10px 50px 10px 10px;}
#hd-TREINAMENTOS{padding: 10px 70px 10px 10px;}
#hd-PESSOAL{padding: 10px 30px 10px 10px;}
#hd-COACHING{padding: 10px 60px 10px 10px;}
#hd-COMPORTAMENTAL{padding: 10px 10px 10px 10px;}


#bunners-Conteudo{margin: 50px 0;background-position: top;}

/* Página Home */
#Banner-Main {width: 100%;height: 90vh;display: block;position: relative;padding: 70px 0 0 0px;color: #ffffff; background-size: cover;background-repeat: no-repeat;}
#Bunner-MainMain{z-index: 0;top: -170px;position: relative;}

/* Página Serviços */

/* Configuração geral do scroll */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #D9D9D9; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #545454; 
    border-radius: 0px; /* Pontas retas */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #CCA63E; 
}


/*Bunner*/
#Agenda p a {color: #D9D9D9;font-size: 16px;}
#Agenda ul {overflow-y: hidden;justify-content: flex-start;display: flex;overflow-x: auto;}
#Agenda ul > li{margin: 25px;background-color: #d9d9d9;padding: 25px 50px;box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);}
#Agenda ul > li .Evento{background-color: #353131;}
#Serviços ul {justify-content: space-evenly;display: flex;flex-wrap: wrap;}
#Serviços ul > li{margin: 25px;background-color: #d9d9d9;padding: 25px 50px;box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);}
.ServiçosBox {position: relative;width: 230px;height: 280px;margin: 25px 0;text-align: center;}
.ServiçosBox p {margin: 25px 0;}
.ServiçosBox button {position: absolute;bottom: 0;}
/*Lista de Serviço*/
#itens-serviços ul{display: flex;justify-content: initial;overflow: auto;gap: 15px;}
.item article{padding: 0px 35px 15px 35px;}
.item article a{display: block;color: #000;}
.scroll::-webkit-scrollbar{display: none;}

.tms-serviços{background-image: url(../img/Group\ 3.webp);min-height: 100vh;background-repeat: no-repeat;background-position: center;}

/* Página Sobre */

/*Bunner*/
main > section#Bunner-MainSobre {background-position: top;}

.Metas-container{margin: 75px auto;}   
#Texto-Foto{display: flex;justify-content: space-around;flex-wrap: wrap;padding: 50px 0;align-items: flex-end;gap: 20px;}
#Texto-Foto div{max-width: 565px;text-align: start;}
#SobreNos img {margin: 25px 0 ;}
#SobreNos1 .button{width: max-content; display: inline-block; margin: 40px auto 20px auto; border-radius: 2px; background-color: #2B3C55; font-size: 20px;}
#SobreNos2 .button{width: max-content; display: inline-block; margin: 40px auto 20px auto; border-radius: 2px; margin-top: 107px; background-color: #2B3C55; font-size: 20px;}

#Sobreandre{display: block;margin: auto;}

#SobreNos2 .button:hover, #SobreNos1 .button:hover{background-color: #545454;} 

#SobreNos3{display: flex;justify-content: center; align-items: center; } 

.button-cont{width: max-content;display: inline-block;border-radius: 2px;background-color: #2B3C55;padding: 10px 20px; color: white;text-decoration: none;font-size: 20px;margin: 60px auto;}
#SobreNos .font4{text-align: start;}




/* Página expisição */
#album-fotos{display: grid;gap: 25px 25px;grid-template-columns: auto auto auto;}
#album-fotos li{display: block;width: 400px;height: 350px;background-color: #CCA63E;}

section#SobreNos2 {margin: -250px 0 0 0;}

/* Página Contato */

/*Bunner*/
main > section#Bunner-MainContato {background-position: center;}

.listaDropdown{display: flex;gap: 55px;flex-direction: column;padding: 55px 10px;}

.item-Contato{width: 300px;min-height: 350px;box-shadow: var(--sombras);padding: 10px;margin: 25px;background: #d9d9d9;}
.item-Contato a, #formasContatos a{color: black;}
#map iframe{box-shadow: var(--sombras); max-width: 100%;}
#mapa-itens{display: flex;margin: 150px 0 ;justify-content: space-around;flex-wrap: wrap-reverse;}
#formasContatos li{display: block;color: black;margin: 50px;align-items: center;}
#formasContatos .button{color: white;}
.contato-Itens { display: flex; justify-content: space-evenly; text-align: center; flex-wrap: wrap; }
.contato { background-image: url(../img/background.webp); background-size: cover; background-repeat: no-repeat; background-position: center center;position: relative;padding: 25px 0;}

#contatoItens {display: flex;justify-content: space-evenly;text-align: center;flex-wrap: wrap;column-gap: 10px;row-gap: 60px;margin: 100px 0 40px 0;}

.itemContato{background-color: #fff;box-shadow: 1px 20px 50px -12px rgb(0 0 0 / 19%);border-radius: 50%;padding: 40px 40px;margin: 25px;display: flex;align-items: center;justify-content: center;transition: scale .5s;}

.itemContato:hover{scale: 1.1;}


#depoimentos-itens{display: flex;justify-content: space-evenly;text-align: center;flex-wrap: wrap; margin-top: 120px; margin-left: 200px; margin-right: 200px;}
#mapa-itens .font2{margin: 0;}

.texto-faixa{ color: #A47E17;text-align: center;font-family: Inter;font-size: 30px;font-style: normal;font-weight: 600;line-height: normal;text-align: left;}
.texto-faixa .container{gap: 25px;justify-content: space-between;}

.AllServiços ul{display: flex;justify-content: space-evenly;align-items: flex-end;padding: 75px 0 0;}
.AllServiços ul li{background-color: #353131;display: block;cursor: pointer;}
.AllServiços ul li a{transform: rotate(270deg);display: inherit;}

#IMERSÕES{height: 330px;width: 115px}
#MENTORIA{height: 360px;width: 115px}
#VERIFICAR{height: 390px;width: 115px}
#TREINAMENTOS{height: 420px;width: 115px}
#MARKETING{height: 450px;width: 115px}
#CICLO{height: 480px;width: 115px}
#ANÁLISE{height: 510px;width: 115px}

#IMERSÕES a{position: relative;top: 200px;display: block;}
#MENTORIA a{position: relative;top: 230px;display: block;}
#VERIFICAR a{position: relative;top: 260px;display: block;}
#TREINAMENTOS a{position: relative;top: 290px;display: block;}
#MARKETING a{position: relative;top: 305px;display: block;}
#CICLO a{position: relative;top: 320px;display: block;}
#ANÁLISE a{position: relative;top: 350px;display: block;}

#IMERSÕES:hover{background-color: #CCA63E;color: black;}
#MENTORIA:hover{background-color: #CCA63E;color: black;}
#VERIFICAR:hover{background-color: #CCA63E;color: black;}
#TREINAMENTOS:hover{background-color: #CCA63E;color: black;}
#MARKETING:hover{background-color: #CCA63E;color: black;}
#CICLO:hover{background-color: #CCA63E;color: black;}
#ANÁLISE:hover{background-color: #CCA63E;color: black;}

#IMERSÕES a:hover{background-color: #CCA63E;color: black;}
#MENTORIA a:hover{background-color: #CCA63E;color: black;}
#VERIFICAR a:hover{background-color: #CCA63E;color: black;}
#TREINAMENTOS a:hover{background-color: #CCA63E;color: black;}
#MARKETING a:hover{background-color: #CCA63E;color: black;}
#CICLO a:hover{background-color: #CCA63E;color: black;}
#ANÁLISE a:hover{background-color: #CCA63E;color: black;}

/* Footer */
footer {position: relative;width: 100%;background-color: var(--footer-color);color: var(--footer-font-color);}
#listas-footer{width: 100%;display: flex;justify-content: space-around;position: relative;gap: 50px;align-content: center;flex-wrap: nowrap;align-items: flex-start;}
#Logo-footer{display: block;justify-content: space-around;}
#logoFooter{margin: 20px 0;}
#Logo-footer article{max-width: 300px;}
#listas-footer li{line-height: 2.2rem;}
.titulo_footer {padding: 15px;}
footer > section {width: 100%;height: auto;background-color: var(--copyright-color);position: relative;bottom: 0;padding: 25px;text-align: center;}
footer > section p {color: #000;}

.sobre-footer {background-image: url(./assets/img/group29.webp);background-size: cover;background-position: center;background-attachment: fixed;position: relative;min-height: 100vh;margin: 0 auto -90px auto;max-width: 1160px;}

::selection {background-color: #e2bf60;color: #353131; }

#lista-contato ul{display: flex; justify-content: center; align-items: center; list-style: none; padding: 0;gap: 30px;}

.menuNone{display: none;}
.serviçosNone{display: block;}

.faixa-text {height: 0;overflow: hidden;opacity: 0;transition: height 0.5s ease, opacity 0.5s ease;}
.faixa-contato .right-content img {transition: transform 0.3s ease;cursor: pointer;}

.animate-fade-in {height: auto;opacity: 1;}

@keyframes fadeIn {
    from {opacity: 0;transform: translateY(20px);}
    to {opacity: 1;transform: translateY(0);}
}

@keyframes fadeOut {
    from {opacity: 1;transform: translateY(0);}
    to {opacity: 0;transform: translateY(20px);}
}

.barraAnima {text-decoration: none; position: relative;}

.align-center{text-align: center;}

.barraAnima::after {content: ""; display: block; position: absolute;width: 100%; height: 2px; background-color: #CCA63E; bottom: -5px;; left: 0; transform: scaleX(0); transition: transform 0.3s ease; }

.barraAnima:hover::after {transform: scaleX(1);}

.faixa-contato {background-color: #f0f0f0; padding: 20px; box-shadow: 0px 8px 24px 0px rgba(140, 149, 159, 0.2); width: 100%;}

.faixa-content {display: flex;flex-direction: row;align-items: center; justify-content: space-between;}

.left-content {flex: 1; padding-right: 20px; }
.right-content {flex: 0;display: contents;}
.faixa-text {margin-top: 20px;}

.textNone{display: none;}

#grid-footer{padding: 70px 30px 90px;}

.link {text-decoration: none;display: inline-block;position: relative;}

.borda-inferior {padding: 10px;}



.text-marc {color: #CCA63E;font-family: Anek Latin;font-size: 30px;font-style: normal;font-weight: 600;line-height: 125px;letter-spacing: 0.6px;transition: background-color .5s;text-decoration: none;position: relative;}

.text-marc:hover::after {content: "";display: block;width: 100%;height: 2px;background-color: #CCA63E;position: absolute;bottom: 0;left: 0;
}

strong{font-weight: 700; color: #2B3C55;}

.painel-footer{margin: 0 0 0 -80px; max-width: 3000px; width: 2278px; height: 300px;}
#Momento{text-align: center;padding: 55px 10px;}

.frase-mot{color: #545454;font-family: Inter;font-size: 30px;font-style: normal;font-weight: 600;line-height: 50px;letter-spacing: 0.6px;max-width: 642px;text-align: center;left: 172px;position: relative;}
.contato {  position: relative;padding: 25px 0;}
.container {max-width: 1200px;margin: auto;position: relative;}
#depoimentos {position: relative;}
/*Imagens*/
.imagem-redonda{width: 170px;position: relative;left: -110px;top: 50px;}

#itens-feedback ul{display: flex;overflow: auto;gap: 60px;margin: 60px auto;}
#itens-feedback ul .item{min-width: 370px;max-width: 300px;min-height: 119px;box-shadow: 0px 8px 24px 0px rgba(140, 149, 159, 0.2);border-radius: 5px;text-align: center;background: #eeeae8;}
#itens-feedback ul .item img{height: 100px; width: 100px; border-radius: 50%; margin: 10px 0 0;}
#itens-feedback ul.avaliação{display: flex;flex-direction: row;gap: 0;margin: 10px 0;width: 100%;justify-content: center;margin: 10px 0;}
#itens-feedback ul.avaliação img{margin: 0;width: 100%;height: inherit;}

#itens-feedback article h4 {font-weight: 700;display: block; margin: 0;}

#itens-feedback .button2 {margin: 50px auto; display: inline-block;border: none;}

/*Paragrafos*/
.paragrafo-espacamento{margin-top: 40px}

.paragrafo-texto{color: #000; font-family: Inter; font-size: 21px; font-style: normal; font-weight: 400; line-height: 40px; /* 190.476% */}

/*linhas e circulos*/
.linha1{height: 8px; margin: 20px 0; background: #CCA63E; width: 120px;}
.linha2{height: 8px; margin: 20px 0; background: #CCA63E; width: 189px;}

.centralizar-linha{display: flex; justify-content: center; align-items: center; margin-right: 25px;}



/* Responsividade para celular */
#Menu-mobile,#btn-mobile {display: none;}
header > nav > input {display: none;}

@media (max-width: 1199px) {
    
}


@media (max-width: 1000px) {
    .menuNone{display: block;}
    #btn-mobile{display: block;margin: 0 30px 0 0;cursor: pointer;}
    .dropdown:hover .dropdown-content {display: none;}
    #Menu-header {display: none;}
    #Menu-header li{display: block;}
    #nav.active #Menu-header {display: flex;position: fixed;z-index: -10;top: 0px;left: 0;width: 100%;background-color: #000000f0;padding: 145px 25px 25px 25px;line-height: 100vh;flex-direction: column;max-height: 100%;min-height: 100vh;flex-wrap: nowrap;overflow-y: auto;}
    
    
    .font5 {font-size: 1.2rem;}
    
    .font4 {font-size: 1.8rem;margin: 25px 0;text-align: initial;}
    
    #bunner-inicial .button {font-size: 22px; display: flex; justify-content: center; align-items: center;}

    .bunner-inicial {flex-direction: column-reverse;}
    
    .faixa-contato{ display: flex; flex-wrap: wrap; justify-content: center;}
    
    .button{font-size: 20px;}
    
    .texto-faixa{text-align: justify; font-size: 20px;}
    
    .txtBunner2 {margin: -50px 20px;}
    
    .tms-serviços{background-size: 21rem;}
    
    .imagem-bunner-principal{transform: scale(0.7);}
    
    .serviçosNone{display: none !important;}
}


/* Tela até 950px */
@media (max-width: 955px) {

    .AllServiços ul{align-items: flex-start;flex-direction: column;gap: 25px;}
    .AllServiços ul li{background-color: #353131;display: flex;align-items: center;}
    .AllServiços ul li a{display: inherit;}

    #IMERSÕES{width: 30%;height: 75px; min-width: max-content;}
    #MENTORIA{width: 40%;height: 75px; min-width: max-content;}
    #VERIFICAR{width: 50%;height: 75px; min-width: max-content;}
    #TREINAMENTOS{width: 60%;height: 75px; min-width: max-content;}
    #MARKETING{width: 70%;height: 75px; min-width: max-content;}
    #CICLO{width: 80%;height: 75px; min-width: max-content;}
    #ANÁLISE{width: 100%;height: 75px; min-width: max-content;}

    #IMERSÕES a{top: 0;transform: rotate(0);margin: 0 0 0 10px;}
    #MENTORIA a{top: 0;transform: rotate(0);margin: 0 20px 0 10px;}
    #VERIFICAR a{top: 0;transform: rotate(0);margin: 0 40px 0 10px;}
    #TREINAMENTOS a{top: 0;transform: rotate(0);margin: 0 0 0 10px;}
    #MARKETING a{top: 0;transform: rotate(0);margin: 0 35px 0 10px;}
    #CICLO a{top: 0;transform: rotate(0);margin: 0 0 0 10px;}
    #ANÁLISE a{top: 0;transform: rotate(0);margin: 0 0 0 10px;}
    .font12{font-size: 1rem;}
}

/* Tela até 920px */
@media (max-width: 930px) {
    #listas-footer{display: block;}
    #Logo-footer{display: flex;flex-wrap: wrap;}
    #Menu-header a{margin: 30px 0;color: #f5f5f5;}
    #Menu-header a:hover{color: #CCA63E;}
    .tms-serviços{background-size: 5rem;}
    .font8{margin: 21% 0 0;line-height: 50px;}
    .font10{font-size: 3.5rem;line-height: 60px;margin: 50px 0 -40px 0;}

}

@media (max-width: 500px)  {
    #IMERSÕES a{margin: 0 60px 0 10px !important;}
    #MENTORIA a{margin: 0 90px 0 10px !important;}
    #VERIFICAR a{margin: 0 50px 0 10px !important;}
    #TREINAMENTOS a{margin: 0 60px 0 10px !important;}
    #MARKETING a{margin: 0 140px 0 10px !important;}
    #CICLO a{margin: 0 30px 0 10px !important;}
    #ANÁLISE a{margin: 0 0 0 10px !important;}
}

@media (max-width: 320px) {
    .bunner-inicial{min-height: 160vh;}
}