/* Custom CSS based on Red Rock Tax Design */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

body {
  font-family: "Inter", sans-serif;
  color: #2B2B2B;
  background-color: #ffffff;
  overflow-x: hidden;
}

/* Hero Background image with gradient overlay */
.bg-hero {
  background-image: linear-gradient(to right, rgba(26, 46, 68, 0.85) 0%, rgba(26, 46, 68, 0.3) 100%), url('/images/hero.png');
  background-size: cover;
  background-position: center;
}

/* Service Image Background */
.bg-service-img {
  background-image: url('/images/home-services.png');
  background-size: cover;
  background-position: center;
}

/* NProgress Customization */
#nprogress .bar {
  background: #B51515 !important;
  height: 4px !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px #B51515, 0 0 5px #B51515 !important;
}
#nprogress .spinner-icon {
  border-top-color: #B51515 !important;
  border-left-color: #B51515 !important;
}

/* Sleek scrollbars for both vertical and horizontal */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f8fafc; /* Lighter background */
}
.dark ::-webkit-scrollbar-track {
  background: #1e293b; /* Dark mode track */
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1; /* Subtle thumb */
  border-radius: 6px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #475569; /* Dark mode thumb */
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}