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

@media (max-width: 1024px) {
  #main-nav a {
    padding: 0.25rem 0.5rem;
    font-size: 0.9rem;
  }
}

@media (max-width: 820px) {
  #main-nav a {
    padding: 0.2rem 0.4rem;
    font-size: 0.8rem;
  }
}


.hover-underline {
  position: relative;
  display: inline-block;
}

.hover-underline::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #459DC8;
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-out;
}

.hover-underline:hover::after {
  transform: scaleX(1);
}

.mask-bg {
  width: 100%;
  height: 250px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#000000),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

.hero-wp {
  background: url('../images/mainwp.png') no-repeat center center/cover;
}

.splide__slide {
  min-width: auto !important;
}