#navScroll {
  background-color: transparent !important;
  /* Remove transition to stop animation */
  transition: none !important;
}
.hero-bg {
  background: url("../img/webp/hero-image.webp") center center / cover no-repeat;
  position: relative;
  min-height: 100vh;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.hero-bg .hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 8, 20, 0.8);
  z-index: 1;
}

.hero-bg > .container {
  position: relative;
  z-index: 2;
}

header,
h1 {
  color: #ffd60a !important;
}

p.lead:nth-child(2) {
  padding: 1rem 0;
}

.bg-black {
  background-color: #000814 !important;
}

.btn-light {
  --bs-btn-bg: #ffd60a;
  --bs-btn-color: #000814;
}

.btn:hover {
  background-color: #ffc300;
}

#navScroll > div:nth-child(1) > a:nth-child(1) > span:nth-child(2) {
  color: #ffd60a !important;
}

.text-secondary {
  color: #dee2e6 !important;
}

.col-lg-5 > a:nth-child(1) > span:nth-child(2) {
  color: #ffd60a !important;
}

div.py-vh-4:nth-child(1) {
  padding-top: 5vh;
  padding-bottom: 0;
}

.card-img-top-wrapper {
  width: 100%;
  /* height: 500px; */
  overflow: hidden;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  background: #181818;
}

.card-img-top-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.waitlist-form {
  padding-top: 3rem;
}

.waitlist-button {
  padding-top: 3em;
  padding-bottom: 2em;
}

.hidden {
  display: none !important;
  /* padding-top: 2em; */
}

/* Social Media Icons */
.social-icon {
  transition: all 0.3s ease;
  font-size: 1.2rem;
}

.social-icon:hover {
  transform: translateY(-3px);
}

.social-icon .fa-twitter {
  color: #1da1f2;
}

.social-icon .fa-facebook-f {
  color: #4267b2;
}

.social-icon .fa-instagram {
  color: #e4405f;
}

.social-icon .fa-linkedin-in {
  color: #0077b5;
}

/* Hover effects */
.social-icon:hover .fa-twitter,
.social-icon:hover .fa-facebook-f,
.social-icon:hover .fa-instagram,
.social-icon:hover .fa-linkedin-in {
  opacity: 0.9;
}

.social-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffd60a;
  border: 1.5px solid #232323;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s,
    background 0.2s;
  font-size: 1.35rem;
  vertical-align: middle;
  position: relative;
  top: 0;
}

.social-circle i {
  transition: color 0.2s;
}

.social-circle:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.18);
  transform: translateY(-4px) scale(1.08);
  background-color: #fffbe6;
  border-color: #ffd60a;
}

.social-circle .fa-x,
.social-circle .fc-farcaster,
.social-circle .fa-discord,
.social-circle .fa-instagram,
.social-circle .fa-github,
.social-circle .fa-telegram {
  color: #000814;
}

.social-circle,
.social-circle:visited,
.social-circle:active,
.social-circle:focus {
  text-decoration: none !important;
  outline: none;
  box-shadow: none;
}

.link-fancy {
  color: #ffd60a !important;
  /* text-decoration: none; */
}

/* inter-300 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("fonts/inter-v12-latin-300.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("fonts/inter-v12-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-400 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("fonts/inter-v12-latin-regular.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("fonts/inter-v12-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(""), url("fonts/inter-v12-latin-500.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("fonts/inter-v12-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("fonts/inter-v12-latin-700.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("fonts/inter-v12-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Hide Google reCAPTCHA badge on mobile devices */
@media (max-width: 767px) {
  .grecaptcha-badge {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
}

p.h4:nth-child(2) {
  padding-top: 2rem;
  padding-bottom: 2rem;
}