html {
scroll-behavior: smooth;
} ::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #0a2e1c;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #c9a227;
} .nav-scrolled {
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(8px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
height: 5rem !important; } .hero-image-container {
mask-image: radial-gradient(white, black);
-webkit-mask-image: -webkit-radial-gradient(white, black);
}