.hero-section {
    height: calc(100vh - 105px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.hero-section.hidden {
  opacity: 0;
  pointer-events: none;
}