.footer-menu-icon svg path {
	fill: #333333;
}

.after-append-footer {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  pointer-events: none;
}

.after-append-footer.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


:root {
  --custom-vh: 100vh;
}

.hero-section .hero-photo {
  height: var(--custom-vh);
}