body {
  font-family: 'Inter', sans-serif;
}
h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}
/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #000000;
}
::-webkit-scrollbar-thumb {
  background: #facc15;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #eab308;
}
/* Filter to remove white background */
.remove-white {
  filter: url(#remove-white-filter);
}

/* Navbar scroll effect */
.navbar-scrolled {
  background-color: white !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.navbar-scrolled .nav-link {
  color: #0f172a !important;
}

.navbar-scrolled .nav-link:hover {
  color: #000000 !important;
}

.navbar-scrolled .logo-img {
  filter: none !important;
}

.navbar-scrolled .mobile-menu-btn {
  color: #000000 !important;
}

/* Active link highlight */
.nav-link.active {
  color: #FFC107 !important;
}

/* --------------------------------------------------
   SPACING REDUCTION (COMPACT LAYOUT)
   -------------------------------------------------- */

/* 1. GLOBAL SECTION PADDING REDUCTION */
section, 
.section, 
[class*="py-20"], 
[class*="py-24"], 
[class*="py-32"], 
[class*="py-48"] {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 768px) {
  section, 
  .section, 
  [class*="py-20"], 
  [class*="py-24"], 
  [class*="py-32"], 
  [class*="py-48"] {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* 2. FORM SECTION SPACING */
form, 
.form-container,
[class*="bg-slate-50 p-10"],
[class*="bg-slate-50 p-16"] {
  padding: 24px !important;
  gap: 16px !important;
}

form .grid, 
form .space-y-8, 
form .space-y-10 {
  gap: 16px !important;
}

form .space-y-2 {
  margin-bottom: 12px !important;
}

/* 3. HERO SECTION ADJUSTMENT */
header, 
.hero, 
[class*="h-[50vh]"], 
[class*="h-[60vh]"], 
[class*="h-[90vh]"] {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* 4. CARD & CONTENT BLOCKS */
.card, 
[class*="rounded-[3rem]"], 
[class*="rounded-2xl"], 
[class*="p-10"], 
[class*="p-16"] {
  padding: 20px !important;
}

/* 5. GENERAL GAP & MARGIN REDUCTION */
.gap-20, .gap-12, .gap-10 {
  gap: 24px !important;
}

.mb-10, .mb-12, .mb-16, .mb-20 {
  margin-bottom: 24px !important;
}

.mt-10, .mt-12, .mt-16, .mt-20 {
  margin-top: 24px !important;
}