.cursor-pointer {
  cursor: pointer; }

.max-logo {
  max-width: 750px; }

.hi-ki-bg {
  background: linear-gradient(to right, #070E23 0%, #08132A 50%, #070E23 100%); }

.ioo-bg-blue {
  background-color: #1b1464; }

.ioo-bg-dark-blue {
  background-color: #060F25; }

.ioo-bg-pink {
  background-color: #e2aed3 !important; }

.ioo-bg-grey {
  background-color: #ebeaf2; }

.ioo-bg-special {
  background-color: #8C8BAF; }

.ioo-bg-medium-blue {
  background-color: #5252CC; }

.ioo-bg-light-blue {
  background-color: #99BBFF; }

.ioo-bg-middle-pink {
  background-color: #B404AE; }

.ioo-bg-dark-pink {
  background-color: #993D78; }

.ioo-text-blue {
  color: #1b1464 !important; }

.ioo-text-pink {
  color: #e2aed3; }

.ioo-text-middle-pink {
  color: #B404AE; }

.ioo-text-grey {
  color: #ebeaf2; }

.ioo-text-special {
  color: #8C8BAF; }

.ioo-text-s {
  color: #f2d024; }

.ioo-text-f {
  color: #62d982; }

.ioo-text-t {
  color: #adc7d9; }

.ioo-text-n {
  color: #bfad99; }

.ioo-bg-s {
  background-color: #f2d024; }

.ioo-bg-f {
  background-color: #62d982; }

.ioo-bg-t {
  background-color: #adc7d9; }

.ioo-bg-n {
  background-color: #bfad99; }

.dinpro {
  font-family: "DIN Pro"; }

.bdm {
  font-family: "become_displaymedium"; }

.left-100 {
  left: 100vw; }

.start-200 {
  left: 200vw; }

.left-m100 {
  left: -100vw; }

.top-m100 {
  top: -100vh; }

.top-100 {
  top: 100vh; }

.scroll-wrapper {
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

.main-wrapper {
  position: relative;
  width: 300vw;
  height: 200vh; }

.page-wrapper {
  position: absolute;
  width: 100vw;
  height: 100vh; }

.home-position {
  top: 0;
  left: 100vw; }

.products-position {
  top: 0;
  left: 200vw; }

.solutions-position {
  top: 0;
  left: 0; }

.culture-position {
  top: 100vh;
  left: 50vw; }

.aboutus-position {
  top: 100vh;
  left: 150vw; }

.pic-products {
  width: 40%;
  float: left;
  margin: 1em 1em 1em 0; }

.pic-solutions {
  width: 40%;
  float: right;
  margin: 1em 0 1em 1em; }

a {
  color: #B404AE; }

@media (max-width: 767px) {
  .mobile-text {
    font-size: var(--bs-font-size-sm) !important; }
  .mobile-width {
    width: 100% !important; }
  .mobile-logo {
    width: 75% !important; } }