@font-face {
  font-family: 'Maiandra GD';
  src: local('Maiandra GD Demi Bold'), local('Maiandra GD'),
    url('../fonts/MaiandraGD-DemiBold.woff2') format('woff2'),
    url('../fonts/MaiandraGD-DemiBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Caveat';
  src: local('Caveat Bold'), url('../fonts/Caveat-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metrophobic';
  src: local('Metrophobic'), url('../fonts/Metrophobic.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Britti Sans Trial';
  src: local('Britti Sans Trial'),
    url('../fonts/BrittiSansTrial.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Light'), local('Inter'),
    url('../fonts/Inter-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Regular'), local('Inter'),
    url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter Bold'), url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body.nav-open {
  overflow: hidden;
}

.text-stroke-white {
  paint-order: stroke fill;
  -webkit-text-stroke: 6px #ffffff;
}

@media (min-width: 480px) {
  .text-stroke-white {
    -webkit-text-stroke: 8px #ffffff;
  }
}

@media (min-width: 768px) {
  .text-stroke-white {
    -webkit-text-stroke: 12px #ffffff;
  }
}

@keyframes hero-fade-in {
  from {
    opacity: 0;
    transform: translateY(0.75rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-text-fade-in {
  opacity: 0;
  animation: hero-fade-in 0.9s ease-out forwards;
}

.hero-text-fade-in--1 {
  animation-delay: 0.1s;
}

.hero-text-fade-in--2 {
  animation-delay: 0.35s;
}

.hero-text-fade-in--3 {
  animation-delay: 0.6s;
}

@keyframes logo-spin {
  to {
    transform: rotate(360deg);
  }
}

.logo-spin {
  animation: logo-spin 20s linear infinite;
}

.partners-swiper-pagination .swiper-pagination-bullet {
  background-color: #2d4628;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.partners-swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}


#hero-nav-list li a {
  padding: 12px 24px;
  background-color: var(--color-brand-green);
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero-nav-list li a:hover {
  background-color: var(--color-brand-green-hover);
  color: var(--color-brand-yellow);
}

#mobileNav a {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid rgb(255 255 255 / 0.15);
  color: #fff;
  font-family: 'Maiandra GD', Maiandra, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

#mobileNav a:hover {
  color: var(--color-brand-yellow);
}