@font-face {
  font-family: "Montserrat-Regular";
  src: url("/assets/fonts/Montserrat-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "BrunoAce-Regular";
  src: url("/assets/fonts/BrunoAce-Regular.ttf");
  font-display: swap;
}
body{
  font-family: 'Montserrat-Regular';
  overflow-x: hidden;
}
.font-bruno-ace{
  font-family: 'BrunoAce-Regular';
}

#mob-navs {
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  transition: all 0.5s ease-in-out 0s;
  position: fixed; /* Use fixed to ensure it covers the screen even when scrolling */
}

#mob_solutions , #mob_industry , #mob_technology{
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 0;
  width:0 ;
  transform: translateX(100%);
}
#mob_solutions.show , #mob_industry.show , #mob_technology.show{
  opacity: 0;
  opacity: 1;
  width: 100%;
  transform: translateX(0%);
}

#mob_main_lists {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  width: fit-content;
  transform: translateX(0%);
}

#mob_main_lists.hide {
  opacity: 0;
  width:0 ;
  transform: translateX(-100%);
}



#dropdowns{
  transition: 0.5s;
}