body {
  font-family: 'Poppins', sans-serif;
}

html {
  scroll-behavior: smooth;
}

.footer-link {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.footer-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: white;
  transition: width 0.3s ease;
}

.footer-link:hover::after {
  width: 100%;
}




@media (max-width: 900px) {
      .custom-hide {
        display: none !important;
      }
      .custom-show {
        display: flex !important;
      }
    }
    @media (min-width: 901px) {
      .custom-show {
        display: none !important;
      }
    }

@media (max-width: 950px) {
    #hero-title {
      font-size: 2.4rem !important;
    }

    #hero-subtitle {
      font-size: 0.9rem !important;
    }
  }