.project-card::before {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}

.mesh-bg {
	background-color: #f8fafc;
	background-image:
		radial-gradient(at 0% 0%, rgba(59, 130, 246, 0.1) 0px, transparent 50%),
		radial-gradient(at 100% 0%, rgba(147, 197, 253, 0.15) 0px, transparent 50%),
		radial-gradient(at 100% 100%, rgba(59, 130, 246, 0.1) 0px, transparent 50%),
		radial-gradient(at 0% 100%, rgba(96, 165, 250, 0.1) 0px, transparent 50%);
}

.glass {
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Light Theme Styles */
body {
  background-color: #ffffff;
  color: #333333;
}

/* Scrollbar Style for Light Theme */
::-webkit-scrollbar {
  width: 8px; /* Thin scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #007bff; /* Blue thumb */
  border-radius: 10px; /* Rounded edges */
}

::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* Light background for the track */
}

/* Scrollbar hover effect */
::-webkit-scrollbar-thumb:hover {
  background-color: #0056b3; /* Darker blue when hovered */
}