/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #000; /* Optional: Use a background color to enhance image visibility */
  margin: 0;
  overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Long Scroll Section */
.long-scroll img {
  width: 100%; /* Full width for all devices */
  height: auto; /* Maintain image aspect ratio */
  display: block; /* Prevent gaps between images */
  margin: 0; /* Remove any default spacing between images */
  padding: 0;
}

/* Customized Scrollbar Styles */
body {
  scrollbar-width: thin; /* For Firefox */
  scrollbar-color: #F79E20 #1A1A1A; /* For Firefox */
}

::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
  background: #1A1A1A; /* Scrollbar track (background) */
}

::-webkit-scrollbar-thumb {
  background-color: #F79E20; /* Scrollbar thumb (foreground) */
  border-radius: 6px; /* Rounded edges for the thumb */
  border: 2px solid #1A1A1A; /* Optional: border to give a gap effect */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #FFB84D; /* Slightly lighter color on hover */
}


/* Overlay to deter screenshots */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.1); /* Light overlay */
  z-index: 9999;
  mix-blend-mode: multiply; /* Affects screenshot appearance */
}


@media print {
  * {
    display: none !important;
  }
}



/* Centered Logo Watermark */
/*body::before {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  max-width: 250px;
  height: 50%;
  background: url('images/logo/logo.png') center center / contain no-repeat;
  opacity: 0.1;
  z-index: 9999;
  pointer-events: none;
}*/