.navbar {
  margin-top: 10px;
  height: 80px;
}

.navbar-bg {
  background-color: transparent !important;
}

.navbar-bg:after {
  content: "";
  position: absolute;
  background-color: transparent !important;
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

.bg-mobile {
  background-image: url(../image/bg-mobile.png);
  background-size: cover;
  height: 90px;
  margin-top: -10px;
}

.bg-footer-mobile {
  background-image: url(../image/mobile/bg-footer.png);
  background-size: cover;
  height: 110px;
  margin-top: -40px;
}

.hero-mobile {
  margin-top: -40px;
}

.bg-about-mobile {
  margin-top: 0px;
  height: auto;
  background-color: var(--color1);
}

.bg-pillars-mobile {
  margin-top: -1px;
  height: auto;
  background-color: var(--alter1);
}

.bg-section-blue {
  height: 200px;
  background-color: #e3eaf0;
}

.bg-interest-mobile {
  margin-top: 50px;
  height: auto;
  background-color: var(--color1);
}

.bg-app-mobile {
  margin-top: 230px;
  height: 180px;
  background-color: var(--color1);
}