.wb-page-desenvolvimento .menu2-mobile-fixed {

  position: fixed;

  z-index: 12;

  width: 100%;

  left: 0;

  transition: all 400ms ease;

}

.wb-page-desenvolvimento .navegacao-menu-2 {

  margin-top: 64px;

  height: 60px;

  background: #ffffff50;

  padding: 0!important;

}

.wb-page-desenvolvimento .navegacao-menu-2 .container-fluid {

  max-width: 1200px;

  display: flex;

  padding: 0px;

  flex-wrap: nowrap;

}



.wb-page-desenvolvimento div#navbarMenu2 {

  display: flex;

  float: right;

  justify-content: flex-end;

}



.wb-page-desenvolvimento div#navbarMenu2 ul.navbar-nav {

  display: flex;

  flex-direction: row;

  gap: 20px;

}

.wb-page-desenvolvimento div#navbarMenu2 ul.navbar-nav a {

    font-family: 'Fractul Regular';

    color: #FFF;

    font-size: 14px;

    padding: 10px;

}
.wb-page-desenvolvimento div#navbarMenu2 ul.navbar-nav a.color-two{
  color: #18013A;
}
.wb-page-desenvolvimento .nav-container.menu-fixo-active+.menu2-mobile-fixed div#navbarMenu2 ul.navbar-nav a:not(.active){

  color: #18013A;

}

.wb-page-desenvolvimento div#navbarMenu2 ul.navbar-nav a.active{

  color: #BF92DB;

}

.wb-page-desenvolvimento .navegacao-menu-2 a.navbar-brand {

  font-size: 30px;

  color: #18013A;

  font-family: 'Tomorrow', sans-serif;

  font-weight: bold;

  padding: 0;

  margin: 0;

}

.wb-page-desenvolvimento .navegacao-menu-2 button.navbar-toggler {

  display: none;

}

.wb-page-desenvolvimento .nav-container.menu-fixo-active+.menu2-mobile-fixed {

  margin-top: -20px;

  transition: all 400ms ease;

}

.wb-page-desenvolvimento .nav-container.menu-fixo-active+.menu2-mobile-fixed .navegacao-menu-2{

  background-color: #ffffffd1;

  backdrop-filter: blur(10px);



}

.wb-page-desenvolvimento .hidden-menu-active+.menu2-mobile-fixed{

  margin-top: -64px !important;

  transition: all 400ms ease;

}

.wb-page-desenvolvimento .nav-container.menu-fixo-active+.navegacao-menu-2 {

  margin-top: 64px;

  height: 60px;

  background: #004aad45;

}

.wb-page-desenvolvimento .menu2-mobile-fixed a.navbar-brand img {

  max-width: 140px;

  display: inline-flex;

  margin-right: 10px;

  opacity: 0;

  max-height: 55px;

  scale: 0;

  transition: opacity 400ms ease, transform 400ms ease;

  transform: translate(-140px, 0px) !important;

}



.wb-page-desenvolvimento .hidden-menu-active + .menu2-mobile-fixed a.navbar-brand img {

  opacity: 1 !important; /* torna o elemento visível */

  scale: 1 !important; /* retorna o elemento ao tamanho normal */

  transition: opacity 400ms ease, transform 400ms ease;

  transform: translate(0px, 0px) !important; /* anima tanto a opacidade quanto a transformação */

}

.wb-page-desenvolvimento .menu2-mobile-fixed .navegacao-menu-2 a.navbar-brand span {

  transform: translate(-65px, -50%) !important;

  transition: opacity 400ms ease, transform 400ms ease;

  position: absolute;

  top: 50%;

}

.wb-page-desenvolvimento .hidden-menu-active + .menu2-mobile-fixed .navegacao-menu-2 a.navbar-brand span{

  transition: opacity 400ms ease, transform 400ms ease;

  transform: translate(0px, -50%) !important;

}
.wb-page-desenvolvimento .menu2-mobile-fixed .navegacao-menu-2 a.navbar-brand span.menu-bg-civic{
  background: #ff8b00;
  transform: translate(0, -50%) !important;
  color: white;
  padding: 0 10px;
  letter-spacing: 10px;
}

@media (max-width: 992px) {

  

.wb-page-desenvolvimento .navbarMenu2-desktop {

  display: none !important;

}



.wb-page-desenvolvimento .navegacao-menu-2 .container-fluid {

  max-width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100%;

padding: 0px 32px !important;

}



.wb-page-desenvolvimento nav.navbar.navbar-light.navegacao-menu-2 {

  display: flex;

  padding: 0;

  box-sizing: border-box;

}



.wb-page-desenvolvimento .bg-navbar-menu2 {

  background: white;

  padding: 20px 0px;

  display: flex;

  width: 100%;

  height: 100vh;

}



.wb-page-desenvolvimento .bg-navbar-menu2 li.nav-item {

  padding: 0px 32px;

}



.wb-page-desenvolvimento .bg-navbar-menu2 li.nav-item a {

  padding: 16px 0px;

  border-bottom: 1px solid #efdaff;

  color: #18013a;

  width: 100%;

}

.wb-page-desenvolvimento .bg-navbar-menu2 li.nav-item a.active{

  color: #BF92DB;

}

.wb-page-desenvolvimento .navegacao-menu-2 button.navbar-toggler img {

  transform: rotate(270deg) !important;

}



.wb-page-desenvolvimento .navegacao-menu-2 button.navbar-toggler.active img {

  transform: rotate(90deg) !important;

}



.wb-page-desenvolvimento div#navbarMenu2 ul.navbar-nav {

  flex-direction: column;

}



.wb-page-desenvolvimento .navegacao-menu-2 button.navbar-toggler {

  border: unset;

  box-shadow: none;

  display: flex !important;

  align-items: center;

  gap: 10px;

}



.wb-page-desenvolvimento .bg-navbar-menu2 .navbar-nav {

  width: 100%;

}



.wb-page-desenvolvimento #navbarMenu2Mobile.show {

  display: block !important;

}



.wb-page-desenvolvimento div#navbarMenu2Mobile {

  display: flex;

  float: right;

  width: 100%;

  z-index: 10;

  overflow: hidden;

  transition: max-height 1s ease-in-out;

  max-height: 0;

}



.wb-page-desenvolvimento div#navbarMenu2Mobile.show {

  max-height: 100vh;

  overflow: auto;

}



.wb-page-desenvolvimento .menu2-mobile-fixed {

  position: fixed;

  z-index: 12;

  width: 100%;

}

.wb-page-desenvolvimento .menu2-mobile-fixed .navegacao-menu-2 a.navbar-brand span {

  transform: translate(-67px, -50%) !important;

}

.wb-page-desenvolvimento .hidden-menu-active + .menu2-mobile-fixed .navegacao-menu-2 a.navbar-brand span {

  transform: translate(0px, -50%) !important;

}

.lootiefile-menu-active{

  left: 5px;

  opacity: 0;

  transition: opacity 1s ease-in-out;

  position: absolute !important;

}

.collapse.navbarMenu2-mobile.show .lootiefile-menu-active {

  left: 5px;

  opacity: 1;

  transition: opacity 1s ease-in-out;

}

}

@media (max-width: 570px) {

.wb-page-desenvolvimento .menu2-mobile-fixed .navegacao-menu-2 a.navbar-brand span {

  font-size: 20px;

}

}