body {
  font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}
.hero {
  background: linear-gradient(rgba(10, 31, 68, 0.8), rgba(10, 31, 68, 0.8)), url('https://via.placeholder.com/1920x1080');
  background-size: cover;
  background-position: center;
}
.focus-area:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
.back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.parallax {
perspective: 1px;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
.parallax .bg-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center;
}


/* Custom Styles for Animations */

/* Gold Color */
.text-gold-500 {
color: #FFD700; /* Gold color */
}
.bg-gold-500 {
background-color: #FFD700; /* Gold color */
}
.hover\:bg-gold-600:hover {
background-color: #D4AF37; /* Darker gold on hover */
}

/* Fade-in Animation */
@keyframes fade-in {
from {
  opacity: 0;
  transform: translateY(20px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
}
.animate-fade-in {
animation: fade-in 1s ease-out forwards;
}
.delay-100 {
animation-delay: 0.1s;
}
.delay-200 {
animation-delay: 0.2s;
}