body {
  font-family: "Inter", sans-serif;
}

.card {
  border: none;
  transition: transform 0.2s ease;
}

.card:hover {
  transform: translateY(-4px);
}

.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Already in your code */
}

html {
  scroll-behavior: smooth;
}

#faq .accordion-button {
  background-color: #f8f9fa;
}
#faq .accordion-button:focus {
  box-shadow: none;
}

:root {
  --fc-orange: #f26522;
  --fc-dark: #0e1a2b;
}

.btn-primary {
  background-color: var(--fc-orange);
  border-color: var(--fc-orange);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #d7541d;
  border-color: #c14c1a;
}

.btn-outline-primary {
  color: var(--fc-orange);
  border-color: var(--fc-orange);
}
.btn-outline-primary:hover {
  background-color: var(--fc-orange);
  color: #fff;
  border-color: var(--fc-orange);
}

.navbar-brand,
h1,
h2,
h3,
.fw-bold {
  color: var(--fc-dark);
}

a {
  color: var(--fc-orange);
}
a:hover {
  color: #d7541d;
}

a.icon-link {
  color: #f26522;
  text-decoration: none;
  font-weight: 500;
}

a.icon-link:hover {
  text-decoration: underline;
  color: #d7541d;
}
@media (max-width: 576px) {
    .hero-gif {
      max-height: none !important;
    }
  }