:root {
  --small-screen: 480px; /* Small screens (e.g., mobile devices) */
  --medium-screen: 768px; /* Medium screens (e.g., tablets) */
  --large-screen: 1024px; /* Large screens (e.g., laptops) */
  --extra-large-screen: 1366px; /* Extra large screens (e.g., desktops) */
}